Jump to content

Welcome to CsTineretului.Ro @ Since 2016 !
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, login here - otherwise create an account for free today!
Photo

[Tutorial] [3.4. ] IPB Floating Social Media Sidebar tutorial


  • Please log in to reply
No replies to this topic

#1
OFFLINE   CreaTioN

CreaTioN

    Founders

  • Fondator
  • 2,103 posts
  • Gender:Male
  • LocationTineretului
  • Joc preferat:CS 1.6
  • Detinator Server CS:da

   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 :  

:descarcare 

 

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:

index_2.png

 

Pentru orice nelamurire lasati PM !


  • malyki, MichaelMeeni, Grigoriymeall and 1 other like this

>CreaTioN  <-- 2wlwrdd.gif--> SPAMERI !

b_350_20_2F2D2D_2F2D2D_88B5D8_2F2D2D.png
 




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users