Tutorial - Sexy Social Pages

Scris de **Zeus** Lun Mar 07, 2011 10:33 am

Tutorial - Sexy Social Pages

Sexy Socials Pages este un script format din coduri HTML,CSS si CSS3 ce realizeaza o serie de butoane catre paginile sociale (Facebook,Twitter,etc.)
Spre deosebire de Sexy Bookmarks acest script nu ofera link-uri de sher (distribuire) ci doar directioneaza catre paginile dumenavoastra personale de socializare .
Previzualizare: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Instalare:
-Putem introduce acest script pe pagina de start: PA => Afisare => Pagina de Start => Generalitati => Mesaj pe pagina de Start (Scriptul-ul va fi afisat DOAR pe pagina de start)
-Sau puteti introduce scriptul intr-un Widget: PA => Module => Portal & Widget-uri => Gestionarea Widget-urilor Forumului => Creati un widget personalizat (scriptul va fi afisat pe toate paginile unde apar Widget-urile)

***Introduceti urmatorul cod in una din locatiile prezentate mai sus:
Cod:
<link href="http://designart.bravehost.com/Publice/Scripturi/designart-sexy-social.css" rel="stylesheet" type="text/css" /><div class="designart-sexy-social"> <table border="0" style="background-color: transparent; width: auto; height: auto; padding: 5px; border: 0px;"> <tr> <th><a href="http://designart.catsboard.com/forum" target="_blank" title="Vezi pagina noastra pe DesignART"><img src="http://designart.bravehost.com/Publice/Imagini/designart.png"></a></th> <th><a href="#FACEBOOK" target="_blank" title="Fii alaturi de noi pe Facebook"><img src="http://designart.bravehost.com/Publice/Imagini/facebook.png"></a></th> <th><a href="#TWITTER" target="_blank" title="Urmareste-ne pe Twitter"><img src="http://designart.bravehost.com/Publice/Imagini/twitter.png"></a></th> <th><a href="#YOUTUBE" target="_blank" title="Vezi canalul nostru YouTube"><img src="http://designart.bravehost.com/Publice/Imagini/youtube.png"></a></th> <th><a href="#YAHOO" target="_blank" title="Pagina Yahoo"><img src="http://designart.bravehost.com/Publice/Imagini/yahoo.png"></a></th> <th><a href="#PICASA" target="_blank" title="Galerie de imagini Picasa"><img src="http://designart.bravehost.com/Publice/Imagini/picasa.png"></a></th> <th><a href="#STRUMbLEUPON" target="_blank" title="Ultimele subiecte de pe Strumbleupon"><img src="http://designart.bravehost.com/Publice/Imagini/stumbleupon.png"></a></th> <th><a href="/feed" target="_blank" title="Aboneaza-te la RSS"><img src="http://designart.bravehost.com/Publice/Imagini/rss.png"></a></th> </tr> </table></div>
In acest cod modificati decat adresele de directionare catre paginile dumneavoastra sociale:
(#FACEBOOK,#TWITTER,si asa mai departe).

Pentru a pozitiona dinamic,oriunde pe pagina,acest script trebuie sa introduceti urmatorul cod CSS,in continuarea celui de mai sus:
Cod:
<style> .designart-sexy-social { position: absolute; top: 200px; right: 350px; } </style>

***In acest cod modificati doar valorile (200px si/sau 350px) ale atributelor:
top (la ce distanta de partea de sus a forumului sa apara iconitele)
right (incadrarea stanga-dreapta pe pagina)
De exemplu daca atributului "top" ii dam valoarea 100px,imaginile vor fi afisate mai aproape de partea de sus a paginii.

Pentru ca acest script sa functioneze corect,NU modificati nimic in afara de ceea ce am specificat mai sus !

Spor la treaba !

***Acest tutorial,cat si codurile din el sunt create si apartin forumului DesignART !
Reproducerea sau modificarea acestuia nu sunt permise fara acordul nostru !***

- Pentru orice nelamurire legata de acest tutorial va rugam sa postati
in sectiunea [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Tutorial realizat de BODO | DesignART

***Important !
Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !