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
SuggestionsReviews

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

1

1. Ссылка на форум: http://ioioproba.mybb.ru
2. Эскиз таблицы:
контейнер с горизонтальными вкладками, без фона. Кнопки наверху.
http://s5.uploads.ru/SujER.png - 1
http://s4.uploads.ru/BbMrR.png - 2
http://s5.uploads.ru/Yyptj.png - 3
http://s4.uploads.ru/YFNI5.png - 4
http://uploads.ru/?g=SujER.png 5
3. Дополнительные предпочтения:
желательно, чтобы (скроллинг?) бегунок появлялся сразу же, как только текст начнет выходить за границы таблицы. Размер - примерно 850 на 230. Под разделителем я подразумеваю тэг <hr>.

0

2

актуально

0

3

Если позволите, вот:

Таблица
Код:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />



	<style type="text/css">
	/* <![CDATA[ */
    /*  Стили для первой группы вкладок */
    #tabs-body{
    	clear: both;
    	width: 808px;
    	height: 230px;
    	border: solid 1px #000;
    	text-align: justify;
    	overflow: auto;
    } 
    #tabs-body div{
    	padding: 10px;	
    	margin: 0px;
    }
    #tabs-list {
    	list-style: none;
    	margin-left: 0px;
    	padding: 0px;    
    }
    #tabs-list li a {   
    	padding: 5px 10px;
    	margin: 0px;
    	display: block;
    }
    #tabs-list li {
    	float: left;
    	width: 147px;
    	border: solid 1px #666;
    	border-bottom: none;
    	margin-left: 11px;    	
    }    
    
    .current{
    }
    /* ]]> */
	</style>

	

<ul id="tabs-list">
  <li><a class="some" href="#tab-1">Вкладка 1</a></li>
  <li><a class="some" href="#tab-2">Вкладка 2</a></li>
  <li><a class="some" href="#tab-3">Вкладка 3</a></li>
  <li><a class="some" href="#tab-4">Вкладка 4</a></li>
  <li><a class="some" href="#tab-5">Вкладка 5</a></li>  
</ul>

