1. ссылка на форум:
http://testdrive.mybb.ru/
2. эскиз таблицы.:
3. дополнительные предпочтения:
-
🎧 Подкаст «НЕТЕРОЛЕВЫЕ»
Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ).
Telegram Обсудить
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)
1. ссылка на форум:
http://testdrive.mybb.ru/
2. эскиз таблицы.:
3. дополнительные предпочтения:
-
Не нужно извиняться, за столько времени работы я уже мысли читать умею из написанных фраз, но не всегда мы мыслим одинаково так как в терминологии я точен а не все юзеры знают все мелочи и получается слишком... не в тему так сказать.
Elena
Код:<table width="100%" border="1"> <tr> <td rowspan="3" width="33%"><div align="center">Действия в игре</div><br> <p align="center">Текст </p></td> <td rowspan="2" width="34%"><div align="center">Объявления</div><br> <p align="center">Текст </p></td> <td width="33%"><div align="center">Навигация</div><br> <p align="center">Текст </p></td> </tr> <tr> <td><div align="center">Администрация и мастера</div><br> <p align="center">Текст </p></td> </tr> <tr> <td colspan="2"><div align="center">Партнеры</div><br> <p align="center">Текст </p></td> </tr> </table>
Toshiro
Спасибочки)))
К посту 936:
Toshiro
расчертила
http://funkyimg.com/u2/734/275/-_____-1.png
Rinka
Код:<table width="100%" border="1"> <tr> <td width="33%" rowspan="2"><div align="center">Новости</div><br> <p align="center">текст </p></td> <td width="34%"><div align="center">Песня недели</div><br> <p align="center">Скрипт</p></td> <td rowspan="2" width="33%"><div align="center">Администраторы</div><br> <p align="center"><img src="ссылка на картинку"> <br> <p align="center"><img src="ссылка на картинку"> <br> <p align="center"><img src="ссылка на картинку"></td> </tr> <tr> <td rowspan="2"><div align="center">Цитата недели </div><br> <p align="center">текст </p><br> <div align="center">Навигация</div><br> <p align="center"><a href="Адрес">Ссылка</a></p> <p align="center"><a href="Адрес">Ссылка</a></p> <p align="center"><a href="Адрес">Ссылка</a></p> <p align="center"><a href="Адрес">Ссылка</a></p></td> </tr> <tr> <td><div align="center">Погода и время в игре</div><br> <p align="center">текст </p></td> <td><div align="center">Модераторы</div><br> <p align="center"><img src="ссылка на картинку"> <br> <p align="center"><img src="ссылка на картинку"> <br> <p align="center"><img src="ссылка на картинку"></td> </tr> <tr> <td colspan="3"><marquee direction="left" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=3">Бегущая строка </marquee></td> </tr> </table>
Toshiro
Спасибо огромное)
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> <li><a href="#tab5">Реклама</a></li> <li><a href="#tab6">Баннеры</a></li> </ul> <div class="tab_container1"> <div style="display: block;" id="tab1" class="tab_content"> <table width="600" cellpadding="15"> <tr valign="top"> <td height="100" width="40" bgcolor="#00FF00" align="left" valign="top" colspan="2"> <p align="center"><b>Важно</b></p> </td> <td width="40" bgcolor="#7CFC00" colspan="2"> <p align="center"><b>Приветствую вас!</b></p> <p>Мы рады видеть вас на нашем форуме. Сохраните на нас ссылку и зайдите к нам позже - возможно уже тогда мы будем готовы принять вас в наш круг.</p> <p>Возможно к празднику, 8 марта, наш форум откроет свои двери для новых участников! Поэтому не забудьте сохранить на нас ссылку!</p> <script language="JavaScript1.2" type="text/javascript"> function radio(popurl) { var popup = window.open(popurl,"radio_pop",'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=224,height=156'); } </script> <a href="http://www.wolfquest.org/podcasts/WolfQuestSoundtrack.mp3" onClick="radio('http://www.wolfquest.org/podcasts/WolfQuestSoundtrack.mp3');return false" ><span style="font-weight:bold;color:black;font-size:12px; "><img src=http://www.wolfquest.org/podcasts/WolfQuestSoundtrack.mp3 width="20" height="16" border="0" alt="1.Музыка нашего форума!"></span></a> <script language="JavaScript1.2" type="text/javascript"> function radio(popurl) { var popup = window.open(popurl,"radio_pop",'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=224,height=156'); } </script> <a href="http://www.wolfquest.org/podcasts/WolfQuest2Soundtrack.mp3" onClick="radio('http://www.wolfquest.org/podcasts/WolfQuest2Soundtrack.mp3');return false" ><span style="font-weight:bold;color:black;font-size:12px; "><img src=http://www.wolfquest.org/podcasts/WolfQuest2Soundtrack.mp3 width="20" height="16" border="0" alt="2.Музыка нашего форума!"></span></a> </td> <td width="40" bgcolor="#00FF00" valign="top" colspan="2" rowspan="2"> <p align="center"><b>Для вас или Акции</b></p> Наш форум предлагает вам несколько акций. Точнее уже готовых персонажей. <a href="http://uridia2.rusff.ru/viewforum.php?id=4">В этом разделе</a> вы найдете себе готового персонажа за которого не придется писать анкету! Мы будем только рады если готовых персонажей возьмут на активную игру!</td> </table> </div> <div style="display: none;" id="tab2" class="tab_content"> <table bgcolor="#9ACD32" border="5" width="100%"> <tr> <td height="70" width="50" bgcolor="#00FF00" align="center" valign="top" colspan="2"> <p align="center"><b>Полезные ссылки.</b></p> <p align="center"><a href="http://volkulynnuezemlu.rusff.ru/viewtopic.php?id=10">Гостям</a></p> <p align="center"><a href="http://uridia2.rusff.ru/viewtopic.php?id=125">Сюжет</a></p> <p align="center"><a href="http://uridia2.rusff.ru/viewforum.php?id=3">Важно</a></p> <p align="center"><a href="http://uridia2.rusff.ru/viewtopic.php?id=15">Правила</a></p> <p align="center"><a href="http://uridia2.rusff.ru/viewtopic.php?id=35">Способности</a></p> <p align="center"><a href="http://uridia2.rusff.ru/viewtopic.php?id=14">Шаблон анкеты</a></p> <p align="center"><a href="http://uridia2.rusff.ru/viewtopic.php?id=20">Запись на вакансии</a></p> <p align="center"><a href="http://uridia2.rusff.ru/viewforum.php?id=4">Каноны</a></p> </td> </tr> <tr valign="bottom"> <td height="60" width="40" bgcolor="#00FF00" align="left" valign="top" colspan="2"> <p align="center"><b>Полезно! </b></p> <p><b>Я бы хотела помочь вам и объяснить некоторые разделы, в которые вы можете попасть нажав на ссылки сверху.</b> </p> <p><b>1. Гостям. </b>Этот раздел полностью посвящен вам. Там вы можете задать вопрос, указать на ошибки, предложить что-то новое форуму и оставить коментарий в адрес форума. </p> <p><b>2. Сюжет.</b> Прочитав сюжет вы сможете понять как наш мир создавался и кто занимает наиважнейшие роли. </p> <p><b>3. Важно. </b>В этом разделе находится информация, которую вы обязаны прочитать и запомнить. Не зная всего этого вы врятли сможете влиться в наш коллектив. </p> <p><b>4. Правила. </b>Это самое важное! Обязательно прочитайте их иначе вы не будете приняты! Не забывайте их и при чтении будьте внимательны - вы можете пропустить что-то очень важное... </p> <p><b>5. Способности.</b> Так как в нашем мире существует магия, то здесь описываются доступные магические способности. </p> <p><b>6. Шаблон анкеты. </b>Это тоже важный элемент. Внимательно скопируйте весь код и при заполнении не меняйте ни единой строчки! </p> <p><b>7. Запись на вакансии.</b> В этой теме вы можете стать одним из ведущих участников форума. То есть именно здесь записываются на такие должности как - администраторы, модераторы, квестоплеты... </p> <p><b>8. Каноны.</b> Это готовые персонажи в основном приготовленные для гостей. Только если персонаж очень важен и нужен в игре, его могут отдать участнику. </p> </td> </tr> </table> </div> <div style="display: block;" id="tab3" class="tab_content"> <table bgcolor="#9ACD32" border="5" width="100%"> <tr valign="top"> <td height="30" width="50" bgcolor="#00FF00" align="left" valign="top" colspan="2"> <p align="center"><b>Важно</b></p> Так как форум совсем новый, мы набираем людей в коллектив администрации. Прошу участников <b>с опытом</b> записаться на должности. </td> <td width="50" bgcolor="#7CFC00" align="center" valign="top" colspan="3"> <p align="center"><b>Приветствие</b></p> Приветствую! В этом разделе таблицы ты найдешь полезную информацию о администрации форума. А сам коллектив адмнистрации найдет для себя задание и точную информацию о произошедшем на форуме во время его отсутствия. </td> <td width="50" bgcolor="#00FF00" valign="top" colspan="2" rowspan="2"> <p align="center"><b>Сделать!</b></p> <p align="center">Это важно сделать. Так же можно считать что это ближайшие планы на будущее.</p> <p align="center"><b>Реклама</b></p> <p align="center">Это самое важное! Нам срочно нужно разрекламировать форум!</p> <p align="center"><b>2 дело</b></p> <p align="center">делаем</p> <p align="center"><b>3 дело</b></p> <p align="center">делаем</p> </td> </tr> <tr valign="bottom"> <td height="30" width="50" bgcolor="#00FF00" align="left" valign="top" colspan="2"> <p align="center"><b>Новое</b></p> Пока что форум готовится к открытию и набору участников. Так же мы ждем рекламирования. </td> <td width="50" bgcolor="#7CFC00" align="center" valign="top" colspan="3"> <table> <tr align="center" > <td height="50" width="160" bgcolor="#00FF00" valign="top" colspan="2"> <p align="center"><b>Администраторы:</b></p> <p align="center"><b><i>Aleyto</i></b></p> <p>Главный администратор и создатель форума. Идея и почти весь материал - ее заслуга. Всегда поможет новичкам освоится. Очень терпеливо относится к тем кто нарушает правила, но старайтесь не пользоваться этим)))</p> <p align="center"><b><i> ..::Nariko::..</i></b></p> <p>Второй администратор и верный помощник форума! Описание игровых локаций - именно в этом ее самая главная заслуга! Но она не только хороший писатель, но и хороший администратор и друг.</p> </td> <td height="50" width="150" bgcolor="#00FF00" valign="top" colspan="2"> <p align="center"><b>Модераторы:</b></p> <p align="center"><b><i>1 модер</i></b></p> <p>модер</p> <p align="center"><b><i>2 модер</i></b></p> <p>модер</p> <p align="center"><b><i>3 модер</i></b></p> <p>модер</p> </td> <td height="50" width="140" bgcolor="#00FF00" valign="top" colspan="2"> <p align="center"><b>Другие:</b></p> <p align="center"><b><i>1</i></b></p> <p>квестоплет</p> <p align="center"><b><i>2</i></b></p> <p>пиарщик</p> <p align="center"><b><i>3</i></b></p> <p>архиватор</p> </td> </tr> </table> </td> </tr> </table> </div> <div style="display: block;" id="tab4" class="tab_content"> <table> <tr> <td height="100" width="230" bgcolor="#00FF00" valign="top" colspan="2"> <p align="center"><b>История:</b></p> <p>Пока в лесу все обеспокоены убийствами, у Мучительной Смерти уже убито три волка и волчица. Будут ли еще потери? Когда Элейто назначает встречу сестре и там же обвиняет ее в убийстве, начинает оправдываться и отправляется к Сальвадору за защитой. Тот обещает поговорить с братом, а сам уже обдумывает как ему еще сильнее разозлить Элейто. </p> </td> <td height="100" width="200" bgcolor="#00FF00" valign="top" colspan="2"> <p align="center"><b>Погода:</b></p> <p>Весна! Солнце начинает потихоньку припекать и поэтому в лесу рано утром звучит звонкая капель. Реки только-только освободились ото льда и теперь уносят его с собой в неизведанные дали. </p> </td> <td height="100" width="60" bgcolor="#00FF00" valign="top" colspan="2"> <p align="center"><b>Время суток:</b></p> <p>Пн. Вт- утро; Ср. Чт- день; Пт. Сб- вечер; Вс- ночь. </p> <IFRAME name="Calendar" src="http://chasikov.net.ru/calendar/wolf/calendar_w3.html" width=164 height=174 scrolling="no" frameborder="0"></IFRAME> </td> </tr> </table> </div> <div style="display: block;" id="tab5" class="tab_content"> <table width="100%" border="1"> <tr> <td colspan="2"><font color="blue"><center><b>Реклама только взаимная!</b></center></font></td> </tr> <tr> <td width="50%"><center><b>Важно:</b><br> <a href="http://graffitistudio.ru" title="Сайт добавлен в список бесплатной раскрутки Graffiti Decorations (R) Site Promoter"><img border="1" src="http://graffitistudio.ru/banners/banner2.gif" width="100" height="100" alt="Graffiti Decorations(R) Studio (TM) Site Promoter"></a> <!-- "Graffiti Decorations (R) Banner End " --> <p>Реклама осуществляется с Ника: Wolf. Код: 1234. Так же вы можете прокритиковать наш форум через аккаунт: Критика, пароль 1234. Не забываем оставлять ссылку на ПОСТ нашей рекламы на вашем форуме. Если таковой не будет - удаляем не проверяя!</p> <br></td> <td rowspan="2" width="50%"> <img src="http://s15.radikal.ru/i189/1103/ed/4b699c83ca52.jpg"> </td> </tr> <tr><td width="50%"><center><b>Полезные ссылки:</b><br> ...</center></td> </tr> </table> </div> <div style="display: block;" id="tab6" class="tab_content"> <a href="http://kingleo.spybb.ru/" target="_blank" ><img src="http://s012.radikal.ru/i320/1010/01/6c2740f2bd77.gif" border="0"></a> <a href="http://thisstrangeworld.spybb.ru/" target=blank><img src="http://s09.radikal.ru/i182/1009/e6/2eb018b32a55.gif"></a> <a href="http://designforwolves.rolka.su/" target="_blank"> <img src="http://upforme.ru/uploads/000a/56/3e/260-1.gif" alt="Поддержка форумов о волках. Поможем всем!"> </a> </div> </div> </div> </div>
Код:<style> .container1 {width: 70%; margin: 0 auto; padding: 0;} ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 40px; width: 467px; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; height: 40px; line-height: 40px; border: 0px; border-top: 1px dotted #9ACD32; border-bottom: 1px dotted #9ACD32; border-right: 1px dotted #9ACD32; border-left: 1px dotted #9ACD32; margin-bottom: -2px; background: url(); background-color: #9ACD32; 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(); background-color: #228B22; border-bottom: 0px solid #000000; border-top: 0px solid #000000; border-left: 0px solid #000000; border-right: 0px solid #000000; } html ul.tabs li.active { background: url(); background-color: #32CD32; border-bottom: 0px solid #000000; border-top: 0px solid #000000; border-left: 0px solid #000000; border-right: 0px solid #000000; } html ul.tabs li.active a:hover { background: url(); border-bottom: 0px solid #9ACD32; } .tab_container1 { clear: both; float: left; width: 900px; height: 343px; background-image : url(); background-color: #9ACD32; border-bottom: 1px solid #000000; border-top: 0px solid #000000; border-left: 0px solid #000000; border-right: 0px solid #000000; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } .tab_content { padding: 5px; } .tab_content h2 { font-weight: normal; padding-bottom: 2px; border-bottom: 0px dashed #000000; } </style>
Ой! Извините! Вот ссылка на форум. http://uridia2.rusff.ru/
Aleyto
не в эту тему это раз второе - это не таблица. Третье - вам нужно задавать величину таблицы в самом css который ставить в HTML -верх
брать сам размер тела форума и немного отнимать от величины - это и будет как основа.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)