PDA

Orijinalini görmek için tıklayınız : vb.web.tr Tarzı logo yanına sosyal butonlar ekleme


aSpeNDos
20 - 06 - 2015, 12:26
Temanızın header şablonunda bulun .

<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

<!-- eTiKeT sosyal Baglantılar-->
<div class="eti_header_sosyal_linkler en_ve_yukseklik">
<a href="[Only Registered Users Can See Links]" target="_blank"><img src="/images/eti_face_buton.png"alt="vbulletin.web.tr Facebook" /></a>

<a href="[Only Registered Users Can See Links]" target="_blank"><img src="/images/eti_you_buton.png" alt="vbulletin.web.tr Youtube" /></a>

<a href="[Only Registered Users Can See Links]" 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

/* 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; }

[Only Registered Users Can See Links]
Alttaki konları da ftp images klasörünün içine atmanız yeterli ..

[Only Registered Users Can See Links]