قرار دادن يک لوگوي ثابت در گوشه‌هاي سايت يا وبلاگ (معرفي سايت QuickRibbon.com)

ريبون‌ها را در سايت‌ها و وبلاگ‌هاي مختلف به نشانه‌هاي مختلف (مثلا به نشانه‌ي اعتراض به ساماندهي سايت‌هاي ايراني، يا به نشانه ايجاد انگيزه در رأي دادن و ...) ديده‌ايد.

اگر شما هم قصد داريد چنين ريبوني در سايت يا وبلاگ خود داشته باشيد، دو راه وجود دارد.

1- يک راه اين است که به سايت QuickRibbon مراجعه کنيد و خيلي سريع ريبوني با متن مورد نظرتان بسازيد و کدي که مي‌دهد را بر روي وبلاگ خود قرار دهيد.

در اين سايت متنتان را وارد مي‌کنيد و مشخصات ريبون را مي‌گوييد، در همان لحظه کد مربوط به آن را دريافت مي‌کنيد...

اما متأسفانه يک مشکل وجود دارد و آن اين است که متون فارسي در اين سايت ساپورت نمي‌شوند و حروف آن از هم جدا نوشته مي‌شود:

البته من به طراحان سايت ايميل زدم و خواهش کردم که اين موضوع را بررسي کنند، اما به نظرم نيازي به چنين سايتي نيست، راه دوم را ببينيد.

2- اما راه دوم اين است که خودتان يک ريبون در فتوشاپ يا هر نرم‌افزار ديگر با فرمت PNG يا GIF بسازيد و با استفاده از کدي که در ادامه مي‌آورم، آن را در سايت يا وبلاگتان قرار دهيد.

توجه کنيد که بايد اين ريبون طوري طراحي شود که بک‌گراند آن نامرئي يا Transparent باشد که از کنار ريبون بشود سايت اصلي را ديد و دقيقاً شبيه يک ريبون عمل کنيد.
ضمن اينکه حتما لازم نيست به صورت يک ريبون باشد. شايد بخواهيد به صورت يک مثلث باشد که گوشه صفحه را پر کند يا هر شکل ديگري، دايره و ... . فقط بک‌گراند آن ترنسپرنت باشد.

کدي که اين کار را انجام مي‌دهد، کد زير است:

راهنماي رنگ‌هاي اين کد را دقت کنيد:
√ آدرس جايي که کاربر، با کليک بر روي ريبون به آنجا هدايت شود.
√ آدرس عکسي که به عنوان ريبون در نظر گرفته‌ايد.
√ طول و عرض عکس
√ جلو عبارت Position دو کلمه مي‌توانيد بنويسيد. اگر کلمه absolute را بنويسيد، اين لوگو در بالاي سايت ثابت مي‌ماند و با اسکرول کردن صفحه، اسکرول مي‌شود. (مثل اين صفحه) اما اگر کلمه fixed را بنويسيد، مي‌شود چيزي شبيه به اين صفحه همانطور که مي‌بينيد، کادري که خاصيت fixed دارد، در هوا معلق است. اما مشکلي که دارد، اين است که اين حالت در مرورگر اينترنت اکسپلورر 6 به پايين (مرورگر اکثر کاربران ايراني است) ساپورت نمي‌شود و احتمالاً نماي سايت را به هم مي‌زند.
بنابراين، انتخاب fixed اگر چه زيباتر و جذاب‌تر است، اما عيبي هم دارد که عرض کردم. انتخاب با شماست...

پس از اينکه کد بالا را نسبت به چيزي که مي‌خواهيد، تنظيم کرديد، آن را در هر کجا از کدهاي سايت يا وبلاگ خود که خواستيد قرار بدهيد!

همين!
خسته نباشيد...
منبع: www.aftabgardan-cc.com