Извините. Но я уже пробовала изменять высоту и ширину в css коде, но у меня ничего не вышло.
🎧 Подкаст «НЕТЕРОЛЕВЫЕ»
Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ).
Telegram Обсудить
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)
Извините. Но я уже пробовала изменять высоту и ширину в css коде, но у меня ничего не вышло.
Aleyto
Код:<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="590" height="450" cellpadding="15"> <tr valign="top"> <td bgcolor="#00FF00" align="left" valign="top" colspan="2"> <p align="center"><b>Важно</b></p> </td> <td 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 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="590" height="450" > <tr> <td 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 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="590" height="450" > <tr valign="top"> <td bgcolor="#00FF00" align="left" valign="top" colspan="2"> <p align="center"><b>Важно</b></p> Так как форум совсем новый, мы набираем людей в коллектив администрации. Прошу участников <b>с опытом</b> записаться на должности. </td> <td bgcolor="#7CFC00" align="center" valign="top" colspan="3"> <p align="center"><b>Приветствие</b></p> Приветствую! В этом разделе таблицы ты найдешь полезную информацию о администрации форума. А сам коллектив адмнистрации найдет для себя задание и точную информацию о произошедшем на форуме во время его отсутствия. </td> <td 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 bgcolor="#00FF00" align="left" valign="top" colspan="2"> <p align="center"><b>Новое</b></p> Пока что форум готовится к открытию и набору участников. Так же мы ждем рекламирования. </td> <td bgcolor="#7CFC00" align="center" valign="top" colspan="3"> <tr align="center" > <td 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 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 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> </div> <div style="display: block;" id="tab4" class="tab_content"> <table width="590" height="450" > <tr> <td bgcolor="#00FF00" valign="top" colspan="2"> <p align="center"><b>История:</b></p> <p>Пока в лесу все обеспокоены убийствами, у Мучительной Смерти уже убито три волка и волчица. Будут ли еще потери? Когда Элейто назначает встречу сестре и там же обвиняет ее в убийстве, начинает оправдываться и отправляется к Сальвадору за защитой. Тот обещает поговорить с братом, а сам уже обдумывает как ему еще сильнее разозлить Элейто. </p> </td> <td bgcolor="#00FF00" valign="top" colspan="2"> <p align="center"><b>Погода:</b></p> <p>Весна! Солнце начинает потихоньку припекать и поэтому в лесу рано утром звучит звонкая капель. Реки только-только освободились ото льда и теперь уносят его с собой в неизведанные дали. </p> </td> <td 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="590" height="450" border="1"> <tr> <td colspan="2"><font color="blue"><center><b>Реклама только взаимная!</b></center></font></td> </tr> <tr> <td><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"> <img src="http://s15.radikal.ru/i189/1103/ed/4b699c83ca52.jpg"> </td> </tr> <tr><td><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: 600; margin: 0 auto; padding: 0;} ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 40px; 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: 600px; height: 465px; 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>
Еще раз увижу "вот таким" так и напишу в таблице теги будите сами вставлять.
Будем грамотными людьми - начертание - жирное Размер шрифта - 14
Ничего трудного и не поверю что вы это не знаете.
Извеняюсь) Буду писать, как вы сказали) Спасибо за таблицу, плюс пославила)
1. ссылка на форум -
http://threesisters.mybb.ru/
2. эскиз таблицы.:
http://s010.radikal.ru/i312/1103/b5/d9f3f2a756e8.jpg
3. дополнительные предпочтения -
Вверху кнопки - при клике мышки высвечивается окно. Сделайте рамку окна белого цвета, фон окна - ac859a...если можете сделать чуть прозрачным.
Внизу слов - Гостям и Игрокам - будет текст без границ. Внизу картинки под Информацией также идет текст и далее фраза - Жмём каждый день...Где картинка - вставьте вот эти и чтобы они менялись при каждом обновлении страницы...
Картинки:
http://www.10pix.ru/img1/3360/3732640.png
http://www.10pix.ru/img1/2960/3732646.png
http://www.10pix.ru/img1/5041/3732653.png
Наська
Код:<center><table width="830" border="0"> <tr> <td width="138" 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 width="138" 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 width="138" 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 width="138" 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 width="138" 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 width="138" 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> </table></center> <center><table width="830" border="0"> <tr> <td rowspan="3"><div align="center">Гостям</div><br> <p align="center">текст </p></td> <td width="429" height="363"><script type="text/javascript"> var myLogos = new Array ('http://www.10pix.ru/img1/3360/3732640.png', 'http://www.10pix.ru/img1/2960/3732646.png', 'http://www.10pix.ru/img1/5041/3732653.png',); var Idx = Math.floor(Math.random() * myLogos.length); document.write('<img src="'+myLogos[Idx]+'">'); </script></td> <td rowspan="3"><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><div align="center">Жмем каждый день</div><br> <p align="center">баннер </p></td> </tr> </table> </center>
Код:<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: 100px; height: 35px; font-weight: bold; background: transparent; } .spll {width: 120px; height: 30px; } .spll div .splCont {height: auto; width: 180px; padding: 5px; z-index: 1000; border: 1px solid #002000; font-size: 12px; font-family: Comic Sans Ms; text-align: center;} </style>
1. http://deathlife.rolbb.ru/
2. эскиз таблицы.: внизу
3. дополнительные предпочтения - пусть границ не будет. и первый и тритий столбик в ширину 35 процентов, а центральный 30)
1. ссылка на форум -
пока ещё форум не создала, заранее прошу, прописано на картинке.
2. эскиз таблицы.:
http://s2.ipicture.ru/uploads/20110311/D0WA61F2.png
3. дополнительные предпочтения -
надеюсь, что вы всё поймёте.
текст 10 px.
Кагора Ягами
Код:<table width="100%" border="0"> <tr> <td width="30%"><div align="center"><img src="ссылка на картинку"></div><br> <div style="overflow:auto; overflow-x:hidden; height: 200px;"> <p align="center"> текст </p> </div></td> <td width="35%" align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="ссылка на картинку"> </div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td width="30%"><div align="center"><img src="ссылка на картинку"></div><br><div style="overflow:auto; overflow-x:hidden; height: 200px;"> <p align="center"> текст </p> </div></td> </tr> <tr> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="ссылка на картинку"> </div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td> <p align="center">....</p> </td> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="ссылка на картинку"> </div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </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: 170px; height: 35px; font-weight: bold; background: transparent; } .spll {width: 140px; height: 30px; } .spll div .splCont {height: auto; width: 180px; padding: 5px; z-index: 1000; border: 1px solid #002000; font-size: 12px; font-family: Comic Sans Ms; text-align: center;} </style>
myrsilko
Код:<table width="100%" border="1"> <tr> <td colspan="3"><div align="center"><img src="ссылка на картинку"></div></td> </tr> <tr> <td width="33%"><div align="center" style="font-size:10px">Текст</div></td> <td width="34%"><div align="center" style="font-size:10px">Текст</div><br> <form> <div align="center"> <select name="select" class="forminput" onChange="location.href=(form.select.options[form.select.selectedIndex].value)"> <option value="#">Навигация</option> <option value="ссылка">Название</option> <option value="ссылка">Название</option> <option value="ссылка">Название</option> <option value="ссылка">Название</option> </select> </div> </form></td> <td width="33%"> <div style="overflow:auto; overflow-x:hidden; height: 200px;"><div align="center" style="font-size:10px">Текст</div></div></td> </tr> </table>
Toshiro
Спасибо)
И, можно вопрос?:
как изменить шрифт вообще(размер шрифта, тоесть)?
не весь, а только в некоторых словах?
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)