اضافة جميلة للمدونات والمواقع

من تدوينة اليوم على مدونة كلفين للمعلوميات سنتعرف على اضافة جميلة جدا تعطي لمدونتك جمالية يمكنك معاينة الاضافة في الصورة التالية 




هده الاصافة تمكنك من وضع اعلان نصي في جانب الايسر للمدونة .ويمكن استخدام هده الاضافة فب المواقع والمنتديات ليست للبلوجر فقط 

طريقة تركيب للمواقع 

ابحت عن ملف index قم بفتح وابحت عن </body> تم ضع فوقه الكود التالي 

<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+&quot;px&quot;) );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:&#39;trebuchet ms&#39;,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 onmouseout='this.start();' onmouseover='this.stop();' style='line-height:28px;color:#000;'>المرجو التصويت عليينا لكي نكون افضل مدون لسنة 2015 من هنا vote.infokelvin.com </marquee></div></center></div>


يمكنك تغبير الرسالة التي بلون الاحمر بما تريد 



طريقة التركيب للبلوجر

ادهب الى قالب تم تحرير html  ابحت عن </body> تم ضع فوقه الكود التالي 


<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+&quot;px&quot;) );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:&#39;trebuchet ms&#39;,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 onmouseout='this.start();' onmouseover='this.stop();' style='line-height:28px;color:#000;'>المرجو التصويت عليينا لكي نكون افضل مدون لسنة 2015 من هنا vote.infokelvin.com </marquee></div></center></div>

يمكنك تغبير الرسالة التي بلون الاحمر بما تريد 






1/24/2015


معلومات عن العضو

تاريخ الميلاد : 1990/09/04 المهنه : مدون الأسم الحقيقي : اناس العاطفي الدولة: المغرب صاحب مدونةكلفين للمعلوميات

وسائل التوصل معه :




0 التعليقات: