S-sama
Какого плана спойлеры вы хотите. Контейнеры выпадающие - или же как у нас раньше стояли в объявлении?
🎧 Подкаст «НЕТЕРОЛЕВЫЕ»
Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ).
Telegram Обсудить
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)
S-sama
Какого плана спойлеры вы хотите. Контейнеры выпадающие - или же как у нас раньше стояли в объявлении?
S-sama
картинки будут на 150
Код:<table width="600" border="0"> <tr> <td width="150" align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> 1 </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td width="150" align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> 2 </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td width="150" align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> 3 </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td width="150" align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> 4 </div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> </tr> <tr> <td colspan="4"><div align="center"><img src="http://savepic.org/966185.png"></div></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: 130px; height: 35px; font-weight: bold; background: transparent; } .spll {width: 150px; height: 30px; } .spll div .splCont {height: auto; width: 185px; background: transparent; padding: 5px; z-index: 1000; border: 1px dotted #020000; font-size: 12px; text-align: center;} </style>
Toshiro
ненене , код что вы дали пашет , но када добавляю 4-ое поле с чатом , то чат не отображается
Арти
Я вижу ваш чат он отображается и работает.
мне можно табличку?
см. вверху
KyklaKsu
Код:<table width="100%" border="0"> <tr> <td width="50%"><div align="center"><img src="ссылка на картинку"></div></td> <td width="50%"><div style="overflow:auto; overflow-x:hidden; height:250px;" ><div align="center">Текст с прокруткой</div></div></td> </tr> </table>
спасибо)
Toshiro
ай ссори извините за потраченное вами время на раздемье , я просто один тег сместил под чат и поэт он не работал
но теперь вот такой проблемс.
не могли бы вы поставить чтобы колонки были ТОЛЬКО одной ширины и высоты.
вот таблица.
Код:<div class="container"> <div class="html-box"> <ul class="tabs"> <li class="active"><a href="#tab1">Главная</a></li> <li><a href="#tab2">События</a></li> <li><a href="#tab3">Персонал</a></li> <li><a href="#tab4">Общалка</a></li> </ul> <div class="tab_container1"> <div style="display: block;" id="tab1" class="tab_content"> <table width="100%" border="1"> <tr> <td><b>Для гостей :</b><br> Гости не могут просматривать весь форум , для этого вам надо <b>зарегистрироваться</b></td> <td>2</td> <td>3</td> </tr> </table> </div> <div style="display: none;" id="tab2" class="tab_content"> <table width="100%" border="1"> <tr> <td>1</td> <td>2</td> </tr> </table> </div> <div style="display: none;" id="tab3" class="tab_content"> <table width="100%" border="1"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table> </div> <div style="display: none;" id="tab4" class="tab_content"> <!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="830" height="250" src="http://www2.cbox.ws/box/?boxid=2212170&boxtag=2typrx&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#000000 1px solid;" id="cboxmain"></iframe></div> <div><iframe frameborder="0" width="830" height="80" src="http://www2.cbox.ws/box/?boxid=2212170&boxtag=2typrx&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 1px solid;border-top:0px" id="cboxform"></iframe></div> </div> <!-- END CBOX --> </div> </div> </div> </div>а это css основа (нуу вдруг пригодиться)
Код:<script type="text/javascript" src="http://sadhaka.moy.su/JS/jquery.js"></script> <style> .container1 {width: 900px; margin: 0 auto; padding: 0;} ul.tabs { margin: 0; padding: 0; float: center; list-style: none; height: 0px; width: 600px; } ul.tabs li { float: left; margin: 0; padding: 0; height: 40px; line-height: 40px; border: 1px; border-top: 1px solid #a2a2a2; border-bottom: 0px solid #a2a2a2; border-right: 1px solid #a2a2a2; border-left: 1px solid #a2a2a2; margin-bottom: -2px; background: url(); overflow: hidden; position: relative; } ul.tabs li a { text-decoration: none; color: transparent; display: block; padding: 0 5px; background: url(); outline: none; } ul.tabs li a:hover { background: url(); border-bottom: 0px solid #000000; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; } html ul.tabs li.active { background: url(); border-bottom: 0px solid #000000; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 0px solid #000000; } html ul.tabs li.active a:hover { background: url(); border-bottom: 1px solid #160f0a; } .tab_container1 { clear: both; float: left; width: 850px; height: 343px; background: #d2d2d2; background-color: #d2d2d2; border-bottom: 1px solid #a2a2a2; border-top: 1px solid #a2a2a2; border-left: 1px solid #a2a2a2; border-right: 1px solid #a2a2a2; -moz-border-radius-bottomright: 50px; -khtml-border-radius-bottomright: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-radius-bottomleft: 50px; -khtml-border-radius-bottomleft: 50px; -webkit-border-bottom-left-radius: 50px; } .tab_content { padding: 5px; } .tab_content h2 { font-weight: normal; padding-bottom: 2px; border-bottom: 0px dashed #000000; } </style>
1. ссылка на форум -http://katboitel1.rolka.su/
2. эскиз таблицы.:http://img-fotki.yandex.ru/get/5301/lescat.0/0_579f9_4a419b52_orig
4. дополнительные предпочтения -
по клику должны выплывать окошки. Можно какой-нибудь красивый шрифт. И хотелось бы чтоб таблица была по центру.
Да и(если можно) после создание таблицы вы бы сказали куда писать текст.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)