1. Ссылка на форум: http://magnificentury.rolbb.ru/
2. Эскиз таблицы:
Все таблицы без границ.
Вкладка 1.
Виньетки:
Правая: http://s6.uploads.ru/7vboR.png
Левая: http://s7.uploads.ru/Gk36U.png
Размещение блоков по центру.
Если возможно, при наведении на картинку администратора открывается окошко с текстом, как здесь: http://piratelife.rusff.ru/
Вкладка 2.
Во второй колонке перелистывающийся блок (картинка (обозначена прямоугольником) и текст).
Вкладка 3.
Вкладка 4.
Просто текст Баннеры.
3. Дополнительные предпочтения:
Если возможно, при наведении на картинку администратора открывается окошко с текстом, как здесь: http://piratelife.rusff.ru/
[Выполнено] Таблица с боковыми вкладками. HTML
Сообщений 1 страница 5 из 5
Поделиться101.12.13 14:31
Поделиться206.12.13 11:08
miss bennet
Принимаю. К понедельнику будет
Поделиться307.12.13 16:08
Jii-Jo
Благодарю)
Поделиться408.12.13 08:54
miss bennet
Пробуем. Слайдер еще не вставила
Код:<style> .container1 {width: 810px; 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 #000000; border-bottom: 1px dotted #000000; border-right: 1px dotted #000000; border-left: 1px dotted #000000; 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: 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 a:hover { background: url(); border-bottom: 0px solid #160f0a; } .tab_container1 { clear: both; float: left; width: 810px; height: 412px; background-color: rgba(255, 255, 255, 0.39); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 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>
Код:<center> <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"> <table align="center" border="0" cellpadding="4" cellspacing="3" style="width: 800px; height: 250px;"> <tbody> <tr> <td colspan="2" rowspan="1" style="text-align: center; width: 50%;"> <h1>Навигация</h1> <blockquote> <p>Текст</p> </blockquote> </td> <td colspan="2" rowspan="1" style="text-align: center; width: 50%;"> <h1>Новости</h1> <blockquote> <p>Текст</p> </blockquote> </td> </tr> </tbody> <tbody> <tr> </tr> </tbody> </table> <table align="center" border="0" cellpadding="4" cellspacing="3" style="width: 800px; height: 150px;"> <tbody> <tr> <td style="text-align: center; width: 30%"><img alt="" height="150" src="http://s6.uploads.ru/7vboR.png" width="208"></td> <td style="text-align: center; width: 40%"> <p>Администрация</p> <img alt="" title="ник_админа" height="50" src="ссылка" width="50"> <img alt="" title="ник_админа"height="50" src="ссылка" width="50"> <img alt="" title="ник_админа" height="50" src="ссылка" width="50"> <img alt="" title="ник_админа" height="50" src="ссылка" width="50"></td> <td colspan="2" rowspan="1" style="text-align: center; width: 40%"><img alt="" height="150" src="http://s7.uploads.ru/Gk36U.png" width="208"></td> </tr> </tbody> </table> </div> <div id="sm2" class="submenutext"><br /><br /> <table align="center" border="0" cellpadding="4" cellspacing="3" style="width: 800px; height: 400px;"> <tbody> <tr> <td colspan="1" rowspan="1" style="text-align: center; width: 50%;"> <h1>События в игре</h1> <blockquote> <p>Текст</p> </blockquote> </td> <td colspan="1" rowspan="1" style="text-align: center; width: 50%;"> <h1>Срочный поиск</h1> <blockquote> <p>Текст</p> </blockquote> </td> </tr> <tr> <td colspan="2" style="text-align: center;">Блок по центру</td> </tr> </tbody> </table> </div> <div style="display: none!important;" id="tab2" class="tab_content"> <table align="center" border="0" cellpadding="4" cellspacing="3" style="width: 800px; height: 400px;"> <tbody> <tr> <td colspan="1" rowspan="1" style="text-align: center; width: 50%;"> <h1>События в игре</h1> <blockquote> <p>Текст</p> </blockquote> </td> <td colspan="1" rowspan="1" style="text-align: center; width: 50%;"> <h1>Срочный поиск</h1> <blockquote> <p>Текст</p> </blockquote> </td> </tr> <tr> <td colspan="2" style="text-align: center;">Блок по центру</td> </tr> </tbody> </table> </div> <div style="display: none;" id="tab3" class="tab_content"> <table align="center" border="0" cellpadding="4" cellspacing="3" style="width: 800px; height: 400px;"> <tbody> <tr> <td colspan="1" rowspan="1" style="text-align: center; width: 50%;"> <h1>Номинанты</h1> <p>*слайдер*</p> </td> <td colspan="1" rowspan="1" style="text-align: center; width: 50%;"> <h1>Неделя с...</h1> <p><img alt="" src="ссылка" title="Ник"></p> </td> </tr> </tbody> </table> </div> <div style="display: none;" id="tab4" class="tab_content"> <table align="center" border="0" cellpadding="4" cellspacing="3" style="width: 800px; height: 400px;"> <tbody> <tr> <td colspan="1" rowspan="1" style="text-align: center; width: 100%;"> <p>Баннеры</p> </td> </tr> </tbody> </table> </div> </div> </center> <style type="text/css">blockquote:before, blockquote:after { font-size: 3em; color: #800; } blockquote:before { content: '«'; float: left; margin-top: -0.4em; } blockquote:after { content: '»'; float: right; margin-top: -1.2em; } blockquote p { margin: 1em 3em; } .submenutext { display: none; } h1 { font-size: 18px!important; font-family: 'times new roman'; font-style: italic; color: rgb(109, 75, 11); font-weight: bold!important; letter-spacing: 2px; }</style>
Поделиться508.12.13 13:39
Jii-Jo
Всё работает отлично)
В принципе, слайдер я могу и сама поставить. Огромное спасибо)