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

Объявление

АКЦИЯ: Раздаём дизайны бесплатно

Доработаем макет под ваш проект;
Сверстаем;
Сделаем мобильную версию по желанию.

Подробнее

Поисковой ресурс

Проект от команды FD
для текстовых ролевиков

Спойлеры и обсуждение

Мийрон

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

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Макет для сайта «Fantasy Calalogue»

Детализированный макет «Fantasy catalogue» для тёмного дизайна многостраничного сайта
Стоимость при покупке эксклюзивно: 3600р
В стоимость входит корректировка макета и доработка недостающих страничек под ваш проект.

Подробнее

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

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

Подробнее
Конкурс! Интерфейс и взаимодействие! Главный приз - 2000 рублей.
Ищешь чем бы украсить свой форум или сайт к Новому году? 🎄 Мы поможем нарядиться! 🎄
❗ ❗ ❗ Technical work is underway. Something here and there may be crooked. We'll fix it soon. :)

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

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



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

Сообщений 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.12 14:29)

Подпись автора

При заказе таблицы, пожалуйста, сразу указывайте ее ширину и длину, а также другие подробности важные при оформлении таблицы(ширину границ, фон и прочее). Заказы, в которых сразу не будет указано всех подробностей, не переделываются по просьбам: "еще фон сделайте", "а края закруглить можно", " и цвет текста другой сделайте"  и прочее в том же духе.

+1

3

Спасибо

0