kayan yazı

(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