Graphic-Arhive.com
Bine ai venit pe Graphic-Arhive.com !
-Forumul Graphic-Arhive ofera servicii gratuite in domeniile Graphic Design si Coding !
-Pentru a beneficia de aceste servicii trebuie doar sa va [url=/register]INREGISTRATI[/url] si/sau sa va [url=/login]CONECTATI[/url]
-Innainte de a incepe sa postati,va sfatuim sa cititi REGULAMENTUL forumului !

[Tutorial] Flashy Social Networks

In jos

[Tutorial] Flashy Social Networks

Mesaj Scris de BODO la data de Dum Oct 30, 2011 9:03 am

Descriere:
-Flashy Social Networks
este un script 100% original,creat de forumul Graphic-Arhive.com mai precis de mine(BODO) ! Din previzualizarile de mai jos o sa va dati seama singuri despre ce este vorba.
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Previzualizare:[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Instalare:
-Se introduce unde doriti,in functie de preferintele dumneavoastra si de caracteristicile forumului sau site-ului !

1.Codurile Javascript (NU modificati !)
Cod:
<link href="http://graphic-arhive.bravehost.com/CSS/SocialsDefault_Style.css" rel="stylesheet" type="text/css">
<link href="http://graphic-arhive.bravehost.com/CSS/Flashy-Tip_Style.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="http://graphic-arhive.bravehost.com/Javascripts/jquery-1.3.1.min.js"></script>

<script type="text/javascript" src="http://graphic-arhive.bravehost.com/Javascripts/jquery.atooltip.js"></script>

<script type="text/javascript" src="http://graphic-arhive.bravehost.com/Javascripts/edited-jquery.atooltip.js"></script>

2.Structura HTML
Cod:
<div id="graphic-arhive_com">
<ul class="socials">
         <li><a class="social1" href="#" title="Flickr"></a></li>
         <li><a class="social2" href="#" title="Facebook"></a></li>
         <li><a class="social3" href="#" title="Stumbleupon"></a></li>
         <li><a class="social4" href="#" title="Twitter"></a></li>
         <li><a class="social5" href="#" title="Delicious"></a></li>
         <li><a class="social6" href="#" title="Reddit"></a></li>
         <li><a class="social7" href="#" title="Digg"></a></li>
      </ul>
</div>

2.Codurile CSS (99% din ele sunt comprimate pentru a reduce din marinea generala a scriptului,insa v-am lasat la indemana clasa de pozitionare a acestuia)
Cod:
<style>

#graphic-arhive_com .socials {
    margin: 0;
    position: absolute;
    left: 400px;                /*pozitionarea STANGA-DREAPTA in pagina*/
    top: 350px;                /*pozitionarea SUS-JOS in pagina*/
}

</style>
Pozitia scriptului este 'absolute' ceea ce inseamna ca il puteti plasa oriunde pe pagina modificand valorile 'left' si 'top' !

Tutorial realizat de BODO
***Copierea sau reproducerea acestui tutorial NU este permisa fara aprobarea administratorului forumului [Trebuie sa fiti inscris si conectat pentru a vedea acest link]


----------------------------------------***----------------------------------------

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
[Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
avatar
BODO
Administrator
Administrator

Mesaje : 99
Data de inscriere : 09/07/2011
Localizare : Nicosia - Cipru

Sus In jos

Re: [Tutorial] Flashy Social Networks

Mesaj Scris de Ely la data de Dum Oct 30, 2011 9:43 am

Foarte frumos tutorial ! Bravo pentru munca depusa BODO
avatar
Ely
Moderator
Moderator

Mesaje : 20
Data de inscriere : 28/08/2011
Varsta : 26

Sus In jos

Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum