نقشه ايران براي سايت

با سلام

تو بعضي از سايتا يه نقشه اي قرارداده شده كه وقتي روي هر استاني داخلش كليك مي كني به صفحه همون استان ميره مي خواستم ببينم چجوري ميشه همچين صفحه اي طراحي كرد

این راسته کار استاد پور سعید هست .الان خودش میاد!!

این نقشه ها به روش های مختلفی میتونن طراحی بشن. ساده ترین راه، لینک کردن هر استان به یه صفحه ی دیگه س. (یعنی slice کردن نقشه و مپ کردن بخش ها به صفحات مختلف)

نقشه های جاوا اسکریپتی و اجاکسی و فلش هم که هستن

اینم یه نمونه

با سلام

دوست عزیز من هم قبلا از این نمونه ها دیدم . این نقشه ها بیشتر بصورت فلش طراحی میشن .با فلش به راحتی میشه این کار انجام داد.

دوست عزیز ب به این آدرس سری بزن احتمالا به دردت بخوره اhttp://extensions.joomla.org/extensions/maps-a-weather/maps-a-locations/country-maps/

اینم یک دمو برای نقشه ایتالیا http://www.italiacms.it/modulo-mappa-italia.html

با تشکر از دستمون limanweb

ولی فکر کنم دستمون sb7842 به همچین چیزی احتیاج داشته باشه .

همون طور که قبلا عرض کردم اکثر فلش هست و زیبای خاصی داره .

دمـــــــــــــو 1

دمـــــــــــــو 2

همه دوستان مثال های رو دادن که یا با فلش ساخته شده بودن یا با js اما برای ساخت همچین نقشه هایی نیاز نیست از فلش ( flash ) ، جاوا اسکریپت یا غیره استفاده کنی اگر نرم افزار dreamweaver رو داشته باشی تو این نرم افزار خاصیت hotsopt وجود داره که میشه باهاش نقشه دلخواه رو ساخت من یه نمونه بارتون پیوست می کنم که برای یکی از پروژه هام ساخته بودم امیدوارم خوشتون بیاد

http://jupload.ir/do.php?filename=joomlaforum.ir_13428762791.zip

تو این مثال من layout بندی هم کردم که نقشه درست در وسط صفحه باشه و اگر به کد هایی که استفاده کردم توجه کنی به این صورت هستن

<area shape="circle" coords="113,90,5" href="http://ask-ir.com/" target="_blank" alt="نقشه ایران" title="وب سایت انجمن های استان ها" />

مقدار shape="circle" برای تعیین شکل hotspot هست که می تونید با triangle یا غیره تغییر بدین

coords="113,90,5" هم مختصات مکان hotspot و سایز اون هست که به ترتیب اینطوری هست coords="x,y,size"

بقیه مورد ها که href ، target و title مانند لینک دهی هست که بیشتر افراد اینا رو می دونن و نیازی به توضیح نیست

ممنون جناب پورسعید، واقعا فیض بردیم:a2d3:

راستی از اینجور آموزشها برامون بزار:didi::25:

بسیار عالی و زیبا. کارتون حرف نداره. موفق باشید