PDA

View Full Version : سوال: نحوه پیاده سازی این شکل از CSS


franchesco
یک شنبه 27 اسفند 1391, 10:47 صبح
با سلام

http://www.ayosdito.ph/

دوستان لینک سایت رو باز کنید. وقتی که روی قسمتهای مختلف نقشه با موس میرید رنگ عکس عوض میشه و یک لینک داره به یک پیج.

ممنون میشم راهنماییم کنید این حالت رو به چه شکل میتونم پیاده سازی کنم برای استفاده خودم.
khanlo.javid
یک شنبه 27 اسفند 1391, 11:31 صبح
سلام

دوست عزیز با استفاده از خاصیت map تو تصاویر تونسته این حالت رو ایجاد کنه ، یه سرچ بزنی کلی مطلب در موردش هست و یا اگه از DreamWeaver استفاده میکنی وقی رو عکس کلیک میکنی میتونی خاصیت map رو براش تنظیم کنی .


موفق باشید./
franchesco
سه شنبه 29 اسفند 1391, 10:42 صبح
ممنون دوست عزیز عمل maping رو انجام دادم. حالا چطور میشه کاری کرد که وقتی با موس روی ناحه مپ شده میریم رنگ اون ناحیه عوض بشه ؟ و همپنین نوشته داخل اون محدوده ظاهر بشه.
soroush.r70
سه شنبه 29 اسفند 1391, 14:01 عصر
با DreamWeaver می تونی هر قسمت رو در محیط دیزاین انتخاب کنی و بعد از استفاده از خاصیت opacity به این صورت دربیاری
franchesco
سه شنبه 29 اسفند 1391, 15:23 عصر
دوست عزیز گشتم ولی ندیدم همپین چیزی. میشه لطفا بگید opacity کجاست توی دریم ویور؟
mahdivita
چهارشنبه 30 اسفند 1391, 14:41 عصر
سلام
لطفا به لینک زیر هم مراجعه کنین
http://barnamenevis.org/showthread.php?389827-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA
mahdivita
چهارشنبه 30 اسفند 1391, 14:42 عصر
خیلی راحته که


opacity:1; filter:alpha(opacity=100); cursor:pointer
mahdivita
چهارشنبه 30 اسفند 1391, 14:47 عصر
حالت عادی رو هم باید اینجوری تنظیم کنید



opacity:0.5; filter:alpha(opacity=80
mahdivita
چهارشنبه 30 اسفند 1391, 14:48 عصر
امیدوارم بتونین درست کنین
Mohsen.
چهارشنبه 30 اسفند 1391, 18:21 عصر
سلام با استفاده از SVG هم میتونید چنین شکلی درست کنید.
به اینجا (http://aparnet.ir/758-%d8%b1%d8%a7%d9%87%d9%86%d9%85%d8%a7%db%8c-%da%a9%d8%a7%d9%85%d9%84-svg) مراجعه کنید. نمونه نقشه ایران رو ببینید که توی پایین صفحه قرار داده شده.