Butoane : Facebook , Twiter , RSS in header .

Scris de zedkidd la data de Joi 11 Oct - 19:59

Salut , revin din nou cu o problema ? Se poate sa pun imaginile , acele iconuri de la Facebook ,Twiter si acel RSS in zona aceasta a forumului :

? Daca da , va rog spuneti-mi cum , mersi .

Scris de zedkidd la data de Vin 12 Oct - 14:05

Scris de zedkidd la data de Sam 13 Oct - 19:48

Scris de Omu la data de Sam 13 Oct - 19:56

P.A> Module > Gestiunea codurilor javascript > Creeaza un cod nou:
Titlu : Social
Amplasare: Toate paginile
Cod:

Cod:: $(document).ready(function(){ $(".headerbar").before("<div class="nth-social"> <a href="#"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/facebook.png" /></a> <a href="#"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/twitter.png" /></a> <a href="/rss"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/rss.png" /></a> </div>"); });

P.A > Afisare > Culori > Foaie de stil CSS:

Cod:: .nth-social a { margin-left: 10px;} .nth-social { position: absolute; top: 10px;}

Scris de zedkidd la data de Sam 13 Oct - 22:00

Nu merge

.

Scris de Omu la data de Sam 13 Oct - 22:03

Ai activat gestiunea codurilor javascript?

Scris de zedkidd la data de Sam 13 Oct - 22:05

Scris de BlitzKrieg la data de Dum 14 Oct - 13:11

Nici mie nu imi merge codul!

Scris de Omu la data de Dum 14 Oct - 13:41

Adauga in generalitati:

Cod:: <div class="nth-social"> <a href="#"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/facebook.png" /></a> <a href="#"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/twitter.png" /></a> <a href="/rss"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/rss.png" /></a> </div>

P.A > Afisare > Culori > Foaie de stil CSS:

Cod:: .nth-social a { margin-left: 10px;} .nth-social { margin-top: -280px; margin-left: -5px; float: right;}

Modifica valorile de la

margin-top

si

margin-left

Scris de darkspectre la data de Dum 14 Oct - 15:16

JS

Cod:: $(document).ready(function(){ $("#wrap").before('<div class="nth-social"> <a href="#"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/facebook.png" /></a> <a href="#"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/twitter.png" /></a> <a href="/rss"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/rss.png" /></a> </div>'); });

CSS

Cod:: .nth-social { margin-right: 20px; margin-top: 15px; float: right;} .nth-social a {margin-left: 10px;}

Scris de zedkidd la data de Dum 14 Oct - 19:31

Si un cod pentru opticitate darkspectre ? Te rog frumos .

Scris de darkspectre la data de Dum 14 Oct - 19:50

Opticitate? n-am, dar in schimb am ceva ptr opacitate:

Cod:: -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;

Adauga proprietatile astea la selectorul creat.

Sau, daca vrei ceva cu mot:

Cod:: .nth-social { margin-right: 20px; margin-top: 15px; float: right;} .nth-social a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; margin-left: 10px;} .nth-social a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-left: 10px;}

Re: Butoane : Facebook , Twiter , RSS in header .