Düzenleme ve Cevaplama Butonlarını Değiştirmek

YoRuMSuZ

Biz işimize bakalım...
Default temada düzenleme ve cevaplma butonları klasik metin şeklinde geliyor. Eğer vBulletin döneminden kalma alışkanlıklarınız varsa bunların görünümlerini değiştirebilirsiniz.

Aşağıdaki kodlar buton görünümlerini şu şekle dönüştürecektir.
CBDzd9G.png


Bunun için EXTRA.css şablonun açıp aşağıdaki kodları ekleyin.

Kod:
.message .messageMeta .control {
    background-color: #eee;
    padding: 0 8px;
    margin: 0 1px 4px 0;
    border: 1px solid #ddd;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
}
Kodlar üzerinde değişiklik yaparak istediğiniz şekilde görünümleri özelleştirebilirsiniz.
 

YoRuMSuZ

Biz işimize bakalım...
Eğer daha havalı ve gösterişli bir şey olsun diyorsanız EXTRA.css şablonuna aşağıdaki css kodlarını ekleyebilirsiniz.

Görüntü şu şekilde olacaktır.
ksOigLN.png


Kod:
.message .ReplyQuote, .MultiQuoteControl, .report, .ip, .delete, .edit, .hashPermalink, .like, .deleteSpam, .warn, .messageSimple .postComment, .messageSimple .like  {
    background: url("styles/test/xenforo/gradients/post-grad.png") repeat-x scroll center bottom #ABCC27!important;
    border: 1px solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 1px #B2B2B2;
    color: white;
    display: block;
    font-size: 11px;
    margin-top: 0px;
    padding: 3px 7px;
    text-align: center;
    text-shadow: 2px 0 2px #4E6008;
}
.message .publicControls a, .privateControls a {
color: white !important;
}

.message .publicControls a:hover, .privateControls a:hover {
background: url("styles/test/xenforo/gradients/post-grad.png") repeat-x scroll center bottom #93b312;
}

.message .unlike, .messageSimple .LikeLink .item .control .unlike{
    background: url("styles/test/xenforo/gradients/post-grad.png") repeat-x scroll center bottom #D14836;
    border: 1px solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 1px #B2B2B2;
    color: white;
    display: block;
    font-size: 11px;
    margin-top: 0px;
    padding: 3px 7px;
    text-align: center;
    text-shadow: 1px 0 2px #4E6008;
}
 
Top