En İyi Yollayıcılar (Solda - Sabit - Gizlenen ve Mause İle Açılan) (invision)

[TuaL]

İnanmayanlar İçin; Tema Vbulletin 4 Yani Invision
http://demo.nicetheme.com/index.htm?theme_id=147078

Normal Görünüş;


Mause Üzerine Gelince;


1.Yönetim Paneli > Afiş Asmak > Renkler ve resimler (altından) > Renkler > CSS Stylesheet > Forumunuzun ana CSS bakınız (içinden)


burdan şu kodları alıyoruz, ama sizin kodların bazı yerler aynı değildir o önemli değil, nerden nereye kadar ve hangi kodları alacağınızı bilin yeter;
Yönetim Paneli > Afiş Asmak > Renkler ve resimler (altından) > Renkler > CSS Stylesheet (içine tüm kodların en üzerine)
önce;


hemen altına;


sonra altına;


2.Yönetim Paneli > Mödüller > Kapı & Widgetler (altından) > Forumun widget yönetimi
a.Forumdaki widgetlerin genel seçimleri bölümü;

Forumun widgetlerini gösterin : Evet
Genişlik direk 1(sol) : 180
Genişlik direk 3(sağ) : 180
Iki widget arasındaki yükseklik : 0
Inter-direk yeri : 0

sonra Gönder (tıklıyoruz)


b.Forumun widget yönetimi bölümü;

En iyi yollayıcılar (sürükleyip sağ boşluğa bırakıyoruz) sonra Gönder (tıklıyoruz)


3.Yönetim Paneli > Afiş Asmak > Renkler ve resimler (altından) > Renkler > CSS Stylesheet (içine tüm kodların en altına)

Kod:

#content-container div#right {
background-image: url('http://i25.servimg.com/u/f25/15/75/60/22/top_1010.png');
background-position: right top;
background-repeat:no-repeat;
padding-right: 30px;
margin: 0px;
width: 80px;
height: 200px;
font-size: 0px;
float: left;
overflow: hidden;
}
#content-container div#right:hover {
width: 180px;
height: 225px;
font-size: 12px;
font-weight: bold;
float: left;
overflow: hidden;
border-top: 2px double #000000;
border-right: 2px double #000000;
border-bottom: 2px double #000000;
border-left: 0px double #;
padding: 0px;
}

#right {
position: absolute;
position: fixed;
left: -80px;
top: 40%;
overflow: hidden;
}
#right:hover {
position: absolute;
position: fixed;
left: 0px;
top: 40%;
overflow: hidden;
}
#right div.borderwrap div.box-content {
background-image: url('http://img180.imageshack.us/img180/4373/top12.png');
background-position: left top;
background-repeat: no-repeat;
margin-top: 0px;
padding-top: 0px;
padding-left: 20px;
}
#right div.borderwrap div.box-content .row1 {
background-image: none;
background-color: transparent;
border: none;
width: 50%;
margin-top: 0px;
padding-top: 0px;
line-height: 149%;
}
#right div.borderwrap div.box-content .row2 {
background-image: none;
background-color: transparent;
border: none;
width: 50%;
padding-top: 0px;
margin-top: 0px;
line-height: 149%;
}

/* Google Chrome and Safari 3.1 */
body:nth-of-type(1) #right div.borderwrap div.box-content .row1 {
background-image: none;
background-color: transparent;
border: none;
width: 50%;
margin-top: 0px;
padding-top: 0px;
line-height: 150%;
}

/* Google Chrome and Safari 3.1 */
body:nth-of-type(1) #right div.borderwrap div.box-content .row2 {
background-image: none;
background-color: transparent;
border: none;
width: 50%;
padding-top: 0px;
margin-top: 0px;
line-height: 150%;
}