Adaugare butoane: Facebook, RSS si YouTube

Scris de SyReXX Vin Noi 02, 2012 5:15 pm

Salutare, cum pot adauga butoanele pentru Facebook, RSS si YouTube deasupra logo-ului cu un efect hover frumos pentru versiunea punBB?

Scris de VeteraNNN Vin Noi 02, 2012 6:27 pm

JS

Cod:: varCopyright = '(c) 2012 - Extream-Suport. All rights reserved. | Meniu Social Icons creat de InFeRn0, va rog sa pastrati copyright.'; $(function() { // Cod HTML. $('#pun-intro').prepend('<div id="meniu sociale"><ul class="sociale"><li><a href="#" class="facebook">FaceBook</a></li><li><a href="#" class="rss">RSS</a></li><li><a href="#" class="youtube">YouTube</a></li></ul></div>'); });

CSS

Cod:: #sociale { position: relative; float: left; } #sociale li { display: inline; font-size: 1.1em; line-height: 2.2em; list-style-type: none; width: auto; }

HTML (Template Use - Se poate folosi si in widget dar si in Template)

Cod:: <div id="meniu sociale"><ul class="sociale"><li><a href="#" class="facebook">FaceBook</a></li><li><a href="#" class="rss">RSS</a></li><li><a href="#" class="youtube">YouTube</a></li></ul></div>

Scris de SyReXX Vin Noi 02, 2012 6:35 pm

Nu merge...

Scris de VeteraNNN Vin Noi 02, 2012 6:44 pm

JS (Toate Paginile)

Cod:: varCopyright = '(c) 2012 - Extream-Suport. All rights reserved. | Meniu Social Icons creat de InFeRn0, va rog sa pastrati copyright.'; $(function() { // Cod HTML. $('#pun-intro').prepend('<div id="meniu sociale"><ul class="sociale"><li><a href="#" class="facebook">FaceBook</a></li><li><a href="#" class="rss">RSS</a></li><li><a href="#" class="youtube">YouTube</a></li></ul></div>'); });

CSS

Cod:: .sociale { position: relative; float: left; } .sociale li { display: inline; font-size: 1.1em; line-height: 2.2em; list-style-type: none; width: auto; margin-right: 10px; } .sociale li { background: #FDFDFD; padding: 4px 7px; position: relative; top: -20px; border-radius: 0px 0px 4px 4px; } a, a:hover { text-decoration: none!important; }