ForumAilem.Com - Paylasimin Yeni Adresi
  SohbetYaz



Etiketlenen üyelerin listesi

Yeni Konu Aç Cevapla
 
LinkBack Seçenekler Arama Stil
Alt 20 - 06 - 2015, 10:26   #1 (permalink)
Çevrimiçi
Kullanıcıların profil bilgileri ziyaretçilere kapalı
vb.web.tr Tarzı logo yanına sosyal butonlar ekleme


Temanızın header şablonunda bulun .

Kod:
<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></vb:if>

Hemen altına ekleyin ve linkleri ve title değiştirmeyi unutmayın

Kod:
<!-- eTiKeT sosyal Baglantılar--> 
<div class="eti_header_sosyal_linkler en_ve_yukseklik"> 
<a href="http://www.facebook.com/vbulletin.web.tr" target="_blank"><img src="/images/eti_face_buton.png"alt="vbulletin.web.tr Facebook" /></a> 

<a href="http://www.youtube.com/vbulletinTR" target="_blank"><img src="/images/eti_you_buton.png" alt="vbulletin.web.tr Youtube" /></a> 

<a href="http://twitter.com/vbulletinwebtr" target="_blank"><img src="/images/eti_tw_buton.png" alt="vbulletin.web.tr twitter" /></a> 

<a href="/external.php?type=RSS2" target="_blank"><img src="/images/grafikler/eti_rss_buton.png"alt="Rss" /></a> 

</div> 
<!-- /eTiKeT sosyal Baglantılar-->


Yine aynı temanın additional.css şablonun en üstüne ekleyin

Kod:
/* eTiKeT Sosyal linkler 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
.eti_header_sosyal_linkler { 
background: #f6f6f6; 
background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); 
-moz-transition: all 0.2s ease-in-out 0s; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3); 
border: 1px solid #DBDBDB; 
float: right; 
font-size: 12px; 
height: 23px; 
margin-right: 20px; 
margin-top: 25px; 
padding: 2px 0 0 9px; } 

.eti_header_sosyal_linkler:hover { 
border-color: #9A9A9A; 
color: #4C4C4C; } 

.eti_header_sosyal_linkler img { margin-right: 8px; } 
.eti_header_sosyal_linkler.en_ve_yukseklik { min-width: 100px; }

Alttaki konları da ftp images klasörünün içine atmanız yeterli ..

  Alıntı ile Cevapla

Cevapla



Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık


Benzer Konular
Konu Konuyu Başlatan Forum Cevaplar Son Mesaj
Photoshop da Logo Yapımı Videoları aSpeNDos Photoshop Ders Anlatımları 16 22 - 06 - 2015 11:49