Bine ai venit pe DesignART !
-Forumul DesignART ofera servicii gratuite in domeniile Graphic Design si Coding !
-Pentru a beneficia de aceste servicii trebuie doar sa va INREGISTRATI si/sau sa va CONECTATI
-Innainte de a incepe sa postati,va sfatuim sa cititi REGULAMENTUL forumului !

Tutorial - Sexy Social Pages

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial - Sexy Social Pages

Mesaj Scris de Zeus la data de 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.forumhit.ro/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 !


Ultima editare efectuata de catre BODO in Dum Mai 01, 2011 3:59 am, editata de 1 ori
avatar
Zeus
Administrator
Administrator

Mesaje Mesaje : 610
Credite Credite : 817
Reputatie : 6
Varsta Varsta : 22

Sus In jos

Re: Tutorial - Sexy Social Pages

Mesaj Scris de Vizitato la data de Mar Apr 12, 2011 10:23 pm

Bun tutorial Bodo.
avatar
Vizitato
Vizitator


Sus In jos

Re: Tutorial - Sexy Social Pages

Mesaj Scris de Aleku la data de Sam Apr 23, 2011 9:15 am

Frumos tutorial Bodo, îţi mulţumim.
avatar
Aleku
Gold Member
Gold Member

Mesaje Mesaje : 325
Credite Credite : 304
Reputatie : 0
Varsta Varsta : 22

http://edtutorials.forumz.ro/

Sus In jos

Re: Tutorial - Sexy Social Pages

Mesaj Scris de Dystroy la data de Joi Iun 30, 2011 9:36 am

Un tutorial excelent,felicitari BODO.Am vazut ca deja sau implementat tutorialele tale pe multe forumuri,bravo !
avatar
Dystroy
Membru DesignART
Membru DesignART

Mesaje Mesaje : 51
Credite Credite : 67
Reputatie : 0
Varsta Varsta : 21
Localizare Localizare : Pe glob

http://designart.forumhit.ro

Sus In jos

Re: Tutorial - Sexy Social Pages

Mesaj Scris de The Godfather la data de Mier Iul 20, 2011 1:00 pm

Un tutorial foarte bun și explicit.
Am avut câteva tentative de al folosi.

The Godfather
Gold Member
Gold Member

Mesaje Mesaje : 143
Credite Credite : 169
Reputatie : 6
Varsta Varsta : 21
Localizare Localizare : Constanța

http://designart.forumhit.ro/

Sus In jos

Re: Tutorial - Sexy Social Pages

Mesaj Scris de Mr.Pagnel la data de Lun Iul 25, 2011 3:07 am

Frumos, foarte frumos si bine explicat.
avatar
Mr.Pagnel
Moderator
Moderator

Mesaje Mesaje : 345
Credite Credite : 432
Reputatie : 3
Varsta Varsta : 26
Localizare Localizare : Rm. Valcea

http://designart.forumhit.ro

Sus In jos

Re: Tutorial - Sexy Social Pages

Mesaj Scris de m0Ney * la data de Lun Aug 01, 2011 2:29 am

Foarte bun tutorial.
Mulțumim.
avatar
m0Ney *
Membru DesignART
Membru DesignART

Mesaje Mesaje : 25
Credite Credite : 30
Reputatie : 3
Varsta Varsta : 20

http://designart.forumhit.ro/

Sus In jos

Re: Tutorial - Sexy Social Pages

Mesaj Scris de Clik la data de Joi Aug 11, 2011 12:38 pm

Imi plac iconurile mult ! Bravo !
avatar
Clik
Membru DesignART
Membru DesignART

Mesaje Mesaje : 38
Credite Credite : 50
Reputatie : 0
Varsta Varsta : 19
Localizare Localizare : Oradea

http://www.gamez-muzica.forumz.ro

Sus In jos

Re: Tutorial - Sexy Social Pages

Mesaj Scris de Coco la data de Joi Aug 11, 2011 12:40 pm

Foarte bun tuorialu odata si odata o sa ne fie de folos bravo
avatar
Coco
Membru DesignART
Membru DesignART

Mesaje Mesaje : 18
Credite Credite : 30
Reputatie : 0
Varsta Varsta : 20
Localizare Localizare : Bucuresti

http://linguritzasplace.blogspot.com/

Sus In jos

Re: Tutorial - Sexy Social Pages

Mesaj Scris de Paul la data de Joi Aug 11, 2011 12:44 pm

bravo imi plac icon-urile
avatar
Paul
Moderator
Moderator

Mesaje Mesaje : 231
Credite Credite : 245
Reputatie : 3
Varsta Varsta : 24
Localizare Localizare : Paris

http://designart.forumhit.ro/

Sus In jos

Re: Tutorial - Sexy Social Pages

Mesaj Scris de Kocos la data de Vin Aug 12, 2011 1:05 am

Nu stiu parca nu imi plac cand cursorul nu e pe ele...
avatar
Kocos
Gold Member
Gold Member

Mesaje Mesaje : 354
Credite Credite : 166
Reputatie : 3
Varsta Varsta : 20
Localizare Localizare : Arad

http://proaim.wow3.info

Sus In jos

Re: Tutorial - Sexy Social Pages

Mesaj Scris de dynamiccs la data de Joi Sept 01, 2011 5:15 am

Foarte intereseant si fain am sa-l incerc
avatar
dynamiccs
Membru DesignART
Membru DesignART

Mesaje Mesaje : 39
Credite Credite : 49
Reputatie : 0

http://designart.forumhit.ro/

Sus In jos

Re: Tutorial - Sexy Social Pages

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum