16-07-2012, Saat:23:37
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.
http://mybbdepo.com/guncel-duyuru-istek-konusu.html?pid=7650#pid7650
<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>
.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;
}
(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
www.forumkarnaval.com