r4hgozar
دوشنبه 23 اردیبهشت 1392, 12:19 عصر
سلام دوستان
این سایت رو نگاه کنید (http://www.leader.ir/).
این سایت فوترش یک عکسه ولی وقتی میری روی فارسی یا انگلیسی میشه روش کلیک کرد.
می خواستم بدونم چطوری میشه رفت روی عکس و متن نوشت و کلیک کرد؟؟
اگه یه کد نمونه بدین واقعا ممنون میشم.
ممنون
dousti_design
دوشنبه 23 اردیبهشت 1392, 12:30 عصر
با استفاده از تگ های map و area. به این صورت که شما میای میگی که این عکس از مختصات فلان تا فلان لینک بشه به صفحه شماره یک، مختصات بعدی صفحه شماره دو و...
با این کد:
<map name="map">
<area shape="rect" coords="0, 13, 45, 30" href="/langs/en/" title="English" />
<area shape="rect" coords="90, 15, 153, 28" href="/langs/id/" title="Indonesia" />
<area shape="rect" coords="194, 15, 259, 29" href="/langs/az/" title="Az?rbaycan" />
<area shape="rect" coords="301, 15, 353, 29" href="/langs/ru/" title="Russkiy" />
<area shape="rect" coords="389, 14, 439, 28" href="/langs/es/" title="Espa?ol" />
<area shape="rect" coords="477, 14, 530, 28" href="/langs/fr/" title="Français" />
<area shape="rect" coords="565, 15, 615, 29" href="/langs/de/" title="Deutsch" />
<area shape="rect" coords="650, 15, 699, 28" href="/langs/sw/" title="Kiswahili" />
<area shape="rect" coords="732, 15, 771, 27" href="/langs/tr/" title="Türkçe" />
<area shape="rect" coords="800, 15, 831, 30" href="/langs/th/" title="Thai" />
<area shape="rect" coords="308, 35, 342, 60" href="/langs/ur/" title="Urdu" />
<area shape="rect" coords="400, 31, 431, 60" href="/langs/fa/" title="Farsi" />
<area shape="rect" coords="481, 33, 517, 60" href="/langs/ar/" title="Al-?Arab?yah" />
</map>
<img usemap="#map" src="http://www.leader.ir/images/splash/8.gif" border="0">
اطلاعات بیشتر:
تگ area (http://www.w3schools.com/tags/tag_area.asp)
r4hgozar
دوشنبه 23 اردیبهشت 1392, 14:28 عصر
ممنون دوست عزیز.
روشی وجود داره ادم بفهمه که الان کجای تصویره؟؟ مثلا تو فتوشاپ یا چیز دیگه؟؟
میشه نقاط رو برای خاصیت coords مشخص کرد؟
r4hgozar
دوشنبه 23 اردیبهشت 1392, 14:35 عصر
اقا حل شد مرسی
dousti_design
دوشنبه 23 اردیبهشت 1392, 14:38 عصر
بله واحدش pixel هست. و نقطه 0,0 هم بالا سمت چپ میشه. از اونجا شروع میشه. توی فتوشاپ یا paint میتونیدد با قراردادن موس روی نقطه مورد نظر، مختصاتش رو ببینید.
نحوه دادن مختصات هم به این شکله که دو گوشه یک مستطیل رو باید بهش بدید مثل همینی که گذاشتم: نقاط 0, 13 و 45, 30 رو اگه توی paint نگاه کنید این نقاط کلمه English روی عکس رو دقیقا میندازه تو یه مستطیل
r4hgozar
دوشنبه 23 اردیبهشت 1392, 14:39 عصر
یه سوال دیگه چطوری از این مشخصه تو css استفاده کنم و دستورات رو تو html ننویسم؟؟
dousti_design
دوشنبه 23 اردیبهشت 1392, 15:13 عصر
یه سوال دیگه چطوری از این مشخصه تو css استفاده کنم و دستورات رو تو html ننویسم؟؟
تگ area خودش یه تگ مجزا هستش و نمیتونید بکلی توی صفحه ننویسیدش و با css درجش کنید
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.