1. Ссылка на форум:
http://fmaworldsocold.rolka.su/
2. Эскиз таблицы:
Общий вид:
http://pic.lg.ua/x/11/be0715/001df5aa.jpg
Первая вкладка:
http://pic.lg.ua/x/15/5117ee/1e325098.jpg
Вторая:
http://pic.lg.ua/x/14/6e6a5f/099fdfcf.jpg
Третья:
http://pic.lg.ua/x/9/3b3bca/28f0814c.jpg
Четвертая:
http://pic.lg.ua/x/10/5914c0/44f353b9.jpg
Пятая:
http://pic.lg.ua/x/9/e323f9/3a0e58e0.jpg
3. Дополнительные предпочтения:
Всея информацию, как Вы уже поняли, открывается во втором прямоугольнике по клике на соответствующую кнопку.
Насчет "Welcome" - хотелось бы, чтобы приветствие представляло из себя саму надпись "Welcome" и фоновую картинку под ней. Фоновую картинку нещадно порезать по бокам ластиком или заменить на узор/убрать совсем.
Сама фоновая картинка: http://pic.lg.ua/x/9/760ef7/4f43fdeb.jpg
Насчет картинки слева: Не важно, будет ли она полупрозрачной или нет. Рванные края только приветствуются.
Картинки на выбор:
http://pic.lg.ua/x/16/319af0/c9259f5c.jpg
http://pic.lg.ua/x/14/688529/12e6ea3c.jpg
Иное: границы прозрачны. Все остальные картинки вставлю самостоятельно.
[выполнено]Таблица. Аниме.
Сообщений 1 страница 7 из 7
Поделиться129.08.12 18:02
Поделиться230.08.12 13:22
SamTayJerome421
а какой вы шрифт использовали когда писали названия вкладок?
Поделиться330.08.12 13:28
SamTayJerome421
а какой вы шрифт использовали когда писали названия вкладок?
- Evanescent
Поделиться404.09.12 13:05
- Надпись "Добро пожаловать/Welcome" больше не нужна.
Все картинки вставим сами.)
Поделиться505.09.12 14:58
SamTayJerome421
[mod]Принято[/mod]
Поделиться606.09.12 13:07
SamTayJerome421
верх
<style> .container1 {width: 400px; margin: 0 auto; padding: 0;} ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 40px; width: 400px; } 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(); } html ul.tabs li.active { background: url(); } html ul.tabs li.active a:hover { background: url(); } .tab_container1 { clear: both; float: left; width: 500px; height: 300px; } .tab_content { padding: 5px; } .tab_content h2 { font-weight: normal; padding-bottom: 2px; } </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>
объявление
<table width="100%" ><tr> <td colspan="2">Картинка приветствие</td> </tr> <tr> <td rowspan="2">Картинка</td> <td width="60%" ><div class="container"> <div class="html-box"> <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> <li><a href="#tab5">Вкладка 5</a></li> </ul> <div class="tab_container1"> <div style="display: block;" id="tab1" class="tab_content"> <center>текст</center> </div> <div style="display: none;" id="tab2" class="tab_content"> <table width="100%" > <tr> <td width="50%"><center><img src="картинка"><br><br><a href="ссылка на профиль1" target="_blank"><img src="картинка1" title="имя1"><a href="ссылка на профиль1" target="_blank"><img src="картинка1" title="имя1"></center></td> <td><center><center><img src="картинка"><br><br><a href="ссылка на профиль1" target="_blank"><img src="картинка1" title="имя1"><a href="ссылка на профиль1" target="_blank"><img src="картинка1" title="имя1"></center></td> </tr> </table> </div> <div style="display: none;" id="tab3" class="tab_content"> <center><a href="ссылка">название ссылки</a><br><a href="ссылка">название ссылки</a></center> </div> <div style="display: none;" id="tab4" class="tab_content"> <table width="100%" > <tr> <td width="50%"><center><img src="картинка"></center><br>текст</td> <td><center><img src="картинка"></center><br>текст</td> </tr> </table> </div> <div style="display: block;" id="tab5" class="tab_content"> <center>текст текст текст<br><br> баннеры</center> </div> </div> </div> </div></td> </tr> <tr> <td>топы</td> </tr> </table>
Поделиться706.09.12 17:44
Бу
- Огромное спасибо) Всё просто идеально.) +