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

Объявление

🔴 Разговорный стрим "Время уDEVительных историй"

Дата и время: начало 17 февраля в 17:00 по МСК;
Сделаем обзор на дизайн из нашей постоянной рубрики и расскажем последние новости комьюнити.
Потом будет сессия вопросов и ответов. Прозвучат провокационные и неоднозначные вопросы.
Расчехляйте свой вопросомёт! 🔥 🔥 🔥

Подробности

☕ 7 вечеров с Авалон

Дата: с 17 по 24 февраля;
Тема разговора: администрирование проекта, создание видео и другое творчество;
Присоединяйтесь к обсуждению и подготовьте свои вопросы!

Задать вопрос

GEMcross

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

Посетить

TVD: FACELESS

В каждой истории есть две стороны.
Я и герой, и злодей.

Посетить

ЭНТЕРОС

Магия и технологии, эпизоды, 18+
ПутеводительХотим видетьРасы

Посетить

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

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

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

💰 Продаётся: функционал, упрощающий жизнь админу форума

Ивент-календарь, вкладки и слайдеры в постах облегчат оформление и информирование игроков о событиях на форуме.
Скрипт подсчёта постов за вас посчитает активистов и тех кто не пишет посты в указанных разделах и за указанный период времени.
Чат на отдельной странице на форуме, без регистрации, используются форумные аккаунты.
Ультимативный список тем - картинки, описания и иконки для топиков.

Как купить

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

Поиск роли на текстовых ролевых
Проект от специалистов 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
🎨 Голосуйте за лучшие парные аватарки до 29.02! Отдать голос.
❗ ❗ ❗ 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 страница 4 из 4

1

1. Ссылка на форум:
http://loslobos.rolka.su/
2. Эскиз таблицы:
http://ipic.su/img/img7/fs/tablica.1360248144.jpg
*не обращайте внимания на лишнюю вертикальную линию слева от надписи "высота таблицы..." Случайный косяк ТТ_ТТ
3. Дополнительные предпочтения:
Сделать границы прозрачными.
И, если не сложно, покажите, как настраивается фон для таблицы и свои кнопки вместо "Вкладка 1", "вкладка 2" и т. д. Хочу потом попробовать приукрасить)

0

2

Придется апнуть - как-никак, а всё же это срочно. Извините. )

0

3

Ля-Минор
Заказ принял.. Сегодня-завтра сделаю.
Одно но: будет голый костяк таблицы и меню с вкладками, тогда Вам нужно будет размер картинок во вкладках подгонять под указанный мною размер. Иначе все придется переделывать с нуля.

0

4

Ля-Минор
Ваша таблица

в окно HTML-верх

Код:
<style>
#minor {margin-left: -10px; background: url() no-repeat top center;}
#menu {margin-left: 5px;}

#menu div {
margin: 0 3px;
width: 81px;
text-decoration: none;
float: left;
height: 30px;
line-height: 27px;
}

#menu .tabactive {
color: #E99A57;
}

#submenu {
height: 210px;
text-align: center;
width: 440px;
}

.submenutext {
display: none; 
height: 100%;
padding: 1px;
}
</style>

В окно HTML-низ

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

Таблица в Объявление

Код:
<table cellspacing="1" cellpadding="1" border="0" style="width: 840px; height: 250px;" id="minor">
<tr>
    <td align="center" valign="top" style="width: 200px;">
Ширина колонки 1 - 200 px
	</td>
    <td align="center" valign="top" style="width: 440px;">
<!--- Вкладки --->
<table cellspacing="0" cellpadding="0" style="width: 100%;">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu">
<div alt="#sm1" "style="cursor: pointer;">Кнопка 1</div>
<div alt="#sm2" "style="cursor: pointer;">Кнопка 2</div>
<div alt="#sm3" "style="cursor: pointer;">Кнопка 3</div>
<div alt="#sm4" "style="cursor: pointer;">Кнопка 4</div>
<div alt="#sm5" "style="cursor: pointer;">Кнопка 5</div>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
Содержимое 1-й кнопки
	 </div>
     <div id="sm2" class="submenutext"><br /><br />
Содержимое 2-й кнопки
	 </div>
     <div id="sm3" class="submenutext"><br /><br />
Содержимое 3-й кнопки
	 </div>
     <div id="sm4" class="submenutext"><br /><br />
Содержимое 4-й кнопки
	 </div>
     <div id="sm5" class="submenutext"><br /><br />
Содержимое 5-й кнопки
	 </div>

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

<!--- END Вкладки --->
	</td>
    <td align="center" valign="top" style="width: 200px;">
Ширина колонки 2 - 200 px
	</td>
</tr>
</table>

Фоновая картинка в таблицу вставляется в стиле, в окне HTML верх найдите строки

#minor {margin-left: -10px; background: url(адрес фонового изображения) no-repeat top center;}

Кнопки картинками можете вставлять вместо текста так:

<div id="sm1" class="submenutext" style="display:block;">
<img src="адрес картинки" alt="" border="0">
</div>

Эти картинки должны быть размером не более 80х30 пикселей.

0