واضح آرشیو وب فارسی:سایت ریسک: چگونگی کد نویسی iran210 06 بهمن 1386, 11:50سلام من دنبال کد می گشتم برای لوگوهای حمایتی کد رو پیدا کردم ولی یه مشکل توی کد برام پش امد موندم چطوری جل کنم می شد کمکم کنید // JavaScript Document res = "<div style=" z-index:1000; position:absolute; right:0px; top:0px; border-width:0px; ">" res += "<img src=" echessdesign 06 بهمن 1386, 14:52درود بر شما به انجمن خوش آمدید. چه مشکلی برایب شما به وجود آمده است؟ Mohammad_Amiri 06 بهمن 1386, 16:19نحوه ساختن لوگوهای حمایتی: 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 ى كه بالا وارد كرديد تغيير دهيد. -------------------------------------------------------------------------------------------------------------------------------------- در انتها اگه اين موارد براى شما نامفهوم بود مى تونيد نمونه كامل لوگو حمايتى رو دانلود كنيد و اون رو طبق دلخواه تغيير دهيد: با تشكر محمد اميري iran210 06 بهمن 1386, 17:13سلام خوبید آق من می خوام این کد رو بزارم توی یک فیال js کهه فکر کنم با فسمت " coords="46, 0, 179, 130, 178, 187, 18, 0 مشکل دارد می شد راهنماییم کنید این مشکل رو چطوری می شدحل کرد و coords کارش چی هست توی این کد iran210 06 بهمن 1386, 17:24اقا توی htm مشکلی ندارم ولی توی فایلهای js مشکل پیدا می کند این رو چطوری می تونم حل کنم Mohammad_Amiri 07 بهمن 1386, 16:25دوست من معذرت مي خام كه اين حروفو مي زنم ، اما شما تكليفتون با خودتون مشخص نيست. (يه جا ميگي با اين قسمت مشكل ندارم با اون قسمت مشكل دارم بعد ميگي نه با اون قسمت مشكل ندارم با اين قسمت مشكل دارم :razz:) من هم مثل شما عضو جديد اين هستم. پس اگه مي خواي از اين به بعد تو اين انجمن زودتر به نتيجه برسي و مشكلاتت برطرف بشه ، سعي كن مشكل يا سئوالات خودتو به صورت درست و دقيق مطرح كن و بگين كه دقيق كجا مشكل داري تا زودتر به نتيجه برسي. اما پاسخ سئوالات شما اون جوري كه من متوجه شده ام: 1) coords کارش چی هست توی این کد؟ coords ناحيه قابل كليك شدن رو مشخص مي كنه. (تو پست شماره 3 توضيح دادم كه چه جوري اين كارو انجام بدهيم. مراجه كنيد به نحوه ساختن يك ناحيه قابل كليك توسط نرم افزار Dreamweaver) 2) آقا توی htm مشکلی ندارم ولی توی فایلهای js مشکل پیدا می کند این رو چطوری می تونم حل کنم ؟ الف) بايد از اينكه محتويات <div> تون رو توي فايل js كپي كرديد بايد قبل از هر علامت " از يك علامت استفاده كنيد ، تا مشكلي به وجود نياد. البته به غير از " ابتدا و انتهاي رشته ها احيانا مشكل شما هم مربوط به اين قسمت ميشه ! ب) بعد از اينكه syntax بالا رو رعايت كرديد بايد اونها رو داخل داخل متغييري قرار دهيد و بعدش اون متغيير رو با document.write چاپش كنيد. ج) حال فايل js خودتون رو با نامي مثلا logo.js ذخيره كنيد. د) بعد از ذخيره كردن ، كافيه كه كد زير رو بعد از تگ <body> تو سورس سايت (وبلاگ) كپي كنيد: <script language="JavaScript" src="logo.js" type="text/javascript"></script> ---------------------------------------------------------------------------------------------------------------------------- براي تكميل شدن آموزشات بالا يك فايل ضميمه كردم كه مي تونيد از اون استفاده كنيد. با تشكر محمد اميري
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 331]