PDA

View Full Version : مبتدی: نحوه گذاشتن لینک روی قسمتی ار عکس



yuttrim20
چهارشنبه 17 خرداد 1391, 20:09 عصر
سلام به همه دوستان من میخوام روی هدر سایتم که یه عکس هست یه دکمه یا لینک خروج بذارم میشه لطفا راهنمایی بفرمایید چطور باید این کار رو انجام بدم؟

بهزاد علی محمدزاده
چهارشنبه 17 خرداد 1391, 20:39 عصر
سلام . فکر کنم باید از html map استفاده کنی . نمونه (http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_areamap)

Saber Mogaddas
چهارشنبه 17 خرداد 1391, 21:14 عصر
سلام
داخل دیوی که عکس داخل اونه یه دیو به صورت تو در تو ایجاد کن و لینک خروج رو داخل اون بزار ..

بهزاد علی محمدزاده
چهارشنبه 17 خرداد 1391, 21:46 عصر
صابر جان اونجوری فکر کنم تمام Header لینک خروج از سایت میشه . اما این می خواد این Header رو که عکس هست یه قسمت از اون و به حالت لینک در بیاره . با این روشی که شما گفتین ممکن هست ؟

zigoratsoft
چهارشنبه 17 خرداد 1391, 23:28 عصر
هدر سایت که یک عکس داخل یک دایو هست
عکس هدر رو به صورت بکگراند بدید و داخل همون دایو یه دایو دیگه بسازید و موقعیت دهی کنید و داخلش دکمه رو بذارید.
اینجوری هم فقط دکمه لینک میشه

ali5555
جمعه 19 خرداد 1391, 18:07 عصر
از طریق نرم افزار dreamweaver میتونی hotspots درست کنی وقسمتی که میخوای لینک بشه رو انتخاب و بعدش لینک بدی
88032

behzadkhatari
سه شنبه 23 خرداد 1391, 10:14 صبح
نمونه کد
<img usemap="#map" alt="menu" src="images/head.gif" width="900" height="160" ismap="ismap"/>
<map name="map">
<area shape="rect" coords="773,119,882,139" href="index.php" alt="صفحه اصلی" />
<area shape="rect" coords="647,120,760,138" href="register.php" alt="ثبت نام" />
<area shape="rect" coords="527,119,638,140" href="contact.php" alt="تماس با ما" />
<area shape="rect" coords="405,118,514,139" href="map.php" alt="نقشه سایت" />
</map>

cyrusthegreat
دوشنبه 29 خرداد 1391, 16:05 عصر
دوست عزیز

شما دو راه حل داری. یا عکس رو به بک گراند div ای بدی که هدرت رو میسازه. بعد داخل اون المان لینک رو بسازی. بعد با دادن margin و float می تونی جایگیریش رو هرجایی که خواستی مشخص کنید.

راه حل دوم برای مواقعی هست که نمی خوای توی ساختار صفحه ات تغییر بدی. یعنی نمی خوای اگر عکس هدرت توسط تگ img درست شده اون رو حذف کنی و به div هدر و بک گراندش منتقلش کنی (دلایل متعددی وجود داره برای عدم انجام اینکار). برای این مورد شما کافی هست که به والد عکس و لینک، مقدار position: relative; بدی. بعد به تگ لینکت مقدار
position: absolute;
top: XXpx;
left: YYpx;


و با مقدار دهی بجای XX و YY جای عنصرت رو مشخص کنی.

ملودی10
چهارشنبه 05 تیر 1392, 20:42 عصر
سلام
لطفا واضح تر بگید
من هنوز مبتدیم