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 страница 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