ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте
Стать модераторомОтзывы

Предложения

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



[Выполнено]Таблица. Аниме

Сообщений 1 страница 3 из 3

1

1. Ссылка на форум: http://academymanten.mybb.ru/
2. Эскиз таблицы: http://s2.uploads.ru/t/b5PHD.png
3. Дополнительные предпочтения:
Каждое из окошечек разворачивается (кроме "Объявления"), в них написаны имена;
Границы всех окошек прозрачные, поэтому нарисовала их серыми;
Вот пример (как бы хотелось, чтобы это выглядело): http://nimbamik.rusff.ru/
и хотелось бы, чтобы кнопочка "баннеры" была помещена в самый низ главной страницы.

0

2

верх

Код:
<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.2012 14:29:10)

+1

3

Спасибо

0