أخبر زوارك ما تريد بهذه الإضافة المميزة
قد ترغب في بعض الاحيان كتابة رسالة موجهة لزوار مدونتك أو تريد ان تهنئهم بمناسبة ما أو تطلب مساعدتهم في شيئ ما
هذه الإضافة أفضل حل لفعل ذالك وإخبار زوارك بما تريد من مميزات الإضافة :
-ضاهرة وتابثة للزائر لكنها غير مزعجة ^_^
-شكل أنيق وألوان هادئة
-كتابة متحركة لشد إنتباه الزائر لقرائة ما كتبت
ماذا تريد أكثر من هذا وتركيبها سهل للغاية فقط إتبع الخطوات التالية :
أدخل للتخطيط ثم أظف أداة 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>
ما يمكن تغييره في الكود واضخ وهو الرسالة التي تريد إضهارها في الإضافة
يمكنك كتابة أي رسالة ويمكن للرسالة ان تحتوي على رابط موقع او موضوع المهم غيره بما يناسبك
هذا كل شيئ اتمنى ان تعجبكم الاداة لا تنسوا مشاركة الموضوع وشكرا
أخي لو سحت
ردحذفكيف أضع صورا مثل الذي تضعها داخل موضوعك (( الصور الكرتونيه وعنوانالوضوع والصوره))
أخي لو كنت تقصد صورة الموضوع فأنا أصممها واغير الصورة والعنوان والشخصية الكريتونية لكي انوع وذالك لاعطاء تابع متناسق للمواضيع
حذفشرح اضافه صوره فوق كل موضوع مثل
ردحذفبسم الله الرحمن الرحيم
ممكن الشرح
وعليكم السلام تفضل أخي الشرح ستجده هنا http://www.arabe-eye.com/2013/07/blog-post_20.html فقط غير صورة البسملة وبالصورة التي تريد بالتوفيق
حذف