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

Объявление

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

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

Подробнее

Мийрон

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее

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

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

Предложения
На форуме идут технические работы. Кое-что кое-где может отображаться криво. Мы скоро всё поправим. :)

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

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



[выполнено]Таблица. Марадеры (ГП)

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

1

1. Ссылка на форум:
http://storiesofehho.rolka.su/

2. Эскиз таблицы:

...

http://savepic.su/2423335.png

3. Дополнительные предпочтения:
поля 1 и 4 на место них будут потом поставлены картинки, нажатие на которые открывает всплывающие окна,  которые должны открываться вниз.
всплывающее окно под кнопкой 1 должно быть приблизительно одного размера с полем 2
поля 2 и 3 - там будет текст.  между ними должно быть небольшое (ну совсем небольшое только что было заметно что они находятся на стороне друг от друга) расстояние. соотношение в процентах между полями где-то 70% на 30% соответственно (поле 2 и поле 3), и с учетом небольшого расстояния между ними. и у них должна быть рамка.

и всплывающие окна и поля 2 и 3 должны быть другого фона чем сама форум (какого я правда не знаю) давайте поставим пока #ddadaf ))
высоту всплывающих окон и полей 2 и 3 тоже сказать пока не могу, так как пока не знаю сколько текста понадобиться туда запихнуть.

а еще, можно будет указать где можно будет поменять фон, и размеры полей (в основном выту этих самых полей)

0

2

[mod]Принято[/mod]

0

3

majj
верх

