🎧 Подкаст «НЕТЕРОЛЕВЫЕ»
Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ).
Telegram Обсудить
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать верстку и скрипты » Таблица
актуально
Возьмусь сделать.
Вкладки картинками хочешь или надписями?
А. И. Под "прозрачным фоном" вы подразумеваете какой-то определённый цвет с заданной прозрачностью или же - его отсутствие?
Возьмусь сделать.
Спасибо, что взялся
Вкладки картинками хочешь или надписями?
Картинками
А. И. Под "прозрачным фоном" вы подразумеваете какой-то определённый цвет с заданной прозрачностью или же - его отсутствие?
Эм, прозрачный фон в смысле, что бы таблица была прозрачной
Готово.
Посмотреть можно здесь.
Код:<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript"> $(document).ready(function() { $("td.#MenuTxT div.submenutext").hide(); <!--$(".tabs span:first").addClass("active").show(); --> $("td.#MenuTxT div.submenutext:first").show(); $("div.#menu span").click(function() { $("div.#menu span").removeClass("tabactive"); $(this).addClass("tabactive"); $("td.#MenuTxT div.submenutext").hide(); var activeDiv = $(this).attr("alt"); $("div."+activeDiv).fadeIn(); return false; }); }); </script> <style type="text/css"> /* <![CDATA[ */ #menu span { padding-left: 44px; width: 149px; height: auto text-decoration: none; } #menu .tabactive { background: transperent; } #submenu { padding: 0px; height: 230px; text-align: justify; overflow: auto; width: 820px; background: none; border: 1px solid #000; } /* ]]> */ </style> <table style="width: 809px;"> <tbody> <tr> <td> <div id="menu"> <span alt=#sm1 style="cursor: pointer;"><img src="http://dgmtw.f-rpg.ru/files/0013/5b/95/16528.jpg "></span> <span alt=#sm2 style="cursor: pointer;"><img src="http://dgmtw.f-rpg.ru/files/0013/5b/95/16528.jpg "></span> <span alt=#sm3 style="cursor: pointer;"><img src="http://dgmtw.f-rpg.ru/files/0013/5b/95/16528.jpg "></span> <span alt=#sm4 style="cursor: pointer;"><img src="http://dgmtw.f-rpg.ru/files/0013/5b/95/16528.jpg "></span> </div> </td> </tr> <tr> <td id="MenuTxT" align="center" valign="top"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"><br> <table width='100%'> <tr> <td width='69%' valign = 'top'> <div id="u-panel"></div> <script type="text/javascript"> var arr=document.getElementsByTagName("div") i=0 while(arr ){ if(arr[i].id=="u-panel") { name=arr[i].innerHTML name=name.substring(0) arr[i].innerHTML="<div id=option><img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg' width='100' height='100' style = 'float:left; margin-right: 7px; margin-bottom: 7px;' class='leftimg'> Привет, "+UserLogin+"! Блаблабла ... // Это типо невероятный по своему содержанию текст. Невероятно, не правда ли?</div>"+name }i++} </script> </td> <td width='2%'> </td> <td width='29%' valign = 'top' > <p><b>Время:</b> 14.34</p> <p><b>Дата:</b> 13.10.1891 г.</p> <p><b>Погода:</b> Пасмурно. Небо затянуто тяжёлыми тучами, не пропуская ни единого луча солнца. Ветер сильный, юго-восточный. Обещали шторм.</p> </td> </tr> </table> </div> <div id="sm2" class="submenutext" style=overflow: auto;><br> <table width='100%'> <tr> <td width='25%' valign = 'top' align = 'center'> <p><b>Название</b></p> <br> <p><a href = 'http://'>Ссылка</a></p> <p><a href = 'http://'>Ссылка</a></p> <p><a href = 'http://'>Ссылка</a></p> <p><a href = 'http://'>Ссылка</a></p> </td> <td width='25%' align = 'center' valign = 'top' > <p><b>Название</b></p> <br> <p><a href = 'http://'>Ссылка</a></p> <p><a href = 'http://'>Ссылка</a></p> <p><a href = 'http://'>Ссылка</a></p> <p><a href = 'http://'>Ссылка</a></p> </td> <td width='25%' align = 'center' valign = 'top' > <p><b>Название</b></p> <br> <p><a href = 'http://'>Ссылка</a></p> <p><a href = 'http://'>Ссылка</a></p> <p><a href = 'http://'>Ссылка</a></p> <p><a href = 'http://'>Ссылка</a></p> </td> <td width='25%' align = 'center' valign = 'top' > <p><b>Название</b></p> <br> <p><a href = 'http://'>Ссылка</a></p> <p><a href = 'http://'>Ссылка</a></p> <p><a href = 'http://'>Ссылка</a></p> <p><a href = 'http://'>Ссылка</a></p> </td> </tr> </table> </div> <div id="sm3" class="submenutext" style=overflow: auto;><br> <table width='100%'> <tr> <td width='69%' valign = 'top' align = 'center'> <p><b>Наши друзья</b></p> <br> <p><b> Баннеры</b></p> <marquee scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()">.Ваши баннеры.</marquee> </td> <td width='2%'> </td> <td width='29%' valign = 'top' align = 'center'> <p>Ещё один чертовски, да нет - сууупааар офигенный текст.</p> <br> <p><a href = 'http://'>Ссылка</a></p> <p><a href = 'http://'>Ссылка</a></p> <p><a href = 'http://'>Ссылка</a></p> <p><a href = 'http://'>Ссылка</a></p> </td> </tr> </table> </div> <div id="sm4" class="submenutext" style=overflow: auto;><br> <table width='100%'> <tr> <td width='100%' align = 'center'> <p><b>Админы</b><p> </td> </tr> </table> <table width = '100%' align = 'center'> <tr> <td width='25%' align = 'center'> <a href = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'></a> </td> <td width='25%' align = 'center'> <a href = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'></a> </td> <td width='25%' align = 'center'> <a href = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'></a> </td> <td width='25%' align = 'center'> <a href = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'></a> </td> </tr> </table> <table width='100%'> <tr> <td width='100%' align = 'center'> <p><b>Модераторы</b><p> </td> </tr> </table> <table width = '100%' align = 'center'> <tr> <td width='25%' align = 'center'> <a href = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'></a> </td> <td width='25%' align = 'center'> <a href = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'></a> </td> <td width='25%' align = 'center'> <a href = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'></a> </td> <td width='25%' align = 'center'> <a href = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'></a> </td> </tr> </table> </div> </div> </td> </tr> </tbody> </table></center>
спасибо, очень Вам благодарна! Тему можно закрывать
эм, а как убрать границы?
#submenu {
padding: 0px;
height: 230px;
text-align: justify;
overflow: auto;
width: 820px;
background: none;
border: 1px solid #000;
Выделенное красным изменить на:
border: none;
Обращайтесь. (:
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать верстку и скрипты » Таблица