Bine a-ti venit pe fraNNNta-Design


[Tutorial] adăugare facebook/steam/gametracker pe dreapta
mihai OnlineOffline
Rank: Membru
mihai
Respect : 100%
Mesaje : 582
Inscris : 21/02/2016
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:
[Tutorial] adăugare facebook/steam/gametracker pe dreapta Akkefo


Ultima editare efectuata de catre mihaisupport in Lun Sept 26, 2016 8:47 pm, editata de 1 ori


Re: [Tutorial] adăugare facebook/steam/gametracker pe dreapta
mr.franta OnlineOffline
Rank: fondator
mr.franta
Respect : 100%
Mesaje : 4061
Inscris : 18/06/2011
Eu am inteles,dar daca vine cineva nou,ii trebuie o imagine nu?
Sau un demo.


Re: [Tutorial] adăugare facebook/steam/gametracker pe dreapta
mihai OnlineOffline
Rank: Membru
mihai
Respect : 100%
Mesaje : 582
Inscris : 21/02/2016
@mr.franta a scris:Eu am inteles,dar daca vine cineva nou,ii trebuie o imagine nu?
Sau un demo.

Salut,

am editat acest post cu un screenshot.

Mulțumesc pentru raport, o seară frumoasă.


Re: [Tutorial] adăugare facebook/steam/gametracker pe dreapta
mr.franta OnlineOffline
Rank: fondator
mr.franta
Respect : 100%
Mesaje : 4061
Inscris : 18/06/2011
Este perfect!


Re: [Tutorial] adăugare facebook/steam/gametracker pe dreapta
RyNo OnlineOffline
Rank: Membru
RyNo
Respect : 100%
Mesaje : 87
Inscris : 16/06/2015
Frumos, îmi place foarte mult :)


Re: [Tutorial] adăugare facebook/steam/gametracker pe dreapta
Lucifer @ Frannnta-Design OnlineOffline
Rank: Membru
Lucifer @ Frannnta-Design
Respect : 100%
Mesaje : 490
Inscris : 24/09/2016
Util si bun


Re: [Tutorial] adăugare facebook/steam/gametracker pe dreapta
hasisul OnlineOffline
Rank: Membru
hasisul
Respect : 100%
Mesaje : 37
Inscris : 29/09/2016
Bravo.


Re: [Tutorial] adăugare facebook/steam/gametracker pe dreapta
KeNnT OnlineOffline
Rank: Membru nou
KeNnT
Respect : 100%
Mesaje : 5
Inscris : 16/02/2017
Foarte frumos :)


Re: [Tutorial] adăugare facebook/steam/gametracker pe dreapta
TheGrandfather. OnlineOffline
Rank: Membru
TheGrandfather.
Respect : 100%
Mesaje : 61
Inscris : 24/09/2016
frumos si util


Re: [Tutorial] adăugare facebook/steam/gametracker pe dreapta
Continut sponsorizat OnlineOffline



    Design creat si realizat de fraNNNta-Design.com
    Acum este: Vin Sept 25, 2020 9:50 am