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] Social Networking Widget

In jos

[Tutorial] Social Networking Widget

Mesaj Scris de BODO la data de Sam Sept 10, 2011 6:03 am

Descriere:
- Social Networking Widget este un modul pentru Widget-urile forumului dumneavoastra ce contine buttoane pentru retele de socializare ca Facebook,Twitter,etc. dar si RSS si buttonul de Bookmark;
Acest modul este constituit din coduri HTML,CSS,CSS3 si Javascript.

Previzualizare:[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Instalare:

1.Codul Javascript pentru Bookmark:
Cod:
    <script type="text/javascript">
    /* Modified to support Opera */
    function bookmarksite(title,url){
    if (window.sidebar) // firefox
        window.sidebar.addPanel(title, url, "");
    else if(window.opera && window.print){ // opera
        var elem = document.createElement('a');
        elem.setAttribute('href',url);
        elem.setAttribute('title',title);
        elem.setAttribute('rel','sidebar');
        elem.click();
    }
    else if(document.all)// ie
        window.external.AddFavorite(url, title);
    }
    </script>

2.Codul CSS:
***Daca NU adaugati acest cod in foaia de stil css ci direct in Sursa Widget-ului , atunci codul CSS va trebui introdus intre tagurile:
<style> CODUL CSS </style>

Cod:
.social_networking {
width: 200px;
height: auto;
position: relative;
padding: 2px;
background: transparent;
}

.social_networking a img {
transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;




.social_networking a img:hover {
  -webkit-transform:scale(0.98);
  -moz-transform:scale(0.98);
  -o-transform:scale(0.98);


3.Structura HTML:
Cod:
<div class="social_networking">

<a href="#"><img src="http://i45.servimg.com/u/f45/16/65/71/25/facebo11.png"></a>
<br>
<a href="#"><img src="http://i45.servimg.com/u/f45/16/65/71/25/twitte10.png"></a>
<br>
<a href="#"><img src="http://i45.servimg.com/u/f45/16/65/71/25/digg10.png"></a>
<br>
<a href="#"><img src="http://i45.servimg.com/u/f45/16/65/71/25/linked10.png"></a>
<br>
<a href="#"><img src="http://i45.servimg.com/u/f45/16/65/71/25/stumbl10.png"></a>
<br>
<a href="/feed"><img src="http://i45.servimg.com/u/f45/16/65/71/25/rss10.png"></a>
<br>
<a href="javascript:bookmarksite('NUME FORUM/SITE', 'ADRESA FORUM/SITE')" ><img src="http://i45.servimg.com/u/f45/16/65/71/25/favori11.png" title="Adauga forumul la Favorite !"></a>

</div>

***Pentru orice problema sau nelamurire legata de acest tutorial va rugam sa postati in categoria [Trebuie sa fiti inscris si conectat pentru a vedea acest link] !

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

Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum