کد css تصویر لینک دار

این تاپیک 15 پاسخ و 4 مشارکت کننده دارد . آخرین آپدیت توسط :  Arman_Nr ،‏ 3 سال و 5 ماه پیش .

این تاپیک تاکنون 4237 بازدید داشته است .

نویسنده پست
پنجشنبه ، 27 ژوئن 2013     8:37 ب.ظ #


Arman_Nr

Subscriber
22 پست9 تاپیک

سلام دوستان تو بعضی از سایتها میبینم که تو یه تصویر با فتوشاپ درستش کردن بصورت css لینک دار هستش میدونم متوجه میشید یا خیر مسلا من برای نمونه این تصویر :

برای دیدن عکس کلیک کنید.

الان این یک عکس در یک سایتی هستش که ایکون ها لینک هایی داده منظورم اینجوری بود در یک عکس لینک های متفاوت بر حسب آیکون چطور باید انجام داد تشکر

0  تشکر
جمعه ، 28 ژوئن 2013     1:14 ق.ظ #


محمدسینا معراجیان

Contributor
112 پست0 تاپیک

متوجه منظورتون نشدم میخواین بگین یه قسمت خاصی از یه عکس لینک بگیره؟

0  تشکر
جمعه ، 28 ژوئن 2013     1:16 ق.ظ #


Arman_Nr

Subscriber
22 پست9 تاپیک

آره دقیقا همینی که گفتید قسمت های مختلفی تو یه عکس لینک بگیره

1  تشکر
جمعه ، 28 ژوئن 2013     1:19 ق.ظ #


محمدسینا معراجیان

Contributor
112 پست0 تاپیک

دریم ویور دارید؟اگر ندارید بریزید با اون کار کنید چون دستورش نیاز به مختصات دهی داره دستی سخته

0  تشکر
جمعه ، 28 ژوئن 2013     1:39 ق.ظ #


Arman_Nr

Subscriber
22 پست9 تاپیک

آها مرسی دارم ولی نسخه قدیمیشه الان جدیدترین نسخه اش چنده

0  تشکر
جمعه ، 28 ژوئن 2013     2:22 ق.ظ #


محمدسینا معراجیان

Contributor
112 پست0 تاپیک

نسخه های ادوب با هم آپدیت میشن همشون دیگه که جدیدترینشون cs6 هست ولی این امکان تو نسخه های قدیمیشم هست

0  تشکر
جمعه ، 28 ژوئن 2013     2:49 ق.ظ #


وحید صالحی

Authorplus
VIP
548 پست4 تاپیک

سلام

شما باید از ابزار hotspot در دریم ویور استفاده کنید برای اینکار در محیط دریم ویور وارو تب window (ctrl+f2شوید و روی گزینه insert کلیک کنید حال درپنجره insert در پنل سمت راست روی علامت مربع کنار  گزینه image:draw rectangle hotspot کلیک کنید حال روی تصویر مورد نظر خودت برو و کلید سمت راست موس رو فشار داده و محل مورد نظر خودت رو انتخاب و کلید موس رو رها کن در پنجره باز شده ok رو انتخاب و در پنل پایین در محل لینک ,لینک مورد نظرت رو وارد کن صفحه رو دخیره و در مرورگر نتیجه رو ببین قسمتی که انتخاب کردی بصورت لینک درامده...

در فایل پیوست هم توسط تصویر با نام (describe)  مراحل بالا رو میتونی ببینی و مثالی رو توسط روش بالا روی تصویری که خودت قرار داده بودی میتونی ببینی فایل test.html رو در مرورگر باز کن و روی  آیکون های تصویر کلیک کن...

سوالی بود بپرس

موفق باشی...

پیوست ها:
You must be logged in to view attached files.
4  تشکر
جمعه ، 28 ژوئن 2013     3:08 ق.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

از تگ map در html می تونی استفاده کنی . اینجا رو ببین :

http://www.w3schools.com/tags/tag_map.asp

4  تشکر
جمعه ، 28 ژوئن 2013     11:05 ق.ظ #


وحید صالحی

Authorplus
VIP
548 پست4 تاپیک

[quote=12255]از تگ map در html می تونی استفاده کنی . اینجا رو ببین :
http://www.w3schools.com/tags/tag_map.asp [/quote]
ممنون لقمان جان
ابزار hotspot دقیقا همین تگ map که شما گفتین رو ایجاد میکنه...

3  تشکر
جمعه ، 28 ژوئن 2013     3:31 ب.ظ #


Arman_Nr

Subscriber
22 پست9 تاپیک

بله خیلی جامع توضیح دادید نسخه 6 Dream در حال دانلود هستم یک سوال فرض کنیم یکی از این نرم افزار استفاده نمیکنه این کد ها

ها یعنی تعیین موس در نمایشگر هستند در عکس مورد نظر ؟ یعنی فقط با این چنین نرم افزارهایی میشه فهمید مکان دقیق داد ؟ تشکر

1  تشکر
پست 1 تا 10 (از مجموع 16 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .