يسم الله الرحمن الرحيم
خطوات اضافتها :
تخطيط ==>اضافة اداة ===>html/javascript
<style> .widget-item-control a { display:none; } .widget-item-control a { display:none; } #supportive { width:300px; float:left; margin-top:10px; } #supportive li { position:relative; cursor:pointer; padding:0!important; } #supportive .facebook,.googleplus,.rss,.twitter { position:relative; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; z-index:5; display:block; float:left; margin:1px; } #supportive .icon { overflow:hidden; } #supportive .facebook { width:147px; height:150px; background:rgba(59,89,152,1) url(https://lh4.googleusercontent.com/-6tuOBGcpzGc/URPO_I2Yj9I/AAAAAAAAC_0/qBm56PAG1yY/h120/facebook.png) no-repeat center center; } #supportive .twitter { width:148px; height:74px; background:rgba(59,89,152,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcjUzdTGhEKLeq9TMX3XfTbCyRON_LX1BBwdJJBHUJVDKkHlp1ekoj-jZ5bnB4F7OcY68DHYstuZ0-jAuC4lHCDVJpYn7KPibBeqeSspZfL4ke_vPQ_J0XX08GfUT_shiXvLueANKE0hsh/s1600/Twitter.png) no-repeat center center; } #supportive .googleplus { width:148px; height:74px; background:rgba(59,89,152,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj40Ngs-KOD9Kiz_XaAtrN6xP5vnYfJWoKd44iMUHW81poDWRs4LjhcNO-A3Kx9dFgl-zQTQ1FxONpFGw4QjGX6l3QWS3w8ttJWxybQMH9VYetCPb18oT_5z9P2rsnjn1Nmc13Lunxuuidp/s1600/google+plus.png) no-repeat center center; } #supportive .rss { width:299px; height:74px; background:rgba(59,89,152,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6AyRFVXDE62qEd3faqY_lZTnplwQj2ay1cae7awZBhUc6J06R8gOeLSz2xhyphenhyphenfN5K98wqqmgvXYtWwWKmKNpip4oSiOhHGLLYUzE9flgT14qg6hH_Wx8f2j_w6nEg7-VbxfES-or6EkQzG/s1600/rss.png) no-repeat center center; } #supportive li:hover .facebook { background-color:#3468B6; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; } #supportive li:hover .twitter { background:rgba(64,153,255,1) url(https://lh6.googleusercontent.com/-gp5q_y7kibQ/URPO_I6-sKI/AAAAAAAAC_w/twhFzlX2p1c/h120/Twitter.png) no-repeat center center; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; } #supportive li:hover .googleplus { background:rgba(228,69,36,1) url(https://lh6.googleusercontent.com/-5-00TE6gtvM/URPO_ALyNwI/AAAAAAAAC_4/A4Dr7Hg7C6A/h120/google+plus.png) no-repeat center center; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; } #supportive li:hover .rss { background:rgba(255,102,0,1) url(https://lh4.googleusercontent.com/-NjlbntNHzFI/URPPCHuQ_XI/AAAAAAAADAI/S2lzrz6uZ0c/h120/rss.png) no-repeat center center; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; } </style> <ul id='supportive'> <li><a class='icon facebook' href='http://www.facebook.com/missandmister22/'/></a></li> <li><a class='icon twitter' href='http://twitter.com/tecktoday'/></a></li> <li><a class='icon googleplus' href='https://plus.google.com/GooglePlusUserID/'/></a></li> <li><a class='icon rss' href='http://feeds.feedburner.com/blogspot/tecktoday'/></a></li> </ul>
* غير ما لون بالاحمر
ليست هناك تعليقات:
إرسال تعليق
(تذكر قول الله تعالى ~ *=== (( ما يلفظ من قول إلا لديه رقيب عتيد )) ===*)