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

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

Платформа: MyBB.ru (RusFF)
Стоимость: 6500 рублей;
Авторы: Moju & wasurenagusa

Посмотреть

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

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

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

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

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
Suggestions • Reviews

Details
СкрытьПоказать
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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

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

Страница: 1
Тема закрыта

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

1

  • Автор: majj
  • Бестелесный дух прошлого
  • majj
  • Уважение: +4

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

  • Автор: Бу
  • Бестелесный дух прошлого
  • Бу
  • Уважение: +298

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

0

3

  • Автор: Бу
  • Бестелесный дух прошлого
  • Бу
  • Уважение: +298

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

  • Автор: majj
  • Бестелесный дух прошлого
  • majj
  • Уважение: +4

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

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

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

0

5

  • Автор: Бу
  • Бестелесный дух прошлого
  • Бу
  • Уважение: +298

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

Тема закрыта
Страница: 1