Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (15)


Таблицы на заказ (15)

Сообщений 401 страница 420 из 1000

1

Продолжение темы Таблицы на заказ (14).
Напомню требования:

При заказе таблиц от вас требуется:
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.

Заказы типа "Сделайте: Как там!" также приниматься не будут. Потрудитесь нарисовать макет таблицы самостоятельно.

И помните, чем подробнее опишите то, что нужно, тем точнее получите результат.

+3

401

Rion Leonheart
Спасибо!

0

402

Доброго времени суток!
Знаю что это не есть хорошо, но из этой темы, из 317 поста, свиснул себе табличечку, уж очень она мне понравилась, только вот до конца не могу заточить под свой форум.
Кнопочки "АКТУАЛЬНОЕ""О НАС""РЕКЛАМА" как мне кажется сдвинуты вправо((
О Великий Гуру!! Помоги :,(
ссылка на тестовик - http://tb.rolevaya.ru/

0

403

1. Ссылка на форум: http://savanna-legends.ru
2. Эскиз:

http://s5.uploads.ru/9DcnN.jpg

код на уже имеющуюся таблицу
Код:
<style>    
#menu {
margin-top: -2px;
height: 47px;
width:100%;
background-repeat : no-repeat;
}
#menu span {
border:1px solid # 8f7468
text-align:left;
font: normal 100% Trebuchet Mst;
display:inline-block;
color:# 1c1c1d;
margin: 9px 10px;
padding: 10px;
}
#submenu,#menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background: url(http://s1.uploads.ru/6us5v.png);
}
#menu .tabactive {
color: #8f7468;
    background:0;
}
#submenu {
padding: 0px;
height: 300px;
border:1px solid #8f7468;
text-align: center;
font: normal 100% Trebuchet Ms;
font-size: 14px;
width: 640px;
}
.submenutext {
display: none; 
height: 40px;
}
</style>
<center><table style="width: 640px">
<tbody>
  <tr>
   <td valign=top valign=center>
 <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;"><font color=#660000><b>Контейнер 1</b></font></span>
<span alt="#sm2" style="cursor: pointer;"><font color=#660000><b>Контейнер 2</b></font></span>
<span alt="#sm3" style="cursor: pointer;"><font color=#660000><b>Контейнер 3</b></font></span>
<span alt="#sm4" style="cursor: pointer;"><font color=#660000><b>Контейнер 4</b></font></span>
<span alt="#sm5" style="cursor: pointer;"><font color=#660000><b>Контейнер 5</b></font></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;padding:10px;height:280px;overflow-y: non;">  
<p>
<table>
<tr>
<td rowspan="2">

<div style="text-align:right;"><font color=#660000><b>надпись</b></font></div><br/><div style="text-align: center; width: 370px ; height: 220px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 98%; height: 215px; overflow-y: scroll; ">текст</div></div>
</td>
<td><div style="text-align:right;"><font color=#660000><b>надпись</b></font></div><br/><div style="text-align: center; width: 200px ; height: 90px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 98%; height: 88px; overflow-y: scroll; ">текст</div></div></td>
</tr>
<tr>
<td><div style="text-align:right;"><font color=#660000><b>надпись</b></font></div><br/><div style="text-align: center; width: 200px ; height: 90px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 98%; height: 88px; overflow-y: scroll; ">текст</div></div>
</td>
</tr>
</table>

</div>
     

<div id="sm2" class="submenutext">
<table>
<tr>
<td>
<div style="text-align:right;"><font color=#660000><b>надпись</b></font></div><br/><div style="text-align: center; width: 300px ; height: 220px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 98%; height: 215px; overflow-y: scroll; ">текст</div></div>
</td>
<td>
<div style="text-align:right;"><font color=#660000><b>надпись</b></font></div><br/><div style="text-align: center; width: 300px ; height: 220px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 98%; height: 215px; overflow-y: scroll; ">текст</div></div>
</td>
</tr>
</table>

</div>

<div id="sm3" class="submenutext"><center>
<div style="text-align:right; padding-right: 15px;"><font color=#660000><b>надпись  
</b></font></div><br/><div style="text-align: center; width: 600px ; height: 220px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 98%; height: 215px; overflow-y: scroll; ">текст</div></div>

</center></div>

<div id="sm4" class="submenutext"><center>
<table>
<tr>
<td><center>
<font color=#660000><b>надпись</b></font></center><br/><div style="text-align: center; width: 290px ; height: 70px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 98%; height: 68px; overflow-y: scroll; ">текст</div></div>
</td>
<td><center>
<font color=#660000><b>надпись</b></font></center><br/><div style="text-align: center; width: 290px ; height: 70px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 98%; height: 67px; overflow-y: scroll; ">текст</div></div>
</td>
</tr>
<tr>
<td colspan="2"><center>
<font color=#660000><b>надпись</b></font></center><br/><div style="text-align: center; width: 590px ; height: 120px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 98%; height: 115px; overflow-y: scroll; ">текст</div></div>
</td>
</tr>
</table>

</p></center></div>
    
 <div id="sm5" class="submenutext"><center>
<table>
<tr>
<td><div style="text-align: center; width: 120px ; height: 185px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><img src="картинка" /></div>
</td>
<td><div style="text-align: center; width: 120px ; height: 185px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><img src="картинка" /></div>
</td>
<td><div style="text-align: center; width: 120px ; height: 185px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><img src="картинка" /></div>
</td>
<td><div style="text-align: center; width: 120px ; height: 185px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><img src="картинка" /></div>
</td>
</tr>
<tr>
<td><div style="text-align: center; width: 120px ; height: 80px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 98%; height: 77px; overflow-y: scroll; ">текст</div></div>
</td>
<td><div style="text-align: center; width: 120px ; height: 80px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 98%; height: 77px; overflow-y: scroll; ">текст</div></div>
</td>
<td><div style="text-align: center; width: 120px ; height: 80px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 100%; height: 78px; overflow-y: scroll; ">текст</div></div>
</td>
<td><div style="text-align: center; width: 120px ; height: 80px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 98%; height: 77px; overflow-y: scroll; ">текст</div></div>
</td>
</tr>
</table>

</center></div>

</div> </td></tr></tbody></table> 
<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>

3)
- Мне нужно, что бы немного видоизменили и дополнили уже имеющуюся таблицу - добавить кнопки на контейнер в нижней части таблицы, что бы получилось как на картинке. (4 кнопки вверху, 4 кнопки внизу)
- 6,7,8 контейнеры пусть будут пустыми, мы их сами потом заполним как нужно.

0

404

halloween.,

самое главное не указали - ссылку на форум, где будет функционировать таблица?
*звиняюсь, сразу не посмотрел, что нет адреса...

0

405

МухХа,

Показать код

В html-верх:

Код:
<style type="text/css">
/* Настройки объявления */
#pun-announcement .container {margin: 0 1em 0 1em; padding-top: 1em;}

#slider2 h3 {
  margin: 2px 0 6px 0;
  font: bold italic 15px 'palatino linotype', serif;
  letter-spacing: 1px;
  }

#slider2 h4 {
  margin: 2px 0 2px 0;
  font: bold italic 12px arial, sans-serif;
  letter-spacing: 1px;
  }

.scroll-boom {
  margin: 1px;
  height: 220px;
  overflow-y: auto;
  }

#pic-gall img {
  width: 50px;
  height: 50px;
  border: 1px solid black;
  margin: 1px;
  }

.bord-line {
  width: 97%;
  margin: 1px 2px;
  border: 2px solid #58764E;

  -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
     -moz-border-radius: 5px;
       -o-border-radius: 5px;
          border-radius: 5px;
  }
</style>

<!-- Настройки слайдера -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0010/b4/f8/71526.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/78275.js"></script>

В объявление:

Код:
<!-- Cлайдер -->
<center><div id="slider2" slide-width="720" slide-height="260" class="slider" style="padding:0;height:0;width:0">
<!-- Две Кнопки слайдера -->
<img button-width="40" class="button-left hide" src="http://s5.uploads.ru/4jnwW.png"/>
<img button-width="40" class="button-right" src="http://s4.uploads.ru/ehurK.png"/>

<!-- 1-й Контейнер слайдера -->
<div class="slider-content active">

<table style="width: 100%; height: 255px; border: none;" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 30%;" align="center" valign="top">
<h3>News</h3>
<div class="bord-line">
<div class="scroll-boom">

Текст новостей

</div>
</div>
</td>
<td style="width: 40%;" align="center" valign="top">
<h3>Description</h3>
<div class="bord-line">
<div class="scroll-boom">

Текст

</div>
</div>
</td>
<td style="width: 30%;" align="center" valign="top">
<h3>Administration</h3>
<div class="bord-line">
<div class="scroll-boom" id="pic-gall">
<h4>Создатель</h4>

<img src="ссылка на аватар"/>

<h4>Администраторы</h4>

<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>

<h4>Модераторы</h4>

<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>

<h4>Пиарщики</h4>

<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>

<h4>Дизайнер</h4>

<img src="ссылка на аватар"/>

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

</div>
<!-- 2-й Контейнер слайдера -->
<div class="slider-content">

<table style="width: 100%; height: 255px; border: none;" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 20%;" align="center" valign="top">
<h3>Описание</h3>
<div class="bord-line" style="width: 95%;">
<div class="scroll-boom">

текст

</div>
</div>
</td>
<td style="width: 20%;" align="center" valign="top">
<h3>В игре</h3>
<div class="bord-line" style="width: 95%;">
<div class="scroll-boom">

текст

</div>
</div>
</td>
<td style="width: 20%;" align="center" valign="top">
<h3>Погода</h3>
<div class="bord-line" style="width: 95%;">
<div class="scroll-boom">

текст

</div>
</div>
</td>
<td style="width: 20%;" align="center" valign="top">
<h3>Навигация</h3>
<div class="bord-line" style="width: 95%;">
<div class="scroll-boom">

текст

</div>
</div>
</td>
<td style="width: 20%;" align="center" valign="top">
<h3>Объявления</h3>
<div class="bord-line" style="width: 95%;">
<div class="scroll-boom">

текст

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

</div>
<!-- 3-й Контейнер слайдера -->
<div class="slider-content">

<table style="width: 100%; height: 255px; border: none;" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 40%;" align="center" valign="top">
<h3>Баннеры</h3>
<div class="bord-line">
<div class="scroll-boom">

(кнопки)

</div>
</div>
</td>
<td style="width: 30%;" align="center" valign="top">
<h3>Наш баннер</h3>
<div class="bord-line" style="margin: 1px; width: 97%; height: 220px;">

(кнопа)

</div>
</td>
<td style="width: 30%;" align="center" valign="top">
<h3>Баннеры партнеров</h3>
<div class="bord-line">
<div class="scroll-boom">

(кнопы)

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

</div></div></center><script>$("#slider2").slideF(1,700);</script><!--//End Cлайдер -->

P.S.:
- предварительно Удалить код стиля старой таблицы (html-верх), спойлер-контейнер (html-низ) и ее саму (объявление);
- что и куда вписывать/вставлять - подписано;
- я конечно извиняюсь за проявленную инициативу и замену ваших стрелачек на свои, но предоставленные вами портили всю картину  http://mybb.ru/f/collection/0224.gif;
- ну и когда поставите, увидите, что границы несколько иначе получились, чем на эскизе, ибо заголовки обводить нет смысла - это же не кнопки, и даже не ссылки  http://mybb.ru/f/collection/0224.gif.

Отредактировано Rion Leonheart (Вт, 25 Июн 2013 16:05:30)

+1

406

Pride, не там начали ширину править.

Подсказка

Обновите html-верх:

Код:
<style type="text/css">
/* Настройки объявления и расположение стрелок слайдера */
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em;}

.blgr h3 {
  margin-top: 2px;
  margin-bottom: 5px;
  font: bold normal 11px arial, sans-serif;
  text-shadow: 1px 1px 1px white; 
  }

#menu {margin: 0px; margin-bottom: 8px;}

#menu span {
  display: block;
  padding: 0px;
  margin: 0px;
  width: 100px;
  font: bold normal 1em arial, sans-serif;
  text-transform: uppercase;
  }

#menu .tabactive {color: maroon;}

#submenu {
  padding: 0px;
  width: 780px;
  }

.submenutext {
  display: none;
  text-align: center;
  width: 770px;
  padding: 5px;
  height: 400px;
  }


td.right, td.left {
  display: block;
  position: absolute;
  z-index: 1001;
  margin-top: 214px;
  }

td.right {
  margin-left: -100px;
  }

td.left {
  margin-left: 100px;
  }
</style>

<!-- Настройки слайдера погоды -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0010/b4/f8/71526.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/78275.js"></script>

И объявление (мне некогда показывать, где какие размеры подправить надо было):

Код:
<!-- Основная таблица -->
<center><table class="blgr" style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center">
    <center><div id="menu">
<!-- Таблица кнопок (вложение 1) -->
<table style="width: 45%; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 15%;" align="center"><span alt="#sm1" style="cursor: pointer;">Актуальное</span></td>
<td style="width: 15%;" align="center"><span alt="#sm2" style="cursor: pointer;">О нас</span></td>
<td style="width: 15%;" align="center"><span alt="#sm3" style="cursor: pointer;">Реклама</span></td>
</tr>
</table>
<!-- Конец Вложения 1 -->
    </div></center>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- Контент первой вкладки -->
<table style="width: 100%; height: 200px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 33%;" align="center" valign="top">

<h3>Администрация вещает:</h3>

<div style="width: 100%; height: 380px; overflow-y: auto;">
<!-- Блок новостей от администрации -->

Новости от АМС 

<!-- Конец -->
</div>
</td>
<td style="width: 33%;" valign="top">

<center><!-- Cлайдер --><div id="slider2" slide-width="260" slide-height="200" class="slider" style="padding:0;height:0;width:0">
<!-- Две Кнопки слайдера -->
    <img button-width="20" class="button-left hide" src="http://s1.uploads.ru/CoJIq.png"/>
    <img button-width="20" class="button-right" src="http://s1.uploads.ru/p0vgF.png"/>
<!-- 1-й Контейнер слайдера -->
<div class="slider-content active">

контент 1

</div>
<!-- 2-й Контейнер слайдера -->
<div class="slider-content">

2-й Контент

</div>
<!-- 3-й Контейнер слайдера -->
<div class="slider-content">

3-й Контент

</div></div><script>$("#slider2").slideF(1,700);</script><!--//End Cлайдер --></center>

</td>
<td style="width: 33%;" align="center" valign="top">

<h3>События в игре:</h3>

<div style="width: 100%; height: 380px; overflow-y: auto;">
<!-- Блок событий в игре -->

Что происходит в игре

<!-- Конец -->
</div>
</td>
</tr>
</table>
<!-- Конец первой вкладки -->
</div>

     <div id="sm2" class="submenutext">
<!-- Контент второй вкладки -->
<table style="width: 100%; height: 400px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 60%;" align="center" valign="top">

<div style="width: 100%; height: 280px;">
<!-- Таблица верхушки АМС (вложение 2) -->
<table style="width: 100%; height: 150px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 70%;"><h3>Администраторы:</h3></td>
<td style="width: 30%;"><h3>Главный модератор:</h3></td>
</tr>
<tr>
<td>

<img style="width: 80px; height: 80px;" src="http://pic.jpg" title="name_1, work_1"/>
<img style="width: 80px; height: 80px; margin-right: 6px; margin-left: 6px;" src="http://pic.jpg" title="name_2, work_2"/>
<img style="width: 80px; height: 80px;" src="http://pic.jpg" title="name_3, work_3"/>

</td>
<td>

<img style="width: 80px; height: 80px;" src="http://pic.jpg" title="name_4, work_4"/>

</td>
</tr>
</table>
<!-- Конец вложения 2 -->
<!-- Таблица помощников (вложение 3) -->
<table style="width: 100%; height: 130px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;"><h3>Модераторы:</h3></td>
<td style="width: 50%;"><h3>Помощники форума:</h3></td>
</tr>
<tr>
<td>

<img style="width: 50px; height: 50px;" src="http://pic.jpg" title="name_5, work_5"/>
<img style="width: 50px; height: 50px; margin-right: 3px; margin-left: 3px;" src="http://pic.jpg" title="name_6, work_6"/>
<img style="width: 50px; height: 50px; margin-right: 3px;" src="http://pic.jpg" title="name_7, work_7"/>

</td>
<td>

<img style="width: 50px; height: 50px;" src="http://pic.jpg" title="name_8, work_8"/>
<img style="width: 50px; height: 50px; margin-right: 3px; margin-left: 3px;" src="http://pic.jpg" title="name_9, work_9"/>
<img style="width: 50px; height: 50px; margin-right: 3px;" src="http://pic.jpg" title="name_10, work_10"/>

</td>
</tr>
</table>
<!-- Конец вложения 3 -->
</div>

<div style="width: 100%; height: 118px;">

<h3>Визитка:</h3>
<!-- Блок визитки -->

text

<!-- Конец -->
</div>

</td>
<td style="width: 20%;" align="center" valign="top">

<h3>Ссылки:</h3><br/>

<!-- Блок ссылок -->
<a href="http://kuda-to.ru/">Тема 1</a><br/><br/>
<a href="http://kuda-to.ru/">Тема 2</a><br/><br/>
<a href="http://kuda-to.ru/">Тема 3</a><br/><br/>
<a href="http://kuda-to.ru/">Тема 4</a><br/><br/>
<a href="http://kuda-to.ru/">Тема 5</a><br/><br/>
<a href="http://kuda-to.ru/">Тема 6</a>
<!-- Конец -->

</td>
<td style="width: 20%;" align="center" valign="top">

<!-- Блок выпадающего меню -->
<form> 
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> 
<option>Меню форума</option> 
<option value="http://kuda-to.ru/">Тема_1</option>
<option value="http://kuda-to.ru/">Тема_2</option>
<option value="http://kuda-to.ru/">Тема_3</option>
</select> 
</form>
<!-- Конец -->

<h3>Связь с администрацией:</h3>

<div style="width: 100%; height: 170px;">
<!-- Блок связи с КП -->

text

<!-- Конец -->
</div>

<h3>Акции:</h3>

<div style="width: 100%; height: 170px;">
<!-- Блок акций -->

text

<!-- Конец -->
</div>
</td>
</tr>
</table>
<!-- Конец второй вкладки -->
</div>

     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->
<table style="width: 100%; height: 400px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 60%; height: 240px;" align="center" valign="top">

<h3>Партнеры:</h3>
<!-- Блок партнеров -->

text

<!-- Конец блока -->
</td>
<td style="width: 40%;" align="center" valign="middle" rowspan="2">
<div style="width: 250px; height: 240px; padding: 5px;">
<!-- Блок доп. информации -->

Информация о рекламных ходах

<!-- Конец блока -->
</div>
</td>
</tr>
<tr>
<td style="height: 160px;" align="center" valign="top">

<h3>Баннерообмен:</h3>
<!-- Блок баннерообмена -->

text

<!-- Конец блока -->
</td>
</tr>
</table>
<!-- Конец третьей вкладки -->
</div>
   </td>
</tr>
 </tbody>
</table></center>
<!-- Конец основной таблицы -->

0

407

Mirexis,

Исправлено

обновите объявление:

Код:
<div style="text-align:center;font-size: 14px;"><b>Интересный и приятный раздел -</b> <a href="http://savanna-legends.ru/viewtopic.php?id=418#p24491"><b>«Фрикадельки»</b></a> || <b>Удобства ради -</b>  <a href="http://savanna-legends.ru/viewtopic.php?id=342#p17018"><b>«Игровая навигация»</b></a></div>

<style>    
#menu-top, #menu-bot {
  width: 100%;
  height: 45px;
  margin-top: 5px;
  margin-bottom: 5px;
  }

#menu-top span, #menu-bot span {
  border: 1px solid #8f7468;
  text-align: center;
  display: block;
  margin: 0 5px;
  padding: 5px 0 2px 0;
  }

#submenu, #menu-top span, #menu-bot span {
  -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
     -moz-border-radius: 15px;
       -o-border-radius: 15px;
          border-radius: 15px;
  }


#submenu {
  padding: 0px;
  height: 300px;
  border: 1px solid #8f7468;
  text-align: center;
  font: normal 14px Trebuchet Ms;
  width: 640px;
  }

.submenutext {
  display: none; 
  height: 40px;
  }
</style>

<center><table style="width: 640px; border: none;" cellspacing="0" cellpadding="0">
<tbody>
  <tr>
   <td>
 <div id="menu-top">
<table style="width: 100%; border: none;" cellspacing="0" cellpadding="0">
<td><span alt="#sm1" style="cursor: pointer;"><img src="http://s2.uploads.ru/t/OhxAj.png" border="0" /></span></td>
<td><span alt="#sm2" style="cursor: pointer;"><img src="http://s3.uploads.ru/t/dgICp.png" border="0" /></span></td>
<td><span alt="#sm3" style="cursor: pointer;"><img src="http://s3.uploads.ru/t/kjPlh.png" border="0" /></span></td>
<td><span alt="#sm4" style="cursor: pointer;"><img src="http://s3.uploads.ru/t/KrPlM.png" border="0" /></span></td>
</tr>
</table>
    </div>
   </td>
  </tr>
 <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 

<div id="sm1" class="submenutext" style="display: block; padding: 5px; height: 280px;">  
<p>
<table>
<tr>
<td rowspan="2"> <img src="https://forumstatic.ru/files/0012/2e/e3/85153.png">
</div>
<div style="text-align: center; width: 410px; height: 250px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;">
<div style="width: 100%; height: 250px; overflow-y: auto;">
<b>Важно знать </b>
<font color=#FF33000><br><b>•25.06.13 Поздравляем с днем рождения Артемию и Тессу. Хотелось бы пожелать им скорейшего возвращения</b>
<br><b>•24.06.13 Поздравляем нашу Митски с днем рождения. Желаем тебе всего няшного и мимимишного</b></font>
<br><b>•21.06.13</b> - день летнего Солнцестояния. День будет самым длинным, а ночь - самой короткой в этом году!!
<br><b>•20.06.13 </b> Поздравляем наших Ravage и Урагана с днем рождения. Всего вам самого самого!!
<br><b>•17.06.13 </b> Просьба игрокам завершить игровые эпизоды, что бы мы могли перейти к наступлению утра. Если кто-то еще хочет что-то кому-то сказать, это не возбраняется, но кому говорить нечего, отписываемся в произвольном порядке и усыпаем!
<br><b>•17.06.13 </b> <a href="http://savanna-legends.ru/pages/obitateli">Обитатели Африканской Саванны </a> разрешенный к регистрации
<br><b>•14.06.13 </b> Поздравляем с днем рождения нашу гиену Джуд.
<br><b>•11.06.13 </b> Лаконичность и емкость »» <a href="http://savanna-legends.ru/viewtopic.php?id=561#p38081"><b>подробнее</b></a>
<br><b>•09.06.13 </b> Поздравляем всех жителей Саванны с всемирный днем Дружбы!!
<br><b>•02.06.13 </b> Поздравляем нашу ОКами с днем рождения. Всего всего тебе самого хорошего!!
<br><b>•01.06.13 </b> С Наступление Лета, столь желанного и долгожданного!! 
<br><b>•30.05.13 </b> Добавлены дополнительные веселые смайлики для вне игрового разнообразия
<br><b>•22.05.13 </b> Бекеша сегодня празднует свой день рождения, с чем мы её и поздравляем. Надеемся, что она вернется к нам уже совсем скоро
<br><b>•20.05.13 </b> Сегодня мы все вместе празднуем Национальный праздник Республики Камерун!!
<br><b>•13.05.13 </b> Обновлена игровая навигация. Просьба должников не задерживать отыгрышь и следить за игровой очередностью.
<br><b>•07.05.13 </b> Встречаем обновленные и исправленные
<br><a href="http://savanna-legends.ru/pages/spiski"><b>Списки жителей Саванны</b></a>
<br><b>•05.05.13 </b> С днем Пасхи!!

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

<td><img src="https://forumstatic.ru/files/0012/2e/e3/80575.png"><div style="text-align: center; width: 185px ; height: 90px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;">
<a href="http://forum-top.ru/vote/120" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/tmp/informer_120.gif" alt="Рейтинг форумов Forum-top.ru" /></a>

<a href="http://top.roleplay.ru/15796" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88"height="31"></a>

<a href='http://wizardtop.ru/in.php?id=1427' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/9.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>

<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=15270' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=15270&cid=counter2007_22.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=15270&cid=counter2007_22.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>
<br> <img src="http://s2.uploads.ru/CcQGf.png"><font color=#FF33000><b>Кликаем ежедневно</b></font><img src="http://s2.uploads.ru/CcQGf.png">

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

<tr>
<td><img src="https://forumstatic.ru/files/0012/2e/e3/56164.png"><div style="text-align: center; width: 185px ; height: 110px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 100%; height: 110px; overflow-y: auto; ">

В саванне ночь, гроза. Не забываем искать своим персонажам укрытие и укладывать их спать. Если ваших собеседников долго нет - можете их бросить. Все, кто останутся ночью без укрытия - пострадают ^^ 

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

</div>
     

<div id="sm2" class="submenutext"> <center>
<table>
<tr>
<td>
<center><img src="https://forumstatic.ru/files/0012/2e/e3/88937.png"></center>
<div style="text-align: center; width: 365px ; height: 250px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"> <div style="width: 100%; height: 250px; overflow-y: auto;">

<b>Оставили игровой пост</b> » отпишитесь в <a href="http://savanna-legends.ru/viewtopic.php?id=342&p=4">Этой</a>  ветке
<br>
<br><b>Тошио•</b>  в <a href="http://savanna-legends.ru/viewtopic.php?id=30&p=3">Пещере </a>» Прайд Кисасиана
<br><b>Асаби•</b>  в <a href="http://savanna-legends.ru/viewtopic.php?id=30&p=3">Пещере </a>» Прайд Кисасиана
<br><b>Юстина•</b>  в <a href="http://savanna-legends.ru/viewtopic.php?id=30&p=3">Пещере </a>» Прайд Кисасиана
<br><b>Джефф•</b>  под <a href="http://savanna-legends.ru/viewtopic.php?id=34">Большим Деревом </a>» Прайд Кисасиана
<br><b>Авина•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=377&p=3#p36956">Поляне</a>» Прайд Кинаи
<br><b>Зарен•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=72&p=4">Скале Славы</a> » Брошенный Прайд
<br><b>Ситха•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=47&p=2">Кладбище</a> » Окраины Саванны
<br><b>Хондо•</b> в <a href="http://savanna-legends.ru/viewtopic.php?id=541">Логове шиены</a> » Окраины Саванны
<br><b>Минта•</b> в <a href="http://savanna-legends.ru/viewtopic.php?id=74&p=2#p27183">Выжженной Саванне</a> » Брошенный Прайд
<br><b>Toma•</b> в <a href="http://savanna-legends.ru/viewtopic.php?id=49">Пещере</a> » Окраины Саванны
<br><b>Бинко•</b> в <a href="http://savanna-legends.ru/viewtopic.php?id=81&p=2">Джунглях</a>» Прайд Кинаи
<br><b>Янте•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=62">Поваленом дереве</a>» Прайд Кинаи
<br><b>Хайвера•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=46&p=2#p26142">Границах</a> » с Прайдом Кинаи
<br><b>Наутайл•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=44&p=2">Границах</a> » с Прайдом Кисасиана
<br><b>Заид•</b> на <a href=http://savanna-legends.ru/viewtopic.php?id=134&p=2">Озере Виктория </a>» Свободная Саванна
<br><b>Аура•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=38&p=3">Равнине </a>» Свободная Саванна
<br><b>Мануш•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=66#p11642">Озере Ньяса </a>» Свободная Саванна
<br><b>Танаби•</b> в <a href="http://savanna-legends.ru/viewtopic.php?id=64">Пещере </a>» Свободная Саванна


</div></div>
</td>
<td>
<center><img src="https://forumstatic.ru/files/0012/2e/e3/46594.png"></center>
<div style="text-align: center; width: 215px ; height: 230px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;">

<b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=336">Львиное Безумие</a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=308">Считалка</a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=275#p10051">Игра на Сообразительность</a><b>•</b>

<br><br><img src="https://forumstatic.ru/files/0012/2e/e3/44112.png">
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=535"><b>«Крик души»</b></a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=536"><b>«Вопли радости»</b></a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=472">Десятка сокровенностей</a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=483#p29515"> Кисасиан. Какой он? </a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=335">Предложения по конкурсам</a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=400#p21506">Дизайн под настроение</a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=334">Чего не хватает Форуму?</a><b>•</b>

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

</center></div>

<div id="sm3" class="submenutext"><center>
<center><img src="https://forumstatic.ru/files/0012/2e/e3/64126.png"></center>
<table>
<tr>
<td>

<div style="text-align: center; width: 300px ; height: 200px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 100%; height: 200px; overflow-y: auto;">

<a href="http://savanna-legends.ru/viewtopic.php?id=2"><b>•</b><b>Правила нашего Форума</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=6"><b>•</b>Выбираем имена для персонажей<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=24#p45"><b>•</b><b>Образец Заполнения Анкет</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=155"><b>•</b>Раздаем готовых персонажей<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=7"><b>•</b><b>Оформляем Профиль и Подпись</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=342#p17018"><b>•</b>Игровая навигация<b>•</b></a>
<br><a href="http://savanna-legends.ru/pages/spiski"><b>•</b><b>Списки жителей Саванны</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=451#p26926"><b>•</b>Метаморфозы<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=13&p=6"><b>•</b><b>Награды и Медальки</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=26"><b>•</b>Правила Ведения Дневников<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=418#p24491"><b>•</b><b>Фрикадельки</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=443#p26492"><b>•</b>Наши дни рождения<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=17#p35"><b>•</b><b>Преступления и наказания</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=234&p=2"><b>•</b>Статистический отдел Ролевой<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=568"><b>•</b><b>Мы в Каталогах</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=412"><b>•</b>Администрация форума<b>•</b></a>

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

<td>
<div style="text-align: center; width: 300px ; height: 200px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;">

<a href="https://forumstatic.ru/files/0010/5f/2b/23470.doc"><b>•</b>Chronicles of the Pride Lands.doc<b>•</b></a>
<br><br><b>С основными событиями Вы можете ознакомиться </b> <a href="http://korollion12.rusff.ru/viewtopic.php?id=153"><b>Здесь</b></a>
<br>
<br><a href="http://savanna-legends.ru/pages/obitateli">Обитатели Африканской Саванны </a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=3"><b>•</b><b>Свод Законов Прайда Кисасиана</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=27#p102"><b>•</b>Внутренняя жизнь Прайда Кисасиана<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=67"><b>•</b><b>Свод Законов Прайда Кинаи</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=157"><b>•</b>Внутренняя жизнь Прайда Кинаи<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=39#p64"><b>•</b><b>Важное для одиночек</b><b>•</b></a>

</div>
</td>
</tr>
</table>
<img src="http://img.by/i/pawswalk.gif">
</center></div>

<div id="sm4" class="submenutext"><center>
<table>
<tr>
<td>
<center><img src="https://forumstatic.ru/files/0012/2e/e3/51839.png"></center>
<div style="text-align: center; width: 590px ; height: 110px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;">

Реклама осуществляется со специального аккаунта.<br/>
Ник-<b>PR </b>Пароль<b>-1111</b> 
<br><a href="http://savanna-legends.ru/viewtopic.php?id=364"><b>•Правила Размещения Рекламы•</b></a> || <a href="http://savanna-legends.ru/viewtopic.php?id=35"><b>•Заявки на Партнерство•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=364#p37267"><b>•Наша реклама•</b></a> 
<br><a href="http://savanna-legends.ru/viewtopic.php?id=265"><b>•Банерообмен•</b></a> || <a href="http://savanna-legends.ru/pages/banneri"><b>•Ваши Баннеры•</b></a>


</div>
</td>

<tr>
<td colspan="2">
<div style="text-align: center; width: 590px ; height: 100px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;">

<center><div style="text-align:center;font-size: 14px;"><b>•Форумы поддержки и помощи•</b></div></center>

<br>
<center>
<a href="http://lylife.ru/" title="Ты еще не с нами?" target=_blank> <img src="https://forumstatic.ru/files/000b/09/4f/76237.gif" border="0" alt="Live Your Life"></a>
<a href="http://colorforum.ru" title="Колорфорум любит тебя!" target=_blank> <img src="https://forumstatic.ru/files/000c/77/06/88262.gif" border="0" alt="COLOR FORUM"></a>
<a target="_blank" href="http://tank.mybb.ru" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://s0.uploads.ru/fnV4R.gif" border="0"></a>
<a target="_blank" href="http://forumdts.org/"><img src="http://s1.uploads.ru/i/sGx3B.gif" title="ForumDesign TS - Дизайн для форумов и техническая поддержка"></a>
<a href="http://designforwolves.rolka.su/" target="_blank"><img src="http://s53.radikal.ru/i142/1108/61/2ccc4404c9c5.gif" alt="Поддержка форумов о волках. Поможем всем!"></a>
<a href="http://roleclub.rusff.ru/" target="_blank" ><img src="https://forumupload.ru/uploads/000f/f7/3a/4005-1.png" title="Role Club - форум, посвящённый ролевым играм." /></a>

<br>
<a href="http://whitepiar.ru" title="Здесь может быть ваша реклама!" target=_blank> <img src="https://forumstatic.ru/files/0010/0e/ae/72982.gif" border="0" alt="White PR"></a>
<a href="http://imagiart.ru/" title="photoshop: Renaissance" target=_blank> <img src="http://s1.uploads.ru/5ls0J.gif" border="0" alt="photoshop: Renaissance"></a>
<a href="http://96kingdom.ru/" alt="96kingdom" title="96kingdom" target=_blank> <img src="https://forumstatic.ru/files/0012/66/88/90608.png" border="0" ></a>
<a href="http://dragonsden.mybb.ru/"><img src="http://s2.uploads.ru/3sd2y.gif"></a>
<a href="http://podderggka.mybb.ru"><img border="0"  src="http://s1.uploads.ru/i/Pp9KQ.gif" border="0"alt="Поддержка форумов про животных."></a>
<a href="http://reviews.rusff.ru/" target="_blank"><img src="http://uploads.ru/i/T/O/C/TOCa7.gif" title=""Пёс" помощь форумам, обзоры, критика" width="88" height="31"></a>
</center>


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

</p></center></div>
    
 <div id="sm5" class="submenutext"><center>

<table>
<tr>
<td><div style="text-align: center; width: 140px ; height: 40px; border-radius: 10px; padding: 5px;">

<center><img src="https://forumstatic.ru/files/0012/2e/e3/29134.png"></center>

</div>
</td>

<td><div style="text-align: center; width: 140px ; height: 40px; border-radius: 10px; padding: 5px;">
<center><img src="https://forumstatic.ru/files/0012/2e/e3/73215.png"></center>

</div>
</td>

<td><div style="text-align: center; width: 140px ; height: 40px; border-radius: 10px; padding: 5px;">
<center><img src="https://forumstatic.ru/files/0012/2e/e3/76481.png"></center>

</div>
</td>

<td><div style="text-align: center; width: 140px ; height: 40px; border-radius: 10px; padding: 5px;">
<center><img src="https://forumstatic.ru/files/0012/2e/e3/66240.png"></center>

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

<tr>
<td>
<hr><center>Создатель форума. К нему Вы можете обратиться по любому поводу, и с любыми возникающими вопросами.</center>
</td>
<td>
<hr><center>Следит за организационно игровым разделом, а так же за соблюдением порядка и правил на нашем форуме.</center>
</td>
<td>
<hr><center>Всегда поможет с игровым поиском и подборкой партнеров для игры. Не знаете, с чего начать? Гарм Вам подскажет.</center>
</td>
<td>
<hr><center>Дизайнер, находчивый и талантливый. Им были разработаны дизайны <b>"Halloween"</b>  и <b>"Zebra"</b>. Открыт для свежих идей.</center>
</td>
</tr>
</table>
<br><a href="http://savanna-legends.ru/pages/admini"><b>•</b><b>Связь с администрацией форума</b><b>•</b></a>
</div>

<div id="sm6" class="submenutext">

Контент шестой вкладки

</div>

<div id="sm7" class="submenutext">

Контент седьмой вкладки

</div>

<div id="sm8" class="submenutext">

Контент восьмой вкладки

</div>

</div> 
</td></tr>
  <tr>
   <td>
 <div id="menu-bot">
<table style="width: 100%; border: none;" cellspacing="0" cellpadding="0">
<td><span alt="#sm5" style="cursor: pointer;"><img src="http://s3.uploads.ru/t/EdTKR.png" border="0" /></span></td>
<td><span alt="#sm6" style="cursor: pointer;"><img src="сслыка на пикчу" border="0" /></span></td>
<td><span alt="#sm7" style="cursor: pointer;"><img src="сслыка на пикчу" border="0" /></span></td>
<td><span alt="#sm8" style="cursor: pointer;"><img src="сслыка на пикчу" border="0" /></span></td>
</tr>
</table>
    </div>
   </td>
  </tr>
</tbody></table>

<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-top span, div.#menu-bot span").click(function() {
    $("div.#menu-top span, div.#menu-bot span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<center><img src="https://forumstatic.ru/files/0012/2e/e3/99993.png"></center>
<center><html>
<head>
<title>HTML код таблицы, примеры</title>
</head>
<body>
<table border="2">
<tr>
<td>
<a href='http://tlkagain.rusff.ru/' target="_blank" ><img src="http://s3.uploads.ru/dgl8p.gif" border="0" title="Lion King: Over again"></a>
<a href=http://tlkthebeginning.ru/ target=blank><img src=http://s1.uploads.ru/i/H1VOu.gif alt="Король Лев Начало"></a>
<a href="http://newlewking.mybb.ru/" target="blank"><img src="http://savepic.su/1312226.gif" alt="Король лев: Новая жизнь">
<a href="http://tlk.0bb.ru/" target=_blank><img src="http://s019.radikal.ru/i622/1204/1a/613ef2e7fe19.png" border="0" title="HanNok. The lions life" width=88 height=31></a>
<a href='http://warriorscats.1bb.ru/' target="_blank" ><img src="http://savepic.ru/1584892.gif" border="0" title="сыграй с нами. в жизнь"></a>
<a href="http://wolves.roleforum.ru"><img src="http://uploads.ru/i/j/Y/H/jYHwu.gif" 
title="Последний Рай | Волчьи Истории"></a>
<a target="_blank" href="http://wolfpeople.mybb.ru/"><img src="http://s3.uploads.ru/pX9da.gif"></a></a>
<a href="http://wolvessignatureblood.rolka.su/" target="_blank"><img src="http://s50.radikal.ru/i129/0911/8b/9d41ca0a52d5.jpg" alt="†Волки: подпись кровью†"></a>

<br>
<a href=http://fantasy-wave.com/><img src="http://s018.radikal.ru/i504/1204/ba/80a7402d85b7.gif"></a>
<a href="http://daantebellum.rolka.su/"><img src="http://s001.radikal.ru/i196/1202/aa/cb00e78ac8c5.gif" border="0" width="85" height="31" alt=" Dragon Age: Ante Bellum"></a>
<a href="http://masseffectfromashes.rolka.su/"><img border="0" src="http://s1.uploads.ru/4ac5K.gif"title="Mass Effect: From Ashes"></a>
<a href="http://ps-master.ru/" title="MASTERSHIP" target=_blank> <img src="http://ps-master.ru/files/0012/80/7e/26675.gif" border="0"</a>
<a href="http://elf-lied.ru/" target=_blank><img src="http://s1.uploads.ru/pNjHt.gif" title="Elfen Lied - ролевой форум"></a>
<a href="http://alarmme.ru/" title="Alarm with LA me" target=_blank> <img src="http://uploads.ru/i/c/j/Z/cjZiL.gif"></a" border="0" alt="LA me"></a>
<a href="http://walkingdead.rusff.ru"><img src="https://forumstatic.ru/files/0011/3c/b5/95251.gif"title="Atlanta:Deadly Sinners"></a>
<a href="http://charlottesweb.ru/" target=_blank> <img src="http://s1.uploads.ru/i/0Y8HL.png" border="0"alt="Charlotte's Web" width=88 height=31></a>

</td>
</tr>
</table>
</body>
</html> </center>

0

408

Rion Leonheart
А как же я? :(

0

409

Rion Leonheart
http://lillistorm.mybb.ru/

0

410

Aдель, а вашу и оставшихся - сегодня. Вчера времени хватило только на правку, ибо быстрее переделать пару кнопок, чем новую таблицу сделать ;) тем более что у меня все записаны, не пропущу

+1

411

Rion Leonheart
Уиии  http://mybb.ru/f/collection/0230.gif Спасибо!

0

412

Rion Leonheart, Благодарю. А можно попросить эту же таблицу, но с кнопками справа и слева?  Прост оя вот не пойму, как будет лучше смотреться, так или так.. Если не затруднит, конечно

0

413

Mirexis написал(а):

Rion Leonheart, Благодарю. А можно попросить эту же таблицу, но с кнопками справа и слева?  Прост оя вот не пойму, как будет лучше смотреться, так или так.. Если не затруднит, конечно

Много кнопок сразу - раздражают:
Лучше без кнопок - слайдером,
либо кнопок не более 4-5 - остальное подразделение делать внутри вкладок( внутри вкладки доп таблица с переключаемыми вкладками, либо слайдер)

0

414

Mirexis написал(а):

А можно попросить эту же таблицу, но с кнопками справа и слева?  Прост оя вот не пойму, как будет лучше смотреться, так или так..

Можно, но позже. Если не передумаете  http://mybb.ru/f/collection/0224.gif

0

415

1. Эскиз:
http://s4.uploads.ru/t/Zp70s.png

2. Ссылка на форум:
http://milano.rusff.ru

3. Ширина трех верхних контейнеров в соотношении(%)  28-44-28, в контейнерах 2 и 3 вертикальная прокрутка.
Желательно сделать фон ячеек с 50% прозрачностью, границы - 1пт
Высоты верхних и нижних контейнеров в одинаковой пропорции, примерно по 150-200 рх.
Желательно чтобы ячейки были в форме эллипса.

Заранее благодарю))

0

416

halloween.,

Показать код

В html-верх:

Код:
<style type="text/css">
/* Настройки объявления */
#pun-announcement .container {
  margin-top: 20px;
  margin-right: 1.5em;
  padding-top: 1em;
  }

#menu {margin: 0px;}

#menu span {
  display: block;
  padding: 0px;
  margin: 0px;
  text-align: center;
  }

#submenu {
  padding: 5px;
  width: 710px;
  }

.submenutext {
  display: none;
  text-align: center;
  padding: 5px;
  height: 200px;
  }

