1. Ссылка на форум: http://academymanten.mybb.ru/
2. Эскиз таблицы: 
3. Дополнительные предпочтения:
Каждое из окошечек разворачивается (кроме "Объявления"), в них написаны имена;
Границы всех окошек прозрачные, поэтому нарисовала их серыми;
Вот пример (как бы хотелось, чтобы это выглядело): http://nimbamik.rusff.ru/
и хотелось бы, чтобы кнопочка "баннеры" была помещена в самый низ главной страницы.
[Выполнено]Таблица. Аниме
Страница: 1
Тема закрыта
Сообщений 1 страница 3 из 3
Поделиться112.11.12 22:41
- Бестелесный дух прошлого
- Уважение: +4
Поделиться213.11.12 14:26
- Бестелесный дух прошлого
- Уважение: +298
верх
Код:
<style>
div .splLink {width: 130px; height: 20px; border: 1px solid #160f0a; border-radius: 10px; text-align: center; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; padding: 5px; z-index: 1000; margin-top: 5px; width: 130px; height: 40px; border: 1px solid #160f0a; border-radius: 10px; text-align: center; padding: 5px;}
</style>низ
Код:
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
<div class=banners align=center><span onclick="BANNERS_TOGGLE($(this).parent('.banners'))"><center><div style="text-align: center; border: 1px solid #160f0a; border-radius: 10px; padding: 5px; width: 130px; height: 20px;">Ваши баннеры</div></center></span></b></a>
<div class=ba_0 style="display: none">
<style class=BanersHide>/*
<center>
Ваши баннеры
Ваши баннеры
Ваши баннеры
</center>
*/</style>
</div></div>
<script>
function BANNERS_TOGGLE(Sel){Z=Sel.find(".ba_0")
if(Z.css("display")=="none"){var V=Sel.find(".ba_0 .BanersHide");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");Z.html(V1);}Z.fadeIn("slow");
}else Z.hide();}</script>объявление
Код:
<center><table width="60%" > <tr> <td colspan="2"><center><div class="spll"> <DIV><div class=splLink href="javscript://">Администрация</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Тут будет что-то</DIV></DIV> </div></center></td> </tr> <tr> <td width="100%"><div class="spll"> <DIV><div class=splLink href="javscript://">Лучшие игроки</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Тут будет что-то 2</DIV></DIV> </div> </td> <td><div class="spll"> <DIV><div class=splLink href="javscript://">Модераторы</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Тут будет что-то 3</DIV></DIV> </div> </td> </tr> <tr> <td colspan="2"><center><div style="text-align: center; border: 1px solid #160f0a; border-radius: 10px; padding: 5px; width: 50%; height: 250px; overflow-y: scroll;">приветствие</div></center></td> </tr> </table></center>
Отредактировано Бу (13.11.12 14:29)
Поделиться314.11.12 20:39
- Бестелесный дух прошлого
- Уважение: +4
Спасибо
Тема закрыта
Страница: 1
