1. Ссылка на форум:http://ft.0bb.ru/
2. Эскиз таблицы: хотелось бы увидеть похожую таблицу, как на этом сайте
3. Дополнительные предпочтения:
Почти так же, только в красно-чёрных тонах.
Отредактировано Jii-Jo (01.09.13 14:33)
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать верстку и скрипты » [Выполнено] Таблица.
1. Ссылка на форум:http://ft.0bb.ru/
2. Эскиз таблицы: хотелось бы увидеть похожую таблицу, как на этом сайте
3. Дополнительные предпочтения:
Почти так же, только в красно-чёрных тонах.
Отредактировано Jii-Jo (01.09.13 14:33)
Востребовано.
1. Ссылка на форум: http://ft.0bb.ru/
2. Эскиз таблицы:
Ширина: 900 px
Высота: 600 px
3. Дополнительные предпочтения:
Таблица прозрачная. Желательно со всякими украшениями, типо виньеток, так же желательно, что бы сама она была выполнена в красно чёрных тонах.
"Лучший Пост"- чатьсть самого поста, и скрипт "читать дальше..."
Фотки с шириной 100х100.
В Шаблоне я допустила ошибочку с названием, и по этому маленькое название "Лучший игрок" нужно переименовать в "Лучшие Посты."
Переделываю заявку, что бы было всё наглядно, и по шаблону.
mintemero
Да. Извините, что не ответила раньше, не увидела.
Айка
Актуально ли? (:
3 вкладка
4 вкладка
Не отображаются.
Jii-Jo
Актуально, но на другой форум, да. И в сине чёрных тонах, вместо красно- чёрных.
Хм... Странно. у меня всё отображается.
Вот тогда.
Теперь отображается?
Айка
Принимаю, сегодня-завтра, думаю, будет готово (:
Jii-Jo
Жду^^ И да, спаси-и-и-и-ибо^
Айка
Готово (:
Код:<style> .container1 {width: 900px; margin: 0 auto; padding: 0;} ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 40px; width: 467px; } ul.tabs li { float: left; margin: 0; padding: 0; height: 40px; line-height: 40px; border: 0px; 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: 0px solid #000000; border-left: 0px solid #000000; border-right: 0px solid #000000; } html ul.tabs li.active { background: rgba(0, 0, 0, 1); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 0px solid #000000; } html ul.tabs li.active a:hover { background: url(); border-bottom: 0px solid #160f0a; } .tab_container1 { clear: both; float: left; width: 900px; height: 360px; background-image : url(); background-color: #FFFFFF; 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>
Код:<script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script> <script type="text/javascript"> $(document).ready(function() { $(".tab_content").hide(); $("ul.tabs li:first").addClass("active").show(); $(".tab_content:first").show(); $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); $(this).addClass("active"); $(".tab_content").hide(); var activeTab = $(this).find("a").attr("href"); $(activeTab).fadeIn(); return false; }); }); </script>
Код:<ul class="tabs"> <li class="active"><a href="#tab1">Вкладка 1</a></li> <li><a href="#tab2">Вкладка 2</a></li> <li><a href="#tab3">Вкладка 3</a></li> <li><a href="#tab4">Вкладка 4</a></li> </ul> <div class="tab_container1"> <div style="display: block;" id="tab1" class="tab_content"> <center> <table border="1" cellpadding="1" cellspacing="1" style="width: 850px; height: 350px;"> <tbody> <tr> <td rowspan="2" style="text-align: center; width: 420px; height: 350px; "> <strong>Новости</strong> <blockquote> <p style="overflow-y: scroll; overflow-x: hidden; width: 410px; height: 270px; "> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p> </blockquote> </td> <td colspan="2" style="text-align: center; width: 440px; height: 264px;"> <strong>Приветствие</strong></h3> <blockquote> <p style="overflow-y: scroll; overflow-x: hidden; width: 430px; height: 250px;"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p> </blockquote> </td> </tr> <tr> <td style="text-align: center; width: 440px; height: 60px;"> <strong>Топы</strong> <blockquote> <p height:="60" width:="440"> Топы топы топы</p> </blockquote> </td> <td style="text-align: center; width: 440px; height: 60px;"> <strong>Партнеры</strong> <blockquote> <p height:="60" width:="440">Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры Партнеры</p> </blockquote> </td> </tr> </tbody> </table> <|center> </div> <div style="display: none;" id="tab2" class="tab_content"> <center> <table border="0" cellpadding="1" cellspacing="1" style="width: 440px; height: 350px;"> <tbody> <tr> <td style="text-align: center; width: 300px; height: 264px;"> <strong>Знакомство с миром</strong> <blockquote> <p style="overflow-y: scroll; overflow-x: hidden; width: 280px; height: 250px;"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p> </blockquote> </td> <td style="text-align: center;"> <strong>Познавая мир</strong> <blockquote> <p style="overflow-y: scroll; overflow-x: hidden; width: 280px; height: 250px;"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p> </blockquote> </td> <td style="text-align: center;"> <strong>Рекламная пауза</strong> <blockquote> <p style="overflow-y: scroll; overflow-x: hidden; width: 280px; height: 250px;"> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p> </blockquote> </td> </tr> </tbody> </table> <|center> </div> <div style="display: none;" id="tab3" class="tab_content"> <center> <table border="0" cellpadding="1" cellspacing="1" style="width: 440px; height: 350px;"> <tbody> <tr> <td style="text-align: center;"> <strong>Время и погода</strong> <blockquote> <p style="overflow-y: scroll; overflow-x: hidden; width: 410px; height: 135px; "> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p> </blockquote> </td> <td rowspan="2" style="text-align: center;"> <strong>Очередность постов</strong> <blockquote> <p style="overflow-y: scroll; overflow-x: hidden; width: 410px; height: 270px; "> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p> </blockquote> </td> </tr> <tr> <td style="text-align: center;"> <strong>Лучший пост</strong> <blockquote> <p style="overflow-y: scroll; overflow-x: hidden; width: 410px; height: 135px; "> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</p> </blockquote> </td> </tr> </tbody> </table> </center> </div> <div style="display: none;" id="tab4" class="tab_content"> <center> <table border="0" cellpadding="1" cellspacing="1" style="width: 850px; height: 350px;"> <tbody> <tr> <td rowspan="2" style="text-align: center; width: 425px; height: 175px;"> <p> <strong>Администраторы</strong></p> <p> <a href="http://профиль_амс"><img alt="" src="ссылка_на_изображение" style="width:60px; height: 60px;" /> </a><a href="http://профиль_амс"><img alt="" src="ссылка_на_изображение" style="width:60px; height: 60px;" /></a> <a href="http://профиль_амс"><img alt="" src="ссылка_на_изображение" style="width:60px; height: 60px;" /></a></p> </td> <td style="text-align: center;"> <p> <strong>Лучший пост</strong></p> <p> <img alt="" src="профиль_амс" style="width: 50px; height: 50px;" /></p> </td> <td style="text-align: center;"> <p> <strong>Лучший работник</strong></p> <p> <img alt="" src="профиль_амс" style="width: 50px; height: 50px;" /></p> </td> </tr> <tr> <td style="text-align: center;"> <p> <strong>Лучший художник</strong></p> <p> <img alt="" src="профиль_амс" style="width: 50px; height: 50px;" /></p> </td> <td style="text-align: center;"> <p> <strong>Лучшей фикрайтер</strong></p> <p> <img alt="" src="профиль_амс" style="width: 50px; height: 50px;" /></p> </td> </tr> <tr> <td style="text-align: center; width: 425px; height: 175px;"> <p> <strong>Модераторы</strong></p> <p> <img alt="" src="профиль_амс" style="width: 50px; height: 50px;" /> <img alt="" src="профиль_амс" style="width: 50px; height: 50px;" /> <img alt="" src="профиль_амс" style="width: 50px; height: 50px;" /></p> <p> <img alt="" src="профиль_амс" style="width: 50px; height: 50px;" /> <img alt="" src="профиль_амс" style="width: 50px; height: 50px;" /></p> </td> <td colspan="2" style="text-align: center;"> <p> <strong>Лучший игрок</strong></p> <p> <img alt="" src="профиль_амс" style="width: 100px; height: 100px;" /></p> </td> </tr> </tbody> </table> </center> </div> </div> <style type="text/css"> blockquote p { margin: 2em; border: 1px solid black;} </style>
Отредактировано Jii-Jo (01.09.13 13:30)
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать верстку и скрипты » [Выполнено] Таблица.