AcasaAcasa   Facebook Facebook  PublicatiiPublicatii  CautareCautare  MembriMembri  InregistrareInregistrare  ConectareConectare  
Cautare
 
 

Rezultate pe:
 

 


Rechercher Cautare avansata
[D.F] Panou de control
PROFIL
Informatii
Preferinte
Semnatura
Avatar
SOCIAL
Administrare prieteni
Membrii forumului
Grupuri de utilizatori
MESAJE PRIVATE
Mesaje primite
Mesaje trimise
Arhiva
Subiecte monitorizate
SUBIECTE MONITORIZATE

Team Online

Distribuiţi | 
mihai OnlineOffline
Multumesc Citeaza Editeaza Sterge Info
nu știu sigur dacă merge pe toate versiunile, dar știu că pe punBB nu cred că merge...

Succes!

Panou de Administrare => Afisare => Templeat-uri => General => Index_body (intrăm în Index_body), și jos de tot înserăm următoru cod:

Cod:
<ul id="social-media">
<li class="facebook"><a href="Linku tau de la forum" target="_blank" ref="nofollow" title="Follow us on Facebook">Textu ce sa apara cand treci cu mausu peste iconita</a></li>
<li class="twitter"><a href="Linku tau de la forum" target="_blank" ref="nofollow" title="Follow us on Twitter">Textu ce sa apara cand treci cu mausu peste iconita</a></li>
<li class="steam"><a href="Linku tau de la forum" target="_blank" ref="nofollow" title="Follow us on Steam">Textu ce sa apara cand treci cu mausu peste iconita</a></li>
</ul>

după mergem în...

Panou de Administrare => Afisare => Imagini și culori => Culori => Foaia de Stil CSS, iar jos de tot înserăm acest cod:

Cod:
ul#social-media {
 position:fixed;
 margin-right:0px;
 padding:0px;
 list-style:none;
 z-index:9999;
 font-family:Arial,Helvetica,sans-serif;
}

ul#social-media li {
 padding:2px 0px 2px 0px;
 overflow:hidden;
 direction:rtl
}

ul#social-media li a {
 display:block;
 width:170px;
 height:20px;
 background-repeat:no-repeat;
 text-decoration:none;
 font-size:12px;
 color:#fff;
 font-weight:bold
}

ul#social-media .facebook a:hover {background-color:#3B5998}
ul#social-media .twitter a:hover {background-color:#62BDB2}
ul#social-media .google a:hover {background-color:#DB4A39}
ul#social-media .myspace a:hover {background-color:#3B64B3}
ul#social-media .youtube a:hover {background-color:#CC252C}
ul#social-media .linkedin a:hover {background-color:#4F93B3}
ul#social-media .steam a:hover {background-color:#111}
ul#social-media .lastfm a:hover {background-color:#bf0d1c}
ul#social-media .pinterest a:hover {background-color:#b61d23}
ul#social-media .soundcloud a:hover {background-color:#ff5419}
ul#social-media .tumblr a:hover {background-color:#304e6c}
ul#social-media .github a:hover {background-color:#222}
ul#social-media .flickr a:hover {background-color:#ff0084}
ul#social-media .rss a:hover {background-color:#F60}
ul#social-media .vimeo a:hover {background-color:#1BB7EA}

ul#social-media {right:0px;top:40%}

ul#social-media li a {
 background-color:#000;
 text-align:right
}

ul#social-media li:hover {margin-right:0px}
ul#social-media li a {
 padding:11px 12px 10px 0px;
 margin-right:0px
}


ul#social-media .facebook a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/facebook-white.png')}
ul#social-media .twitter a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/twitter-white.png')}
ul#social-media .google a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/google-white.png')}
ul#social-media .myspace a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/myspace-white.png')}
ul#social-media .youtube a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/youtube-white.png')}
ul#social-media .linkedin a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/linkedin-white.png')}
ul#social-media .steam a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/steam-white.png')}
ul#social-media .lastfm a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/lastfm-white.png')}
ul#social-media .pinterest a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/pinterest-white.png')}
ul#social-media .soundcloud a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/soundcloud-white.png')}
ul#social-media .tumblr a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/tumblr-white.png')}
ul#social-media .github a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/github-white.png')}
ul#social-media .flickr a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/flickr-white.png')}
ul#social-media .rss a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/rss-white.png')}
ul#social-media .vimeo a {background-position:5px 50%;background-image:url('{style_images_url}/social_media/vimeo-white.png')}

ul#social-media li {
 margin-right:-140px;
 -webkit-transition: margin-right 0.3s;
 -moz-transition: margin-right 0.3s;
 -ms-transition: margin-right 0.3s;
 -o-transition: margin-right 0.3s;
 transition: margin-right 0.3s
}
Screenshot:
Sus In josVezi profilul utilizatoruluihttp://diversforum.dust.tv/
 
Forumgratuit: adăugare facebook/steam/gametracker pe dreapta
Vezi subiectul anterior Vezi subiectul urmator Sus 
Pagina 1 din 1