1. Адрес форума
http://sasodei.anihub.ru/
2. Образец таблицы
как здесь - http://bleachaizenandhishotel.anihub.ru/
3. Описание
желательно что бы всё было в тон форуму ^ ^
don't touch>>
Сообщений 1 страница 2 из 2
Поделиться12011-11-06 17:00:48
Поделиться22011-11-06 20:11:09
html верх
<style>
div .splLink {width: 130px; height: 40px; border: 3px solid #; background: #ссаасс; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 160px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background: #eae8d2; padding: 5px; z-index: 1000; margin-top: 5px; border: 0px solid #eae8d2; font-size: 9px; font-family: verdana; text-align: center;}
</style>
html низ
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://ferodar.narod.ru/ajax/js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
в Обьявление или туда, куда хотите поставить содержимое
<center><table style="width: 90%">
<tr>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://image.kz/img/6b/6b66d90f74d933afdc8f61af0abff588.jpg"> </div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
фвфвфвфыв</DIV></DIV>
</div></td><td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://image.kz/img/83/83ab43b6829dc29735472ccba82facfe.jpg"> </div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">фывфаываываыфва
</DIV></DIV>
</div></td><td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://image.kz/img/eb/eb2e74d965bc6c80161d1c19738bbed7.jpg"> </div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
фывфывываыва
</DIV></DIV>
</div></td><td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://image.kz/img/df/dffe0db0416c99cc7a8e295e3a3975a5.jpg"> </div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
ываыфваывфаываыфвафав
</DIV></DIV>
</div></td><td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://image.kz/img/f3/f30662f262fd5f6cf1aa933fd5333099.jpg"> </div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
фывфывфвфывфыв
</DIV></DIV>
</div></td>
</tr>
</table><table style="width="1000px" border="0" background="http://image.kz/img/69/692478c83cf5ef5546064ae877c3d505.jpg" height="300px">
<tr>
<td><div style="overflow: scroll; overflow-x: hidden; height: 220px; width: 290px">
фывфываывфафывафывафыаыфва</div></td>
<td><img src="http://savepic.ru/1536137.png"> </center></td>
</tr>
</table></center>