<div id="tabs-body">	
	<div id="tab-1" style=overflow: auto;>
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
    <p><b>Бесцельно шатаясь по улицам, парень вдруг замер, откидывая голову назад: звёзд почти не видно, луна неестественного жёлтого оттенка. Как сыр. Смеётся собственным ассоциациям лениво, бессильно. Всё это – как-то паршиво.</b></p>
	</td>
	</tr>
	</table>
	<hr>
	<table width='100%'>
	<tr>
	<td width='30%'>
    <p>Не этому ли тебя учили? Не в этом ли ты убеждал себя сам? Всё должно было закончиться. Рано или поздно – кончается всё. Тебе ли не знать об этом, без пяти минут Пятидесятый? Книжник усмехается горько, делая очередной шаг в никуда. Ветер едва ощутим, город, кажется, неживой, тяжелый и дышать – тяжело. Знал, знал, прекрасно знал, никогда не забывал, думал, был уверен, что готов. Думал – всё будет не так. Или просто хотел верить? Сколько раз говорил себе: "тебя это не касается, Лави"? Сколько раз опровергал данные слова, кидаясь в омут с головой? Ради чего стремился стать сильнее? Неужели только для того, чтобы потом сложить оружие вместе с именем?</p>
	</td>
	<td width='70%'>
	</td>
	</tr>
	</table>
    </div>
	
    <div id="tab-2">
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
    <a href = 'http://img6.joyreactor.cc/pics/comment/%D0%9A%D0%BE%D0%BC%D0%B8%D0%BA%D1%81%D1%8B-%D0%BF%D0%B8%D1%80%D0%B0%D1%82%D1%81%D1%82%D0%B2%D0%BE-%D0%BF%D0%BE%D0%B4%D1%81%D1%82%D0%B0%D0%B2%D0%B0-%D1%83%D0%B4%D0%B0%D0%BB%D1%91%D0%BD%D0%BD%D0%BE%D0%B5-289176.jpeg'>Жизненно</a> &diams; <a href = 'http://cs418326.vk.me/v418326718/11275/8_BG5tg-wF8.jpg'>Море?</a>
	</td>
	</tr>
	</table>
	<hr>
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
    <a href = 'http://cs408529.vk.me/v408529513/1fbe/t3vYjb-3vDM.jpg'>Котятки</a> &diams; <a href = 'http://cs418326.vk.me/v418326718/11248/xcKsWhszAKE.jpg'>ОУ-ВО-О-О-У!</a>
	</td>
	</tr>
	</table>
    </div>
	
    <div id="tab-3" style=overflow: auto;>
	<table width='100%'>
	<tr>
	<td width='30%' align = 'center'>
    <img src = 'https://forumstatic.ru/files/000f/1a/00/54970.jpg'>
	</td>

	<td width='50%'>
    <p>Бесцельно шатаясь по улицам, парень вдруг замер, откидывая голову назад: звёзд почти не видно, луна неестественного жёлтого оттенка. Как сыр. Смеётся собственным ассоциациям лениво, бессильно. Всё это – как-то паршиво.</p>
    <p>Не этому ли тебя учили? Не в этом ли ты убеждал себя сам? Всё должно было закончиться. Рано или поздно – кончается всё. Тебе ли не знать об этом, без пяти минут Пятидесятый? Книжник усмехается горько, делая очередной шаг в никуда. Ветер едва ощутим, город, кажется, неживой, тяжелый и дышать – тяжело. Знал, знал, прекрасно знал, никогда не забывал, думал, был уверен, что готов. Думал – всё будет не так. Или просто хотел верить? Сколько раз говорил себе: "тебя это не касается, Лави"? Сколько раз опровергал данные слова, кидаясь в омут с головой? Ради чего стремился стать сильнее? Неужели только для того, чтобы потом сложить оружие вместе с именем?</p>
    <p>Помнишь, как чёрные звёзды стирали лицо? На нём не было улыбки, лишь отчаянье, панический страх, безмолвный крик: я не хочу умирать. Помнишь: ты ставил на жизнь другую. Смеялся открыто, забыв о том, что должен роль играть. Тебе верили, себе верил и ты сам. Помнишь: переплетённые пальцы, дурманящий аромат? Его обрезанные волосы, что после сжимал в руках? Крик, режущий эхом по сердцу, слабость, дрожь, тающий мир в глазах? Помнишь холодный голос, равнодушно читающий отчёт, но в конце усмехающийся победно: это войне конец. Помнишь? Помнишь. Помнишь.</p>
	</td>
	</tr>
	</table>
    </div>
	
	<div id="tab-4" style=overflow: auto;>
	<table width='100%'>
	<tr>
	<td width='100%'>
    <p><center><b>А Д М И Н С Т Р А Ц И Я</b></center><p>
	</td>
	</tr>
	</table>

	<table width = '100%'>
	<tr>
	<td width='50%' align = 'center'>
    <a href = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'></a>
	</td>
	
	<td width='50%' align = 'center'>
    <a href = 'https://forumstatic.ru/files/000f/1a/00/87135.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/87135.jpg'></a>
	</td>
	</tr>
	
	<tr>
	<td width='50%' align = 'center'>
    <a href = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'></a>
	</td>
	
	<td width='50%' align = 'center'>
    <a href = 'https://forumstatic.ru/files/000f/1a/00/47688.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/47688.jpg'></a>
	</td>
	</tr>
	</table>
    </div>
	
    <div id="tab-5" style=overflow: auto;>
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
    <p>Я сегодня открыл холодильник.</p>
        <p>На тарелке лежит голова.</p>
        <p>Я со страху уронил кипятильник.</p>
        <p>А она улыбнулась едва.</p>
	</td>
	</tr>
	</table>
	<hr>
	<table width='100%'>
	<tr>
	<td width='100' align = 'center'>
    <img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'>   <img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'>
	</td>
	</tr>
	</table>
	</div>
</div>

<script type="text/javascript" src="http://dgmtw.f-rpg.ru/files/0013/5b/95/72165.js"></script>
<script type="text/javascript" src="http://dgmtw.f-rpg.ru/files/0013/5b/95/33369.js"></script>

Если возникнут вопросы - обращайтесь.

+1

4

Посмотреть как выглядит можно на тестовом форуме.

0

5

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

0

6

Посмотрите ещё раз на тестовом форуме, если я вас  правильно понял, то замените код первой вкладки на:

Код:
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
    <p><b>Приветствие</b></p>
	</td>
	</tr>
	</table>
	<hr>
	<table width='100%'>
	<tr>
	<td width='48%' valign = 'top'>
    <p>Ваш текст</p>
	</td>
	
	<td width = '4%'>
	</td>
	
	<td width='48%'>
	<p>Ваш текст</p>
	</td>
	</tr>
	</table>

0

7

+ как вставить картинки в кнопки?

0

8

<ul id="tabs-list">
  <li><a class="some" href="#tab-1">Вкладка 1</a></li>
  <li><a class="some" href="#tab-2">Вкладка 2</a></li>
  <li><a class="some" href="#tab-3">Вкладка 3</a></li>
  <li><a class="some" href="#tab-4">Вкладка 4</a></li>
  <li><a class="some" href="#tab-5">Вкладка 5</a></li> 
</ul>

Вместо красного ставите

<img src="Ссылка"/>

0

9

Deff, гм, так просто. Спасибо)
и у меня осталось всего два вопроса.
1. При обновлении страницы содержимое пятой вкладки постоянно появляется во всех вкладках. Стоит нажать на самую пятую вкладку, как проблема исчезает. Что это?
2. Можно ли установить скроллинг лишь для правого столбца первой вкладки и\или раздельный скроллинг для обоих колонок?

0

10

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

Код
Код:
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<style type="text/css">
/* <![CDATA[ */
#menu span {
padding-left: 10px; 
width: 149px;
text-decoration: none;
}

#menu .tabactive {
background: transperent;
}

#submenu {
padding: 0px;
height: 230px;
text-align: justify;
overflow: auto;
width: 809px;
background: none;
border: 1px solid #000;
}
/* ]]> */
</style>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<table style="width: 809px;">
<tbody>
<tr>
<td>
<div id="menu">

<span alt=#sm1 style="cursor: pointer;"><img src="http://dgmtw.f-rpg.ru/files/0013/5b/95/16528.jpg
"></span>
<span alt=#sm2 style="cursor: pointer;"><img src="http://dgmtw.f-rpg.ru/files/0013/5b/95/16528.jpg
"></span>
<span alt=#sm3 style="cursor: pointer;"><img src="http://dgmtw.f-rpg.ru/files/0013/5b/95/16528.jpg
"></span>
<span alt=#sm4 style="cursor: pointer;"><img src="http://dgmtw.f-rpg.ru/files/0013/5b/95/16528.jpg
"></span>
<span alt=#sm5 style="cursor: pointer;"><img src="http://dgmtw.f-rpg.ru/files/0013/5b/95/16528.jpg
"></span>

</div>
</td>
</tr>

<tr>
<td id="MenuTxT"  align="center" valign="top">
<div id="submenu" align="center"> 

<div id="sm1" class="submenutext" style="display:block;" style=overflow: auto;><br>
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
    <p><b>Бесцельно шатаясь по улицам, парень вдруг замер, откидывая голову назад: звёзд почти не видно, луна неестественного жёлтого оттенка. Как сыр. Смеётся собственным ассоциациям лениво, бессильно. Всё это – как-то паршиво.</b></p>
	</td>
	</tr>
	</table>
	<hr>
	<table width='100%'>
	<tr>
	<td width='48%' valign = 'top'>
    <p>Не этому ли тебя учили? Не в этом ли ты убеждал себя сам? Всё должно было закончиться. Рано или поздно – кончается всё. Тебе ли не знать об этом, без пяти минут Пятидесятый? Книжник усмехается горько, делая очередной шаг в никуда. Ветер едва ощутим, город, кажется, неживой, тяжелый и дышать – тяжело. Знал, знал, прекрасно знал, никогда не забывал, думал, был уверен, что готов. Думал – всё будет не так. Или просто хотел верить? Сколько раз говорил себе: "тебя это не касается, Лави"? Сколько раз опровергал данные слова, кидаясь в омут с головой? Ради чего стремился стать сильнее? Неужели только для того, чтобы потом сложить оружие вместе с именем?</p>
	</td>
	
	<td width = '4%'>
	</td>
	
	<td width='48%'>
	<p>Берёт длинную прядь осторожно, улыбается - восхищённо.</p>
    <p>- Ты сияешь как солнце. Как утреннее солнце, - совершенно непринуждённый, в глаза заглядывает доверчиво - открыто.</p>
    <p>Хочет тянуться к этому солнцу, быть рядом, наблюдать как оно становится дневным, почти обжигая, как клонится к закату: такое тёплое, ощутимое - дыхание перехватывает.</p>
    <p>- Как красиво ... - говорит с придыханием, так и не отводя внимательного взгляда.</p>
    <p>
    <p>А когда наступает ночь, что-то обрывается и он смотрит, поджав губы, как уходит под воду то, что ещё вчера было столь близко. Но ведь мечтали, ведь обещал показать - куда же ты? Неверяще, дрожащей рукой тянется - ловит лишь отражение луны. Падает в, кажется, бесконечный сон.</p>
    <p>
    <p>Но просыпается. Словно от толчка, цепляется за чужую одежду отчаянно - всё так же ярко, всё так же согревает. А сердце бьётся в панике, отдавая в висках.</p>
    <p>- Останься, пожалуйста, - говорит сперва тихо, говорит сперва хрипло, - прошу, не уходи так же: только не так, - смотрит с мольбой, широко распахнутыми глазами.</p>
    <p>
    <p>Руку протянутую держит крепко, все вопросы откидывая назад: верит - этого достаточно.</p>
	</td>
	</tr>
	</table>
 </div>


