Am vazut pe multe forumuri ca foarte putina lume stie cum se poate configura acel sidebar lateral [ Floating Social Sidebar] ( stanga sau dreapta ) unde poti pune diferite iconite gen facebook , twitter , steam ,youtube s.a.m.d. ca in imagini !
Nu este hook. Este mai bine spus un cod lung care probabil majoritatea vor avea probleme sa il bage pe forum !
DE aceea voi incerca sa fiu cat mai explicit !
Configurare Social Media Sidebar :
1. Intra in Admin CP -> Look & Feel -> Manage skin sets & templates -> Skinul care vrei sa contina bara -> globalTemplate .
Cauta codul :
<div class='wrapper clear'>
( E pozitionat undeva deasupra la : )
Sub acest cod puneti :
<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>
2. Intra in ipb_styles.css si adauga urmatorul cod jos de tot:
Spoiler
3. Dupa downloadam arhiva de la download, scoatem folderul din arhiva ZIP, il uploadam prin FTP in folderul principal al skinului, si la sfarsit ar trebuii sa arate ceva de genu:
public/style_images/numele_skin/social_media ( putem adauga noi ce iconite dorim)
Pentru a adauga mai multe lucruri in acea bara, dupa cum observi in folderul social_media si in codul CSS is mai multe iconite.
Daca vrei sa adaugi unu care deja exista adauga urmatorul cod intre
de la prima parte:
<li class="numeleDinClasaCSS"><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>
Daca nu sti care este numele clasa la o iconita, il poti observa in:
ul#social-media .facebook
ul#social-media .twitter
ul#social-media .google
ul#social-media .myspace
Spor la treaba !
Poza:
