Forum gratuit: forum de suport al utilizatorilor

Forum gratuit: ajutor si asistenta pentru utilizatorii Forumgratuit. Creeaza si administreaza un forum performant. Descopera functionalitatile, tutorialele si ponturile de pe Forumul de suport!

Butoane : Facebook , Twiter , RSS in header .

Forum gratuit: forum de suport al utilizatorilor ::  Forum de suport :: Probleme legate de un script (cod) :: Arhiva scripturi/coduri

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

zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 19
Data de inscriere : 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 !

zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 19
Data de inscriere : 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 .

zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 19
Data de inscriere : 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;}

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6309
Varsta : 20
Data de inscriere : 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 .

zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 19
Data de inscriere : 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?

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6309
Varsta : 20
Data de inscriere : 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 .

zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 19
Data de inscriere : 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, Rm. Vlacea
Data de inscriere : 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

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6309
Varsta : 20
Data de inscriere : 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;}

darkspectre
Membru activ

masculin

Mesaje : 2549
Varsta : 106
Localizare : auf mein land
Data de inscriere : 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 .

zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 19
Data de inscriere : 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;}

darkspectre
Membru activ

masculin

Mesaje : 2549
Varsta : 106
Localizare : auf mein land
Data de inscriere : 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 - 20:09

Am scris gresit , imi cer scuze ,acum am vazut Fericit) .

zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 19
Data de inscriere : 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 Dum 14 Oct - 20:12

Multumesc frumos darkspectre , puteti inchide topicul .

zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 19
Data de inscriere : 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 Sebby. la data de Dum 14 Oct - 21:56

Vă reamintim că mesajele duble nu sunt acceptate decât dacă a trecut o perioada de 24 de ore de la ultimul mesaj (folosiți butonul edit).
Mulțumesc pentru înțelegere!

topic rezolvat

Sebby.
Membru onorific
Membru onorific

masculin

Mesaje : 853
Data de inscriere : 01/02/2010
Multumiri : 0
Niciun avertisment

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Forum gratuit: forum de suport al utilizatorilor ::  Forum de suport :: Probleme legate de un script (cod) :: Arhiva scripturi/coduri

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum