1) قبل هر كارى شما بايد يك لوگو واسه طرح تون بسازيد و لوگوتون رو به صورت پشت زمينه شفاف يعنى با يكى از فرمت هاى gif يا png ذخيره كنيد.
2) بعد از اينكه لوگو حمايتى رو ايجاد كرديد بايد لوگو حمايتى رو داخل <div></div> قرار دهيد.
3) خاصيت position از<div> تون رو به absolute تغيير دهيد.
4) خاصيت left يا right و top از <div> رو به مقدار دلخواه تنظيم كنيد.
( اصولا لوگوهای حمایتی گوشه بالا سمت راست يا گوشه بالا سمت چپ قرار مى گيرند)
5) براى اينكه ما مى خواهيم فقط روى اون قسمتى از لوگو حمايتى كليك بشه كه شفاف نيست و قسمت هايى كه شفاف هستند قابل كليك شدن نباشند بايد يك ناحيه قابل كليك شدن بسازيم. (منظور از ناحيه قابل كليك شدن همان Hotspot است.)
نحوه ساختن يك ناحيه قابل كليك توسط نرم افزار Dreamweaver :
ابتدا لوگو تون رو انتخاب كنيد بعد از نوار ابزار insert ، حالت Common رو انتخاب كرده و بعد از بخش Images گزينه Draw polygon Hotsopt را انتخاب كنيد.حال روى لوگوتون كليك كنيد و مطابق تصوير تون ناحيه قابل كليك شدن بسازيد.
6) بعد از اينكه يك ناحيه قابل كليك شدن ساختيد ، اون رو انتخاب كنيد و توى پانل Properties تنظيمات زير را انجام دهيد:
در قسمت Map بايد نامى رو انتخاب كنيد. (از خاصيت براي لينك به لوگوتون استفاده مى شه)
در قسمت link نيز لينكى را كه مايل هستيد بعد از كليك شدن روى آن ناحيه باز شود را وارد كنيد.
در قسمت target نيز نحوه باز شدن لينك رو انتخاب كنيد.
در قسمت alt نيز توضيحاتتون (tooltip) رو وارد كنيد.
7) خاصيت usemap لوگوتون رو به نام Map ى كه بالا وارد كرديد تغيير دهيد.
--------------------------------------------------------------------------------------------------------------------------------------
در انتها اگه اين موارد براى شما نامفهوم بود مى تونيد نمونه كامل لوگو حمايتى رو دانلود كنيد و اون رو طبق دلخواه تغيير دهيد:
سلام خوبید
آق من می خوام این کد رو بزارم توی یک فیال js کهه فکر کنم با فسمت " coords="46, 0, 179, 130, 178, 187, 18, 0 مشکل دارد می شد راهنماییم کنید این مشکل رو چطوری می شدحل کرد و coords کارش چی هست توی این کد
دوست من معذرت مي خام كه اين حروفو مي زنم ، اما شما تكليفتون با خودتون مشخص نيست. (يه جا ميگي با اين قسمت مشكل ندارم با اون قسمت مشكل دارم بعد ميگي نه با اون قسمت مشكل ندارم با اين قسمت مشكل دارم :razz
من هم مثل شما عضو جديد اين هستم. پس اگه مي خواي از اين به بعد تو اين انجمن زودتر به نتيجه برسي و مشكلاتت برطرف بشه ، سعي كن مشكل يا سئوالات خودتو به صورت درست و دقيق مطرح كن و بگين كه دقيق كجا مشكل داري تا زودتر به نتيجه برسي.
اما پاسخ سئوالات شما اون جوري كه من متوجه شده ام:
1) coords کارش چی هست توی این کد؟
coords ناحيه قابل كليك شدن رو مشخص مي كنه.
(تو پست شماره 3 توضيح دادم كه چه جوري اين كارو انجام بدهيم.
مراجه كنيد به نحوه ساختن يك ناحيه قابل كليك توسط نرم افزار Dreamweaver)
2) آقا توی htm مشکلی ندارم ولی توی فایلهای js مشکل پیدا می کند این رو چطوری می تونم حل کنم ؟
الف) بايد از اينكه محتويات <div> تون رو توي فايل js كپي كرديد بايد قبل از هر علامت " از يك علامت\استفاده كنيد ، تا مشكلي به وجود نياد. البته به غير از " ابتدا و انتهاي رشته ها احيانا مشكل شما هم مربوط به اين قسمت ميشه !
ب) بعد از اينكه syntax بالا رو رعايت كرديد بايد اونها رو داخل داخل متغييري قرار دهيد و بعدش اون متغيير رو با document.write چاپش كنيد.
ج) حال فايل js خودتون رو با نامي مثلا logo.js ذخيره كنيد.
د) بعد از ذخيره كردن ، كافيه كه كد زير رو بعد از تگ <body> تو سورس سايت (وبلاگ) كپي كنيد:
