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

Объявление

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

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

Подробнее

Мийрон

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

Подробнее

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

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее

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

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



Таблица

Сообщений 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 = 'http://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 = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'><img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'></a>
	</td>
	
	<td width='50%' align = 'center'>
    <a href = 'http://forumstatic.ru/files/000f/1a/00/87135.jpg'><img src = 'http://forumstatic.ru/files/000f/1a/00/87135.jpg'></a>
	</td>
	</tr>
	
	<tr>
	<td width='50%' align = 'center'>
    <a href = 'http://forumstatic.ru/files/000f/1a/00/49476.jpg'><img src = 'http://forumstatic.ru/files/000f/1a/00/49476.jpg'></a>
	</td>
	
	<td width='50%' align = 'center'>
    <a href = 'http://forumstatic.ru/files/000f/1a/00/47688.jpg'><img src = 'http://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 = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>   <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://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="Ссылка"/>

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

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

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 = 'http://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 = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'><img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'></a>
	</td>
	
	<td width='50%' align = 'center'>
    <a href = 'http://forumstatic.ru/files/000f/1a/00/87135.jpg'><img src = 'http://forumstatic.ru/files/000f/1a/00/87135.jpg'></a>
	</td>
	</tr>
	
	<tr>
	<td width='50%' align = 'center'>
    <a href = 'http://forumstatic.ru/files/000f/1a/00/49476.jpg'><img src = 'http://forumstatic.ru/files/000f/1a/00/49476.jpg'></a>
	</td>
	
	<td width='50%' align = 'center'>
    <a href = 'http://forumstatic.ru/files/000f/1a/00/47688.jpg'><img src = 'http://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 = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>   <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>  <img src = 'http://forumstatic.ru/files/000f/1a/00/57182.jpg'>
	</td>
	</tr>
	</table>
</div>

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

0