Код:
<style> 
div .splLink {width: 130px; height: 40px; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:#ddadaf; padding: 5px; z-index: 1000; margin-top: 5px;  font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</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>

объявление

Код:
<center><table style="width:100%; height: 300px;">
<tr>
<td valign="top" colspan="2"><center><div class="spll">
<DIV><div class=splLink href="javscript://"><img src="адрес картинки 1"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
текст 1</DIV></DIV>
</div></center></td>
</tr>
<tr><td valign="top" rowspan="2" width="70%"><div style="background:#ddadaf; border: 1px solid #160f0a; padding: 5px;">
2
</div></td><td valign="top" ><div style="background:#ddadaf; border: 1px solid #160f0a; padding: 5px;">
3
</div></td>
</tr>
<tr><td valign="top" ><div class="spll">
<DIV><div class=splLink href="javscript://"><img src="адрес картинки 4"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
текст 4</DIV></DIV>
</div></td>
</tr>
</table></center>

Насчет высоты, я не стала делать ее фиксированной, т.к. потом, когда вам бы понадобилось что - то менять, пришлось бы довольно сильно напрягаться, т.к. менять нужно было бы не в одном месте и следить за показателями надо было бы не в одном месте. В общем, мороки будет ой - е.
Поэтому не обращайте пока внимание на то, что ячейки 2 и 3 узкие и находятся по середине, по мере заполнения они расширяться и поднимутся.
Чтобы изменить размер картинки в ячейках 1 и 4 идем в хтмл верх и меняем

div .splLink {width: 130px; height: 40px;

на свое
Фон меняем
в хтмл верх для всплывающих окошек

.spll div .splCont {height: auto; width: 300px; background:#ddadaf;

в объявлении для ячеек 2 и 3

<tr><td valign="top" rowspan="2" width="70%"><div style="background:#ddadaf;

<td valign="top" ><div style="background:#ddadaf;

0

4

Бу
спасибо большое за помощь.

вот только у меня возникли так сказать вопросы.
http://storiesofehho.rolka.su/

можно ли верхнюю кнопку (та что 1) сдвинуть чуть влево. так чтобы она была по центру окна 2?
а между 2 и 3 чуть-чуть по больше, так сказать по заметней слегка, расстояние сделать?

0

5

majj
Ваше объявление

Код:
<center><table style="width:95%; height: 300px;">
<tr>
<td valign="top" colspan="2"><div style="margin-left:200px; "><div class="spll">
<DIV><div class=splLink href="javscript://"><img src="http://savepic.su/2409042.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
--------------------------------
<br>•<a href="http://youwin.mybb.ru/viewtopic.php?id=4">F.A.Q: Вопрос - ответ</a>•
<br>--------------------------------
<br>•<a href="http://youwin.mybb.ru/viewtopic.php?id=3">Правила</a>• 
<br>--------------------------------
<br>•<a href="http://youwin.mybb.ru/viewtopic.php?id=14">Список персонажей</a>•
<br>--------------------------------
<br>•<a href="http://youwin.mybb.ru/viewtopic.php?id=45#p2086">Сюжет</a>•
<br>--------------------------------
<br>•<a href="http://youwin.mybb.ru/viewtopic.php?id=19">Занятые внешности</a>•
<br>--------------------------------
<br>•<a href="http://youwin.mybb.ru/viewtopic.php?id=16">Шаблон анкеты</a>• 
<br>--------------------------------
<br>•<a href="http://youwin.mybb.ru/viewtopic.php?id=20">Нужные персонажи</a>• 
<br>--------------------------------
<br><b>• <a href="http://youwin.mybb.ru/viewforum.php?id=20">Акции</a>•</b>
<br>--------------------------------
<br>
<br></DIV></DIV>
</div></div></td>
</tr>
<tr><td valign="top" rowspan="2" width="60%"><div style="background:#c8c6c2; border: 1px solid #55423a; padding: 5px;">
    <center><br><b>•</b> Уважаемые игроки и гости проекта! 
<br>Период летних отпусков постепенно заканчивается, пора возвращаться в строй. 
Мы понимаем, учебу/работу, да и вообще реальную жизнь, никто не отменял, 
но напоминаем, что пункты <a href="http://youwin.mybb.ru/viewtopic.php?id=19#p655"><u>правил</u></a> <b>2.16</b> и <b>2.17</b> действуют в полную силу. Просьба ознакомится тем, кто еще не в курсе, и принять к сведению;
<br>
<br><b>•</b>   Для вновь прибывших участников - не забываем про заполнение <b><a href="http://youwin.mybb.ru/viewtopic.php?id=46#p2101">личного звания </a></b> и тему <b><a href="http://youwin.mybb.ru/viewtopic.php?id=19#p655">"Занятые внешности"</a></b>. Также не медлим, вливаемся в игру - темы <b><a href="http://youwin.mybb.ru/viewtopic.php?id=27#p961">"Поиск партнера для игры" </a></b> и <b><a href="http://youwin.mybb.ru/viewtopic.php?id=30#p965">"Обсуждение сюжета" </a></b> в вашем распоряжении.
<br>______________________________<br>
<br><b>•</b> После переклички освободилось много канонических ролей, очень нужных для сюжета. Просим обратить внимания на таких персонажей, как <b>Марлен МакКиннон, Доркас Медоуз, Питер Петтигрю, Барти Крауч-ст., Алекто Керроу</b>.  Подробнее для ознакомления - тема <a href="http://youwin.mybb.ru/viewtopic.php?id=20">Нужные персонажи</a>;
<br>
<br><img src="http://savepic.su/2363999m.gif">

     <br><b>•</b> В случае возникновение любых вопросов –  
<br>администрация с радостью со всем поможет и все расскажет;
<br>
<br>______________________________<br>
     
    <br><b>•</b> Новые квесты находятся на последней стадии разработки и будут вот-вот выложены. акже сменен дизайн, и форум готовится к празднованию полугодия. 
<br>Не проходите мимо!</center></div></td><td valign="top" ><div style="margin-left:20px; "><div style="background:#c8c6c2; border: 1px solid #55423a; padding: 5px;">
<center><br>  <b>30 января 1980 года (среда), 
<br>12:00-20:00</b><br>
<br><img src="http://savepic.su/2382431m.gif">
<br>
<br> Морозный январский день. Небо ясное, но тучи постепенно обволакивают небосвод. Сильный ветер. К вечеру ожидается снег, возможна даже небольшая метель.
<br>
<br>___________<br>
<br>
<br>Первый месяц нового года приносит с собой новые неприятности для одних и огромное количество нерастраченных возможностей для других..</center>
</div></div></td>
</tr>
<tr><td valign="top" ><div class="spll">
<DIV><div class=splLink href="javscript://"><img src="http://savepic.su/2392658.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
--------------------------------
<br><b>• <a href="http://youwin.mybb.ru/viewtopic.php?id=91">Объявления администрации</a>•</b>
<br>--------------------------------
<br>•<a href="http://youwin.mybb.ru/viewtopic.php?id=27#p961">Поиск партнера для игры</a>•
<br>--------------------------------
<br>•<a href="http://youwin.mybb.ru/viewtopic.php?id=30#p965">Обсуждения сюжета</a>•
<br>--------------------------------
<br>•<a href="http://youwin.mybb.ru/viewtopic.php?id=46#p2101">Личное звание</a>•
<br>--------------------------------
<br>•<a href="http://youwin.mybb.ru/viewtopic.php?id=25#p959">Выяснения отношений</a>•
<br>--------------------------------
<br>•<a href="http://youwin.mybb.ru/viewtopic.php?id=23#p957">Аватаризация</a>•
<br>--------------------------------
<br>•<a href="http://youwin.mybb.ru/viewtopic.php?id=36#p1135">Заявки на создание и перенос тем</a>•
<br>--------------------------------
<br>
<br></DIV></DIV>
</div></td>
</tr>
</table></center>

Вроде бы настроила, как вам нужно, но, если что:

majj написал(а):

можно ли верхнюю кнопку (та что 1) сдвинуть чуть влево. так чтобы она была по центру окна 2?

Ищем и изменяем значение

<tr>
<td valign="top" colspan="2"><div style="margin-left:200px; "><div

majj написал(а):

а между 2 и 3 чуть-чуть по больше, так сказать по заметней слегка, расстояние сделать?

Аналогично, ищем и изменяем.

<td valign="top" ><div style="margin-left:20px; "><div style="background:#c8c6c2; border: 1px solid #55423a; padding: 5px;">
<center><br>  <b>30 января 1980 года (среда),

+1