يسم الله الرحمن الرحيم
خطوات اضافتها :
تخطيط ==>اضافة اداة ===>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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggP9CjEg-F0JTEPZ-Elb_EajtuR3vbziddB7fSf6h7XwFSS5do7CCLx7IXqAztVwDnmlSfKDko_pxcW-c1-nCdl7MQ0jElPRRT1O4MpZykUSR00OUN6979JrIpo_VauCwkMzFty8KQCUA/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTGC0_ppcT_SjMvoDjNdrOO3Yx0x1aS9nPvUihfLAsTuWXMjzbuo1CGeZRwraiMrH8gQNbwpOpBkhnT_7MQ2mV-F8owKKVljRckbL11a8ffplKhkrfMyFQJHE1_AqHBf8ZzuBrnKegB4g/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMUpwdf5wcGrCw-i9uh8ExB_UrQxJjW-G0SXXpqlhY42aEdZjGb3LnwNyHC_pvg9tHTyUrkmUnKLN-PBfcABabdO9id0XjD_typWfGi0oD-pfi_8lVT9PR6hcqpcCGyTnlq0v0yrQL498/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqvkwDBiyu-lPZFt2uW28xG-9PPg7I-OnhzJacpUDpzXhXKdl8htcRUdpONNMCOfRxxqlATQewU2JhDEkIVwYGVnd_NYwVLLO3PdC-8YS8NU858MT_DAGLjGnB7U6nwwt9se4jtX_Dhfw/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>
* غير ما لون بالاحمر
ليست هناك تعليقات:
إرسال تعليق
(تذكر قول الله تعالى ~ *=== (( ما يلفظ من قول إلا لديه رقيب عتيد )) ===*)