Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

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 Joi Oct 11, 2012 7:59 pm

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 : Butoane : Facebook , Twiter , RSS in header . Photos11 ? Daca da , va rog spuneti-mi cum , mersi .


Ultima editare efectuata de catre zedkidd in Dum Oct 14, 2012 8:19 pm, editata de 1 ori
zedkidd

zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 27
Data înscrierii : 11/10/2012
Mulțumiri : 0
Internet Explorer phpBB3

http://www.rullz.forumz.ro
zedkidd a fost mulțumit de autorul acestui subiect.

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

Mesaj Scris de zedkidd Vin Oct 12, 2012 2:05 pm

UP !
zedkidd

zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 27
Data înscrierii : 11/10/2012
Mulțumiri : 0
Internet Explorer phpBB3

http://www.rullz.forumz.ro
zedkidd a fost mulțumit de autorul acestui subiect.

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

Mesaj Scris de zedkidd Sam Oct 13, 2012 7:48 pm

UP .
zedkidd

zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 27
Data înscrierii : 11/10/2012
Mulțumiri : 0
Internet Explorer phpBB3

http://www.rullz.forumz.ro
zedkidd a fost mulțumit de autorul acestui subiect.

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

Mesaj Scris de Omu Sam Oct 13, 2012 7:56 pm

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

Omu
Membru onorific
Membru onorific

Mesaje : 6302
Varsta : 27
Data înscrierii : 04/11/2010
Mulțumiri : 154
Google Chrome punBB

http://techtitans.forumer.ro/
Omu a fost mulțumit de autorul acestui subiect.

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

Mesaj Scris de zedkidd Sam Oct 13, 2012 10:00 pm

Nu merge Neutru .
zedkidd

zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 27
Data înscrierii : 11/10/2012
Mulțumiri : 0
Internet Explorer phpBB3

http://www.rullz.forumz.ro
zedkidd a fost mulțumit de autorul acestui subiect.

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

Mesaj Scris de Omu Sam Oct 13, 2012 10:03 pm

Ai activat gestiunea codurilor javascript?
Omu

Omu
Membru onorific
Membru onorific

Mesaje : 6302
Varsta : 27
Data înscrierii : 04/11/2010
Mulțumiri : 154
Google Chrome punBB

http://techtitans.forumer.ro/
Omu a fost mulțumit de autorul acestui subiect.

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

Mesaj Scris de zedkidd Sam Oct 13, 2012 10:05 pm

Da .
zedkidd

zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 27
Data înscrierii : 11/10/2012
Mulțumiri : 0
Internet Explorer phpBB3

http://www.rullz.forumz.ro
zedkidd a fost mulțumit de autorul acestui subiect.

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

Mesaj Scris de BlitzKrieg Dum Oct 14, 2012 1:11 pm

Nici mie nu imi merge codul!
avatar

BlitzKrieg
Membru Forumgratuit

Mesaje : 295
Varsta : 25
Localizare : Romania
Data înscrierii : 15/04/2012
Mulțumiri : 0
Internet Explorer phpBB3

http://freestuff.forumcreativ.ro/
BlitzKrieg a fost mulțumit de autorul acestui subiect.

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

Mesaj Scris de Omu Dum Oct 14, 2012 1:41 pm

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

Omu
Membru onorific
Membru onorific

Mesaje : 6302
Varsta : 27
Data înscrierii : 04/11/2010
Mulțumiri : 154
Google Chrome punBB

http://techtitans.forumer.ro/
Omu a fost mulțumit de autorul acestui subiect.

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

Mesaj Scris de darkspectre Dum Oct 14, 2012 3:16 pm

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

darkspectre
Membru activ

Mesaje : 2542
Varsta : 114
Localizare : auf mein land
Data înscrierii : 29/04/2008
Mulțumiri : 2
Internet Explorer

http://www.fg-coding.net
darkspectre a fost mulțumit de autorul acestui subiect.

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

Mesaj Scris de zedkidd Dum Oct 14, 2012 7:31 pm

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

zedkidd
Membru Forumgratuit

Mesaje : 74
Varsta : 27
Data înscrierii : 11/10/2012
Mulțumiri : 0
Internet Explorer phpBB3

http://www.rullz.forumz.ro
zedkidd a fost mulțumit de autorul acestui subiect.

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

Mesaj Scris de darkspectre Dum Oct 14, 2012 7:50 pm

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

darkspectre
Membru activ

Mesaje : 2542
Varsta : 114
Localizare : auf mein land
Data înscrierii : 29/04/2008
Mulțumiri : 2
Internet Explorer

http://www.fg-coding.net
darkspectre a fost mulțumit de autorul acestui subiect.

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