EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

أخبر زوارك ما تريد بهذه الإضافة المميزة

السلام عليكم
أخبر زوارك ما تريد بهذه الإضافة المميزة
قد ترغب في بعض الاحيان كتابة رسالة موجهة لزوار مدونتك أو تريد ان تهنئهم بمناسبة ما أو تطلب مساعدتهم في شيئ ما

أخبر زوارك ما تريد بهذه الإضافة المميزة

هذه الإضافة أفضل حل لفعل ذالك وإخبار زوارك بما تريد من مميزات الإضافة :

-ضاهرة وتابثة للزائر لكنها غير مزعجة ^_^
-شكل أنيق وألوان هادئة
-كتابة متحركة لشد إنتباه الزائر لقرائة ما كتبت

ماذا تريد أكثر من هذا وتركيبها سهل للغاية فقط إتبع الخطوات التالية :

أدخل للتخطيط ثم أظف أداة HTML/JavaScript ثم ضع فيه الكود التالي :

<style type="text/css">div.notice-banner{_position:absolute;position:fixed;text-align:center;z-index:99000}div.notice-banner-inner{-moz-transform:rotate(-45deg);-moz-transform-origin:50% 0;-ms-transform:rotate(-45deg);-ms-transform-origin:50% 0;-o-transform:rotate(-45deg);-o-transform-origin:50% 0;-webkit-transform:rotate(-45deg);-webkit-transform-origin:50% 0;_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight-52+"px") );background: #f6f6f6;background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f9f9f9), to(#f1f1f1));background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#f9f9f9), to(#f1f1f1));border:1px solid #aaa;color:#fff;font-family:'trebuchet ms',verdana,arial,sans-serif;font-size:16px;height:30px;left:-190px;opacity:0.9;padding:10px;text-align:center;top:110px;transform:rotate(-45deg);transform-origin:50% 0;width:600px;-moz-box-shadow: 0 5px 5px -5px #999;-webkit-box-shadow: 0 5px 5px -5px #999;box-shadow: 0 5px 5px -5px #999;}.notice-banner-text{-moz-border-radius:8px;-webkit-border-radius:8px;background-color:#fff;border:1px solid #aaa;border-radius:8px;height:28px;margin-right:15px;padding-left:10px;padding-right:10px;width:290px}</style><div class="notice-banner notice-banner-inner"><center><div class='notice-banner-text'><marquee onmouseover="this.stop();" onmouseout="this.start();" style="line-height:28px;color:#000;">أكتب رسالتك هنا</marquee></div></center></div>

ما يمكن تغييره في الكود واضخ وهو الرسالة التي تريد إضهارها في الإضافة
يمكنك كتابة أي رسالة ويمكن للرسالة ان تحتوي على رابط موقع او موضوع المهم غيره بما يناسبك
هذا كل شيئ اتمنى ان تعجبكم الاداة لا تنسوا مشاركة الموضوع وشكرا

هناك 4 تعليقات:

  1. أخي لو سحت
    كيف أضع صورا مثل الذي تضعها داخل موضوعك (( الصور الكرتونيه وعنوانالوضوع والصوره))

    ردحذف
    الردود
    1. أخي لو كنت تقصد صورة الموضوع فأنا أصممها واغير الصورة والعنوان والشخصية الكريتونية لكي انوع وذالك لاعطاء تابع متناسق للمواضيع

      حذف
  2. شرح اضافه صوره فوق كل موضوع مثل
    بسم الله الرحمن الرحيم
    ممكن الشرح

    ردحذف
    الردود
    1. وعليكم السلام تفضل أخي الشرح ستجده هنا http://www.arabe-eye.com/2013/07/blog-post_20.html فقط غير صورة البسملة وبالصورة التي تريد بالتوفيق

      حذف

التالي السابق الرئيسية