![[Tutorial] adăugare facebook/steam/gametracker pe dreapta Empty](https://2img.net/i/empty.gif)
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:
după mergem în...
Panou de Administrare => Afisare => Imagini și culori => Culori => Foaia de Stil CSS, iar jos de tot înserăm acest cod:
Screenshot:
![[Tutorial] adăugare facebook/steam/gametracker pe dreapta Akkefo](https://2img.net/h/oi59.tinypic.com/akkefo.png)
Ultima editare efectuata de catre mihaisupport in Lun Sept 26, 2016 8:47 pm, editata de 1 ori
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:
Ultima editare efectuata de catre mihaisupport in Lun Sept 26, 2016 8:47 pm, editata de 1 ori