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

Объявление

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

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

Подробнее

Мийрон

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

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

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

Предложения

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

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



Таблица с вкладками\волки

Сообщений 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