.submenutext h3 {
  margin: 2px 0 5px 0;
  font: bold normal 14px 'times new roman', serif;
  font-variant: small-caps;
  }

.ava_band img {
  width: 60px;
  height: 55px;
  margin: 1px 2px;
  }

.nav {width: 150px;}
.nav a {
  display: block;
  color: #000;
  background-color: #8C9982;
  text-align: center;
  width: 150px;
  padding: 2px 0 2px 0;
  margin-top: 1px;
  text-decoration: none;
  }

.nav a:hover {
  background-color: transparent;
  text-decoration: none;
  }
</style>

В объявление:

Код:
<!-- Основная таблица -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu">
<!-- Кнопачки -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0"><tr>
<td><span alt="#sm1" style="cursor: pointer;"><img src="http://i46.fastpic.ru/big/2013/0614/65/0c1f2770d9561b49ee0a6188709ee565.png"/></span></td>
<td><span alt="#sm2" style="cursor: pointer;"><img src="http://i46.fastpic.ru/big/2013/0614/65/0c1f2770d9561b49ee0a6188709ee565.png"/></span></td>
<td><span alt="#sm3" style="cursor: pointer;"><img src="http://i46.fastpic.ru/big/2013/0614/65/0c1f2770d9561b49ee0a6188709ee565.png"/></span></td>
<td><span alt="#sm4" style="cursor: pointer;"><img src="http://i46.fastpic.ru/big/2013/0614/65/0c1f2770d9561b49ee0a6188709ee565.png"/></span></td>
</tr></table>
<!-- Конец кнопок -->
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- Контент первой вкладки -->
<table style="width: 100%; height: 200px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;" align="center" valign="top">

<h3>Новости:</h3>
<div style="width: 100%; height: 180px; overflow-y: auto;">

<b>xx/xx/xx:</b> текст
<br/>
<b>xx/xx/xx:</b> текст
<br/>
<b>xx/xx/xx:</b> текст

</div>
</td>
<td style="width: 50%;" align="center" valign="top">

<h3>АМС:</h3>

<div class="ava_band">
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
</div>

<h3>Доброго времени суток, гости!</h3>

текст приветствия

</td>
</tr>
</table>
<!-- Конец -->
</div>
     <div id="sm2" class="submenutext">
<!-- Контент второй вкладки -->
<table style="width: 100%; height: 200px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 33%;" align="center" valign="top">

<h3>Для вас:</h3>
<div class="nav">
<a href="ссылка на тему">Название_1</a>
<a href="ссылка на тему">Название_2</a>
<a href="ссылка на тему">Название_3</a>
<a href="ссылка на тему">Название_4</a>
<a href="ссылка на тему">Название_5</a>
<br/>
<a href="ссылка на тему">Название_6</a>
<a href="ссылка на тему">Название_7</a>
<a href="ссылка на тему">Название_8</a>
</div>
</td>
<td style="width: 34%;" align="center" valign="top">

<h3>Для нас:</h3>
<div class="nav">
<a href="ссылка на тему">Название_1</a>
<a href="ссылка на тему">Название_2</a>
<a href="ссылка на тему">Название_3</a>
<a href="ссылка на тему">Название_4</a>
<a href="ссылка на тему">Название_5</a>
<br/>
<a href="ссылка на тему">Название_6</a>
<a href="ссылка на тему">Название_7</a>
<a href="ссылка на тему">Название_8</a>
</div>
</td>
<td style="width: 33%;" align="center" valign="top">

<h3>И на заказ:</h3>
<div class="nav">
<a href="ссылка на тему">Название_1</a>
<a href="ссылка на тему">Название_2</a>
<a href="ссылка на тему">Название_3</a>
<a href="ссылка на тему">Название_4</a>
<a href="ссылка на тему">Название_5</a>
<br/>
<a href="ссылка на тему">Название_6</a>
<a href="ссылка на тему">Название_7</a>
<a href="ссылка на тему">Название_8</a>
</div>
</td>
</tr>
</table>
<!-- Конец -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->
<table style="width: 100%; height: 200px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;" align="center" valign="middle">

<h3>Активные игроки:</h3>

<div class="ava_band">
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
</div>

</td>
<td style="width: 50%;" align="center" valign="middle">

<h3>Игрок недели:</h3>

<img style="width: 120px; height: 60px;" src="ссылка на аватар"/>

</td>
</tr>
</table>
<!-- Конец -->
</div>
     <div id="sm4" class="submenutext">
<!-- Контент четвертой вкладки -->
<h3>Пиар-агенту в помощь:</h3>
<center><div class="nav">
<a href="ссылка на тему">Название_1</a>
<a href="ссылка на тему">Название_2</a>
<a href="ссылка на тему">Название_3</a>
</div></center>

<h3>Баннеры партнеров:</h3>

(кнопки)

<h3>Наш баннер:</h3>

(кнопка)

<!-- Конец -->
</div>
</div>
</td>
</tr>
</tbody>
</table>
<!-- Конец основной таблицы -->

В html-низ:

Код:
<!-- Спойлер-контейнер -->
<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>

+1

417

Aдельhttp://mybb.ru/f/collection/0229.gif чой-то у меня с головы вылетело, что вы у нас с другого сервиса совсем... Буллиты.

Честно, не знаю - у нас есть скрипт кнопачек, открывающихся спойлерами, но он на вашем движке не будет работать... если Deff прочитает эту тему, мож чего скажет, если не скажет, то - как и в прошлый раз - извините  :(

0

418

1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
http://s5.uploads.ru/t/PeO38.jpg
2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
http://emissar.mybb.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Таблица без границ. Вообще, хотелось бы нечто такое: http://reading.rolevaya.com/

0

419

Rion Leonheart
спасибочки!)

0

420

Aдель,   чой-то у меня с головы вылетело, что вы у нас с другого сервиса совсем... Буллиты.
Честно, не знаю - у нас есть скрипт кнопачек, открывающихся спойлерами, но он на вашем движке не будет работать... если Deff прочитает эту тему, мож чего скажет, если не скажет, то - как и в прошлый раз - извините

Мрь...Я была бы рада, если бы сделали табличку так, как будто бы на mybb. Если не будет работать - посмотрим сами, может там просто надо заменить парочку тегов о.о Воть. ^^

0


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (15)