1. Ссылка на форум:
http://theavengersassemble.rolka.su/
2. Эскиз таблицы:
3. Дополнительные предпочтения:
там где ссылки идут, должно быть так:
только чтобы они потеснее друг к другу стояли.
вкладки должны быть слегка закругленными, и обведены тонкой точечной линией (такой: ....)
где погода и время - два окошка с прокруткой. Границы, само собой, видимые. Там где в первой вкладке квадратики - шесть картинок для админов.
[выполнено]Таблица. Фильмы Марвел.
Сообщений 1 страница 6 из 6
Поделиться104.09.12 12:15
Поделиться204.09.12 12:17
Там где вкладка лучшие - 3 картинки 100* 100 под ними должна идти подпись, а картинка на Best of the Best будет размером примерно 120*120
Поделиться305.09.12 12:42
[mod]Принято[/mod]
Поделиться405.09.12 14:20
Amelia Laufeyson
верх
<style> #menu { margin-top: -5px; width: 180px; height: 20px; background-repeat : no-repeat;} #menu span { text-align:left; display:block; color:#000000; margin: 7px 0; padding: 10px; border-radius: 10px;} #submenu, #menu span { color:#000000; border-style: dotted; } #menu .tabactive { color: #000000; } #submenu { padding: 3px; height: 290px; text-align:justify; font-size: 12px; width: 540px; border-radius: 10px;} .submenutext { display: none; height: 40px; } .textlink { margin: 0px 3px 2px 5px; padding: 2px; } .textlink a { padding: 3px 0px; margin: 2px 2px 2px 2px; display: block; color: #182a2e!important; background-color: #bb6241; text-align: center; width: 160px; line-height: 15px; text-transform: lowercase; } .textlink a:hover { background-color: #bb6241; color: #182a2e!important; } </style>
низ
<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>
объявление
<center><table style="width: 100%;"> <tbody> <tr> <td valign=top> <div id="menu"> <b> <span alt="#sm1" style="cursor: pointer;">О нас</span> <span alt="#sm2" style="cursor: pointer;">События игры</span> <span alt="#sm3" style="cursor: pointer;">Лучшие из лучших</span> <span alt="#sm4" style="cursor: pointer;">Баннеры</span> </b> </div> </td> <td id="MenuTxT" align="center" valign="top"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"> <table width="100%" height="100%" > <tr> <td width="50%" height="80px" >картинки админов</td><td rowspan="2"><div style="width: 100%; height: 260px; overflow-y: scroll;">новости</div></td></tr><tr> <td height="200px" ><table width="100%" > <tr> <td width="50%"><center><div class="textlink"> <a target="_blank" href="ссылка">ссылка номер рас</a> <a target="_blank" href="ссылка">ссылка номер два</a> <a target="_blank" href="ссылка">ссылка номер три</a> <a target="_blank" href="ссылка">ссылка номер четыре</a> <a target="_blank" href="ссылка">ссылка номер пять</a> <a target="_blank" href="ссылка">ссылка номер шесть</a> <a target="_blank" href="ссылка">ссылка номер семь</a> <a target="_blank" href="ссылка">ссылка номер восемь</a> </div></center></td> <td><center><div class="textlink"> <a target="_blank" href="ссылка">ссылка номер рас</a> <a target="_blank" href="ссылка">ссылка номер два</a> <a target="_blank" href="ссылка">ссылка номер три</a> <a target="_blank" href="ссылка">ссылка номер четыре</a> <a target="_blank" href="ссылка">ссылка номер пять</a> <a target="_blank" href="ссылка">ссылка номер шесть</a> <a target="_blank" href="ссылка">ссылка номер семь</a> <a target="_blank" href="ссылка">ссылка номер восемь</a> </div></td> </tr> </table></td></tr> </table> </div> <div id="sm2" class="submenutext"> <table width="100%" height="100%" > <tr> <td width="50%"><div style="width: 100%; height: 280px; overflow-y: scroll;">погода</div></td><td><div style="width: 100%; height: 280px; overflow-y: scroll;">очередность</div></td></tr> </table> </div> <div id="sm3" class="submenutext"> <table width="100%" height="100%" > <tr> <td width="50%"><table width="100%" height="100%" > <tr> <td width="100px" height="100px">картинка 1<br>надпись 1</td><td width="100px" height="100px">картинка 2<br>надпись 2</td><td width="100px" height="100px">картинка 3<br>надпись 3</td></tr> </table> </td><td>картинка</td></tr> </table> </div> <div id="sm4" class="submenutext"> баннеры </div> </div> </td> </tr> </tbody> </table></center>
цвет ячеек ссылок меняем здесь
хтмл верх
.textlink a {
padding: 3px 0px;
margin: 2px 2px 2px 2px;
display: block;
color: #182a2e!important;
background-color: #bb6241;
text-align: center;
width: 160px;
line-height: 15px;
text-transform: lowercase;
}
.textlink a:hover {
background-color: #bb6241;
color: #182a2e!important;
Поделиться505.09.12 17:19
Бу
у меня все слетело как только поставила тт
Поделиться605.09.12 18:49
Amelia Laufeyson
Не вижу ничего, что слетело