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

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




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

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

ابحت عن ملف 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



0 التعليقات: