Butoane : Facebook , Twiter , RSS in header .

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Butoane : Facebook , Twiter , RSS in header .

Mesaj 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 .


Ultima editare efectuata de catre zedkidd in Dum 14 Oct - 20:19, editata de 1 ori
avatar
zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 20
Data înscrierii : 11/10/2012
Multumiri : 0
1 avertisment

http://www.rullz.forumz.ro

Sus In jos

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

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

UP !
avatar
zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 20
Data înscrierii : 11/10/2012
Multumiri : 0
1 avertisment

http://www.rullz.forumz.ro

Sus In jos

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

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

UP .
avatar
zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 20
Data înscrierii : 11/10/2012
Multumiri : 0
1 avertisment

http://www.rullz.forumz.ro

Sus In jos

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

Mesaj 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;}
avatar
Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6313
Varsta : 21
Data înscrierii : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

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

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

Nu merge Neutru .
avatar
zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 20
Data înscrierii : 11/10/2012
Multumiri : 0
1 avertisment

http://www.rullz.forumz.ro

Sus In jos

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

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

Ai activat gestiunea codurilor javascript?
avatar
Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6313
Varsta : 21
Data înscrierii : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

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

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

Da .
avatar
zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 20
Data înscrierii : 11/10/2012
Multumiri : 0
1 avertisment

http://www.rullz.forumz.ro

Sus In jos

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

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

Nici mie nu imi merge codul!

BlitzKrieg
Membru Forumgratuit

masculin

Mesaje : 295
Varsta : 18
Localizare : Romania
Data înscrierii : 15/04/2012
Multumiri : 0
Niciun avertisment

http://freestuff.forumcreativ.ro/

Sus In jos

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

Mesaj 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
Fericit
avatar
Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6313
Varsta : 21
Data înscrierii : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

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

Mesaj 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;}
avatar
darkspectre
Membru activ

masculin

Mesaje : 2549
Varsta : 107
Localizare : auf mein land
Data înscrierii : 29/04/2008
Multumiri : 2
Niciun avertisment

http://www.fg-coding.net

Sus In jos

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

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

Si un cod pentru opticitate darkspectre ? Te rog frumos .
avatar
zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 20
Data înscrierii : 11/10/2012
Multumiri : 0
1 avertisment

http://www.rullz.forumz.ro

Sus In jos

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

Mesaj 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;}
avatar
darkspectre
Membru activ

masculin

Mesaje : 2549
Varsta : 107
Localizare : auf mein land
Data înscrierii : 29/04/2008
Multumiri : 2
Niciun avertisment

http://www.fg-coding.net

Sus In jos

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum