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

[sb7842 10]

با سلام

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

[hamidnpc 14]

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

[Mahboobe.Maleki 53]

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

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

اینم یه نمونه

[mahdi711 13]

با سلام

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

[Mohammad Yousefi 14]

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

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

[mahdi711 13]

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

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

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

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

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

[amin.poorsaeed 26]

همه دوستان مثال های رو دادن که یا با فلش ساخته شده بودن یا با 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 مانند لینک دهی هست که بیشتر افراد اینا رو می دونن و نیازی به توضیح نیست

[Mohammad Yousefi 14]

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

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

[akramieh 12]

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