Toshiro, спасибо 
🎧 Подкаст «НЕТЕРОЛЕВЫЕ»
Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ).
Telegram Обсудить
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)
Toshiro, спасибо 
Гринвич
Код:<table width="800" height="580" border="0" style="background:transparent url(https://upforme.ru/uploads/0007/e3/f7/39494-1-f.jpg) no-repeat; opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40)"> <tr> <td width="221" rowspan="2"><div align="center">Администраторы и модераторы</div><br> <p align="center">текст </p></td> <td width="346" rowspan="2"><div align="center"><img src="ссылка на картинку"></div></td> <td width="219" rowspan="2"><div align="center">непонял как называется</div><br> <p align="center">текст </p></td> </tr> <tr> </tr> <tr> <td><div align="center">Погода</div><br> <p align="center">текст </p></td> <td><div align="center">Партнеры</div><br> <p align="center">Баннеры </p></td> <td><div align="center">Гостям</div><br> <p align="center">текст </p></td> </tr> </table>
1. ссылка на форум - http://psix.magicbb.ru/
2. эскиз таблицы.: http://s59.radikal.ru/i163/1009/46/113230cf235a.jpg
4. дополнительные предпочтения -
Верхние кнопки:
http://xmages.net/storage/10/1/0/b/0/up … 335864.png
http://xmages.net/storage/10/1/0/5/b/up … 4826e1.png
http://xmages.net/storage/10/1/0/7/e/up … 0f487e.png
http://xmages.net/storage/10/1/0/2/1/up … fe14e2.png
http://xmages.net/storage/10/1/0/6/f/up … 8d7a6a.png
Сама картинка:
http://xmages.net/storage/10/1/0/f/0/up … 92c9e3.png
Фон ячейки кнопки немного темнее самого фона форум, окошко кнопки выходит по щелчку
Отредактировано Наська (27.09.10 16:37)
Наська
Код:<style> div .splLink {width: 140px; height: 50px; font-weight: bold; background: transparent; } .spll {width: 150px; height: 50px; } .spll div .splCont {height: auto; width: 200px; background: #785d6c; padding: 5px; z-index: 1000; border: 1px dotted #020000; font-size: 12px; font-family: Century Gothic; text-align: center;} </style>
Код:<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>
Код:<center><table width="100%" border="0"> <tr> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://xmages.net/storage/10/1/0/b/0/upload/06335864.png"> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://xmages.net/storage/10/1/0/5/b/upload/694826e1.png"> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://xmages.net/storage/10/1/0/7/e/upload/530f487e.png"> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://xmages.net/storage/10/1/0/2/1/upload/6efe14e2.png"> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://xmages.net/storage/10/1/0/6/f/upload/018d7a6a.png"> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> </tr> </table></center> <center><table width="650" height="305" border="0" background="http://xmages.net/storage/10/1/0/f/0/upload/6092c9e3.png"> <tr> <td width="180"><div style="margin:0px 0px 0px 15px; left: 79px; top: 221px; overflow: auto; width: 155px; height: 180px;">текст </div></td> <td width="275"> </td> <td width="181"><div style="margin:0px 0px 0px 15px; left: 79px; top: 221px; overflow: auto; width: 155px; height: 180px;">текст </div></td> </tr> </table></center>
Toshiro
Спасибо огромное)
1. ссылка на форум - http://aisurandonihonacademy.anihub.ru/
2. эскиз таблицы.: http://i54.tinypic.com/wi0m6r.png
4. дополнительные предпочтения - при нажатии на слова navigation, admins итд, появляются прозрачные окошечки для текста.
Nacht
Код:<table width="664" height="466" border="0" background="http://i54.tinypic.com/wi0m6r.png"> <tr> <td width="64" height="383"> </td> <td width="155" height="383"> </td> <td width="108"> </td> <td width="85"> </td> <td width="87"> </td> <td width="139"> </td> </tr> <tr> <td height="37"> </td> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table>
Код:<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>
Код:<style> div .splLink {width: 140px; height: 34px; font-weight: bold; background: transparent; } .spll {width: 120px; height: 50px; } .spll div .splCont {height: auto; width: 180px; background: #; padding: 5px; z-index: 1000; border: 1px dotted #020000; font-size: 12px; font-family: Century Gothic; text-align: center;} </style>
Toshiro
Спасибо большое))) Извините я совсем забыл, а как сделать чтобы по центру картинка была?
а как сделать чтобы по центру картинка была?
<center>Таблица код</center>
1. ссылка на форум - http://schoolslayers.mybb.ru/
2. эскиз таблицы.:
4. дополнительные предпочтения - на картинке все написано. Там где спойлер один. там вставить эту картинку. в спойлер 2 эту картинку
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)