Attractive CSS3 Social Bar for Blog
Ένα Widget για τα social του site blog σας που εμφανίζεται στα αριστερά της οθόνης σας στάσιμο και να εξοικονομεί χορό από την σελίδα σας!
Αντιγραφή επικόλληση τον παρακάτω κώδικα:
<style>
/* foulscode.blogspot.gr */
.fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNgSFixxnu2_pyksHizIybxRIoBSIJOaDFEenN-2-yazv44MQ6SAZw6fVQjMwYy4uqxys08s58-w-8YAZN271FVrHxvyFHJGLrrxLKYKjlYBOwTb2F1ULsNZTvFzZxhiSlODuxhpJvRj0/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh29-1wZKomldbleC_TnwDvACPXnp83vDx9t_6usv6r0hqFud9ciJV22kw0apVpWVC8fgGXWmyzN3mpFk2DDEBvpdGsvtXzCHh6p6EFNS0Efg0Cs_stH1dlvicODXkw40MHkvsjP5x-m3U/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.fixedmenu_1{margin:0px 0 0 43px}
.fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzepLopLJvKf3OXEjQ25aua-NS-U4fQoswhCGXQmPke3sV-Ev1qlddHNo233zERmR0F7_G0ki9N9vRe0U6LuxpiLcRG4VQDxPx3UjYJ1tMh_KdY6mcH7asrCNK-nnHENO3KtWtDX9y9-U/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6-P4zmpj1cFoYYv8ttk6CEnMle44Yd9YM-aYMTvJTEjJx1M2zCSyjXib6bcbMeR54f8kB3fBwxMsNXg3fxGgnncusEqJOBTaDoFoCTEhjq9Gksw1AWpNE12vK5XC8A7a_CrrYDWuVQNo/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.fixedmenutw_1{margin:0px 0 0 43px}
.fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1YQUmnb3zNCqACnJyO-7aovUH3d3wj9vzYTFlexqgiwUHXwnIo2ZsfXOjRCNe8tpyJBimn0Nfi97rk_iU_Tm-xocQxLJPc8WO6Rl5zM88wfzQVdtHNeiMBZMPWenwh3N9ap7GFHHtUDc/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4w7bXKNSuUgpSxv1xBxi3PM7oHvu9l16LBpQQbjNnCmGE6xwiyjwoYzuGzkdBQL_ZE0ijcAT5m4HhJCa4jn-lkWIsMdP0N_kzha_0QAIq9RDTud15kScpw9FrlLx01zbRsMJ6VPdNK4/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.fixedmenufb_1{margin:0px 0 0 43px}
.fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3mTODpc250ZCCh1crdafeGWGGoIW-rAzX60KA31a7dHCfv3jYcwYAXwjoDbdLpbhOVavi3rKNEWU4sLet3_rxxnmlbeZ5_WgU6JOwUP5kXYF8bvzM_ftGw7xq5wteEh69eRt6fREEFNw/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie9wtRWSGKQBUnA4ZArmU6nDnWqY2OZDn5nTwLtGZhw8Itp5OVCYbkQzEcPmYyxAC_KfaxSIm8e22RLIcDV8mAHmz_98xGBopAGWmuuXwefRsjP-s6MxR_EPmsZckqgB8XAr0auP30KG0/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.fixedmenurss_1{margin:0px 0 0 43px}
/* foulscode.blogspot.gr */
</style>
<div class='fixedmenu' onmouseout='this.className='fixedmenu'' onmouseover='this.className='fixedmenu1''><div class='fixedmenu_1'>
<a href='https://www.facebook.com/pages/Fouls-Code/548164921863886' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUU0neVC6Uj_bFg1CXMw0UWccAnOX2Cpn1viglzFQ7jLc4_g__pocgxmwC4hudUYEFUJGhSWLQejh4cwTsevALNnRodcGQ-c5NIxgM7gQjkDPt2ltHku8HCY4gQmxrJCvDYivHVCATxE8/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='fixedmenutw' onmouseout='this.className='fixedmenutw'' onmouseover='this.className='fixedmenutw1''><div class='fixedmenutw_1'>
<a href='https://twitter.com/foulscode' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixOyT8ttR5Osni37winheJhe-GTCfGcpdShWCaZcfNp_kp7JlzrVgKkVRNzvdwXB5xgQnrZunr4fWcNF_n5e3K8eejaYGkEtDMnT8_ru27zeTdCg6nDNV9d-rTXLMM68MQ19f9XgYR2xI/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='fixedmenufb' onmouseout='this.className='fixedmenufb'' onmouseover='this.className='fixedmenufb1''><div class='fixedmenufb_1'>
<a href='https://plus.google.com/ID' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD3UjgPRhYJKqPBoRNtgZ-Hp5QkEAcy10pqlnvcjDXwGqhw9jxOtBpuA-wCIlIkLv0iReXkfB3_aJ2YXEl0aZWtizxUfX6F3qqghdM4XsA4hBKHLtsbriG_WtGGc9-n2OF0bPyc5dz2RQ/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>
</div></div><div class='fixedmenurss' onmouseout='this.className='fixedmenurss'' onmouseover='this.className='fixedmenurss1''><div class='fixedmenurss_1'>
<a href='http://feeds.feedburner.com/foulscode target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEhhmVkIhdDWhNgLXGj0cqHZwjswhIiInGfmOIAoCuRLqMzmB_UGBmFonLloEWDBrKYFzPAj-L0I0KZXEPV25anMLf1BaqIfKvxbt2-aKk5lydy8aFGCqbMqfY_b_9QpQ3UYTCrguaiJw/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>
</div></div>
LIVE DEMO
Αντικαταστήστε τα μαρκαρισμένα URL και μετά αποθήκευση.
Σχόλια