<div id="sm2" class="submenutext" style=overflow: auto;><br>
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
    <a href = 'http://img6.joyreactor.cc/pics/comment/%D0%9A%D0%BE%D0%BC%D0%B8%D0%BA%D1%81%D1%8B-%D0%BF%D0%B8%D1%80%D0%B0%D1%82%D1%81%D1%82%D0%B2%D0%BE-%D0%BF%D0%BE%D0%B4%D1%81%D1%82%D0%B0%D0%B2%D0%B0-%D1%83%D0%B4%D0%B0%D0%BB%D1%91%D0%BD%D0%BD%D0%BE%D0%B5-289176.jpeg'>Жизненно</a> &diams; <a href = 'http://cs418326.vk.me/v418326718/11275/8_BG5tg-wF8.jpg'>Море?</a>
	</td>
	</tr>
	</table>
	<hr>
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
    <a href = 'http://cs408529.vk.me/v408529513/1fbe/t3vYjb-3vDM.jpg'>Котятки</a> &diams; <a href = 'http://cs418326.vk.me/v418326718/11248/xcKsWhszAKE.jpg'>ОУ-ВО-О-О-У!</a>
	</td>
	</tr>
	</table>
</div>


<div id="sm3" class="submenutext" style=overflow: auto;><br>
	<table width='100%'>
	<tr>
	<td width='30%' align = 'center'>
    <img src = 'https://forumstatic.ru/files/000f/1a/00/54970.jpg'>
	</td>

	<td width='50%'>
    <p>Бесцельно шатаясь по улицам, парень вдруг замер, откидывая голову назад: звёзд почти не видно, луна неестественного жёлтого оттенка. Как сыр. Смеётся собственным ассоциациям лениво, бессильно. Всё это – как-то паршиво.</p>
    <p>Не этому ли тебя учили? Не в этом ли ты убеждал себя сам? Всё должно было закончиться. Рано или поздно – кончается всё. Тебе ли не знать об этом, без пяти минут Пятидесятый? Книжник усмехается горько, делая очередной шаг в никуда. Ветер едва ощутим, город, кажется, неживой, тяжелый и дышать – тяжело. Знал, знал, прекрасно знал, никогда не забывал, думал, был уверен, что готов. Думал – всё будет не так. Или просто хотел верить? Сколько раз говорил себе: "тебя это не касается, Лави"? Сколько раз опровергал данные слова, кидаясь в омут с головой? Ради чего стремился стать сильнее? Неужели только для того, чтобы потом сложить оружие вместе с именем?</p>
    <p>Помнишь, как чёрные звёзды стирали лицо? На нём не было улыбки, лишь отчаянье, панический страх, безмолвный крик: я не хочу умирать. Помнишь: ты ставил на жизнь другую. Смеялся открыто, забыв о том, что должен роль играть. Тебе верили, себе верил и ты сам. Помнишь: переплетённые пальцы, дурманящий аромат? Его обрезанные волосы, что после сжимал в руках? Крик, режущий эхом по сердцу, слабость, дрожь, тающий мир в глазах? Помнишь холодный голос, равнодушно читающий отчёт, но в конце усмехающийся победно: это войне конец. Помнишь? Помнишь. Помнишь.</p>
	</td>
	</tr>
	</table>
</div>




<div id="sm4" class="submenutext" style=overflow: auto;><br>
	<table width='100%'>
	<tr>
	<td width='100%'>
    <p><center><b>А Д М И Н С Т Р А Ц И Я</b></center><p>
	</td>
	</tr>
	</table>

	<table width = '100%'>
	<tr>
	<td width='50%' align = 'center'>
    <a href = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'></a>
	</td>
	
	<td width='50%' align = 'center'>
    <a href = 'https://forumstatic.ru/files/000f/1a/00/87135.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/87135.jpg'></a>
	</td>
	</tr>
	
	<tr>
	<td width='50%' align = 'center'>
    <a href = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'></a>
	</td>
	
	<td width='50%' align = 'center'>
    <a href = 'https://forumstatic.ru/files/000f/1a/00/47688.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/47688.jpg'></a>
	</td>
	</tr>
	</table>
</div>


<div id="sm5" class="submenutext" style=overflow: auto;><br>
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
    <p>Я сегодня открыл холодильник.</p>
        <p>На тарелке лежит голова.</p>
        <p>Я со страху уронил кипятильник.</p>
        <p>А она улыбнулась едва.</p>
	</td>
	</tr>
	</table>
	<hr>
	<table width='100%'>
	<tr>
	<td width='100' align = 'center'>
    <img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'>   <img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'>
	</td>
	</tr>
	</table>
</div>

</div>
</td>
</tr>
</tbody>
</table></center>

0