MyBB Depo Forum

Merhaba arkadaşlar bişey soracam. Bu mctr de güncel duyurular kısmında yazının üzerine gelince yazılar kayıyorya onu nasıl yapıyoruz bilen varsa bi anlatabilirmi ? Detaylı Olarak.

Bu gibi konulara Xpserkan kardeşin cevabı var


Xpserkan kardeş izin vermedikçe kodları yönetimden alamazsınız

Peki xPSerkan kardeşimize nasıl sorabiliriz? Sorsak Verirmi Aceba Çok Güzel Duruyo da Hem Ben sadece o yazıların nasıl kaydığını öğrenmek istiyorum sadece ordakilerin hepsini deil. plsss

CSS ile ilgili basit bir şey paylaşıverin ne olacakki

sen blıormusun ?

Bunu kendinize göre düzenleyin ve index şablonunda istediğiniz bir yere koyun.

Hemen ardından şunu global.css'nin en sonuna ekleyin


Ve güle güle gullanın

(17-07-2012, Saat:11:32)amiralhack Adlı Kullanıcıdan Alıntı: [ -> ]

Kod:

<table class="tborder" border="0" cellpadding="3" cellspacing="1">
<tbody><tr>
<td class="thead" colspan="3">
<div class="golgecik gaydirici" style="margin-top: 5px;"><span class="kutucuk"><img src="http://img03.blogcu.com/images/y/g/s/ygslys/8c37f07338e6cd97ee9e5dd7e84c7829_1283267643.gif" style="vertical-align: middle;" border="0">TEST BAŞLIĞI 1-2-3a</span></div>
</td>
</tr>
<tr>
<td class="tcat" width="50%"><span class="baslikayari">TEST ABC</span></td>
<td class="tcat" width="50%"><span class="baslikayari">TEST CBA</span></td>
</tr>
<tr>
<td class="trow1" valign="middle" width="50%" align="left">
<span style="float: left; margin-right: 0px; padding: 9px;">
<img src="http://img03.blogcu.com/images/y/g/s/ygslys/8c37f07338e6cd97ee9e5dd7e84c7829_1283267643.gif" style="vertical-align: middle;" border="0">
</span>
<div class="gayanyaziclass">
<li class="golgecik gaydirici">SOL TARAF TEST 1</li>
<li class="golgecik gaydirici">SOL TARAF TEST 2</li>
<li class="golgecik gaydirici">SOL TARAF TEST 3</li>
</div></td>
<td class="trow2" valign="middle" width="50%" align="left">
<span style="float: left; margin-right: 0px; padding: 9px;">
<img src="http://img03.blogcu.com/images/y/g/s/ygslys/8c37f07338e6cd97ee9e5dd7e84c7829_1283267643.gif" style="vertical-align: middle;" border="0">
</span>
<div class="gayanyaziclass">
<li class="golgecik gaydirici">SAĞ TARAF TEST 1</li>
<li class="golgecik gaydirici">SAĞ TARAF TEST 2</li>
<li class="golgecik gaydirici">SAĞ TARAF TEST 3</li>
</div></td>
</tr>
</tbody></table>

Bunu kendinize göre düzenleyin ve index şablonunda istediğiniz bir yere koyun.

Hemen ardından şunu global.css'nin en sonuna ekleyin

Kod:

.gayanyaziclass {
    list-style: none outside none;
    text-align: left;
}

.golgecik {
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
}

.gaydirici:hover {
    -webkit-transform: translate(1em, 0pt);
    -moz-transform: translate(1em, 0pt);
    -o-transform: translate(1em, 0pt);
    -ms-transform: translate(1em, 0pt);
}

.baslikayari {
    color: maroon;
    font-family: Georgia;
    font-size: 11px;
    font-weight: bold;
}

.kutucuk {
    font-weight: bold;
    font-style: normal;
    font-size: 9pt;
        font-family: Georgia;
        border-right: 2px solid #183150 !important;
        border-left: 2px solid #183150 !important;
        border-top: 2px solid #183150 !important;
        border-radius: 5px 5px 0 0;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    padding: 7px;
}

Ve güle güle gullanın

Dediklerinin aynısını yaptım fakat yazıların üstüne gelince kaymıyor yazılar.

Hocam kodları önce notepad++ gibi bir programa kopyala-yapıştır yapın.
Daha sonra tekrar o programdan kopyala-yapıştır yaparak sitede ilgili yere koyun.
Aksi halde arada boşluklar vb. oluşuyor kod çalışmıyor. Şu anda tekrar test ettim çalışıyor kodlar