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

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

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

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

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

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

أدخل للتخطيط ثم أظف أداة 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 فقط غير صورة البسملة وبالصورة التي تريد بالتوفيق

      حذف