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

Страница: « 1 … 16 17 18 19 20 … 50 »

Сообщений 341 страница 360 из 1000

Поделиться1Ср, 3 Окт 2012 22:19:59

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

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

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

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

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

Поделиться341Вс, 2 Июн 2013 18:11:47

Автор: Apple112
Стремящийся
Зарегистрирован: Пт, 31 Май 2013
Сообщений: 3
Уважение: 0
Позитив: 0
Последний визит:
Пн, 26 Авг 2013 20:21:04

Rion Leonheart
Спасибо огромнейшее! Когда можно будет, плюс поставлю)

Поделиться342Вс, 2 Июн 2013 18:44:57

Автор: OxxTypen
Заслуженный
Зарегистрирован: Вт, 14 Май 2013
Сообщений: 40
Уважение: 0
Позитив: +1
Пол: Женский
Последний визит:
Пн, 10 Июн 2013 21:12:09

Rion Leonheart написал(а):

OxxTypen, здравствуйте.

Если еще актуально, скажите - границы и скругление углов принципиально?

Скругление и границы да, хотелось бы добавить, что бы таблица была прозрачной, т е не розовой

Поделиться343Вт, 4 Июн 2013 11:43:18

Автор: Greed Ling
Заслуженный
Зарегистрирован: Вс, 11 Июл 2010
Сообщений: 22
Уважение: 0
Позитив: +4
Последний визит:
Вс, 17 Сен 2017 21:59:33

1) Эскиз:

2) Ссылка:
http://test4356734.0bb.ru/
3) Прокрутки где указано на эскизе стрелками, выделение цветом нажатых кнопок (с обводкой и с тенью, если можно) "news", "links", ''administration'', "friends & pr", закругленные углы как на эскизе, тень, сами столбики внутри таблице, выделенные серым - лишь с тонкой обводкой, желательно пунктирной, картинки для вставки:
модераторам:

администраторам:

Остальные:

Отредактировано Greed Ling (Вт, 4 Июн 2013 11:48:33)

Поделиться344Вт, 4 Июн 2013 13:51:34

Автор: Confetti
Заслуженный
Зарегистрирован: Ср, 29 Май 2013
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Ср, 27 Авг 2014 13:01:08

эскиз

Форум сейчас в разработке
http://cws.freeff.ru/

Таблица без границ. Остальное, вроде, указано на картинке.
Стрелочки:

Мэп-карта:

Код:

<img src="http://s3.uploads.ru/ajnVo.jpg" width="700" height="560" border="0" usemap="#map" />

<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:User -->
<area shape="poly" coords="385,50,364,61,350,58,338,32,325,18,303,13,281,21,257,42,249,67,262,92,241,116,235,136,244,168,279,167,303,153,312,150,334,158,358,173,393,158,415,161,435,148,432,100,382,102,395,55" href="http://cws.freeff.ru/viewforum.php?id=11" />
<area shape="poly" coords="119,300,132,250,133,219,159,213,307,224,305,253,327,278,370,291,364,313,376,327,349,344,338,365,277,368,250,339,226,336,203,369,159,383,143,311" href="http://cws.freeff.ru/viewtopic.php?id=28" />
<area shape="poly" coords="314,231,325,219,372,216,424,236,424,248,415,263,410,276,402,282,386,288,370,280,330,268" href="http://cws.freeff.ru/viewtopic.php?id=34" />
<area shape="poly" coords="211,1,208,40,141,142,78,191,69,207,69,227,12,283,2,301,5,383,28,330,54,304,105,261,119,252,117,221,129,193,155,193,162,196,178,184,191,155,197,138,227,87,227,63,262,3" href="http://cws.freeff.ru/viewtopic.php?id=26" />
<area shape="poly" coords="697,131,669,134,666,148,645,143,625,161,611,165,598,150,566,154,556,175,580,201,587,218,579,250,587,265,604,329,622,294,649,328,668,345,681,365,701,370" href="http://cws.freeff.ru/viewtopic.php?id=30" />
<area shape="poly" coords="186,185,231,182,269,179,283,172,320,181,361,181,390,188,398,207,377,211,335,212,285,209,250,196,215,209,168,203" href="http://cws.freeff.ru/viewtopic.php?id=27" />
<area shape="poly" coords="479,216,523,156,550,183,559,181,583,215,577,231,518,230,491,227" href="http://cws.freeff.ru/viewtopic.php?id=33" />
<area shape="poly" coords="495,189,503,164,456,153,440,146,438,146,421,161,406,166,394,163,386,176,411,210,388,215,434,235,435,250,451,236,475,229,479,211,494,191" href="http://cws.freeff.ru/viewtopic.php?id=36" />
<area shape="poly" coords="584,339,589,326,582,291,559,274,552,252,525,241,512,234,489,234,478,244,453,241,435,257,420,281,428,280,437,281,450,272,461,279,470,282,479,309,476,313,482,328,458,348,456,353,463,356,475,343,509,344,517,358,535,360,536,367,562,361,590,366,605,340" href="http://cws.freeff.ru/viewtopic.php?id=32" />
<area shape="poly" coords="397,330,382,327,368,312,374,287,382,289,391,295,411,283,415,287,411,298,403,305" href="http://cws.freeff.ru/viewtopic.php?id=35" />
<area shape="poly" coords="572,389,595,370,614,337,614,327,626,300,636,333,636,339,643,343,648,335,653,334,679,379,682,404,663,407,642,427,602,421,586,405" href="http://cws.freeff.ru/viewtopic.php?id=31" />
<area shape="poly" coords="697,421,677,409,666,410,662,413,638,433,639,446,647,461,649,469,657,479,677,466,697,477,697,478,697,479" href="http://cws.freeff.ru/viewtopic.php?id=40" />
<area shape="poly" coords="634,441,637,431,599,424,589,411,565,428,566,447,562,465,565,486,572,507,575,512,596,515,624,558,697,555,696,479,679,471,660,484,649,476" href="http://cws.freeff.ru/viewtopic.php?id=39" />
<area shape="poly" coords="360,554,423,515,415,486,408,485,409,466,401,453,405,445,436,433,435,410,445,393,444,382,461,381,453,363,482,345,510,348,514,362,533,364,537,372,575,369,577,378,567,389,582,411,559,428,561,453,558,464,570,518,595,523,616,557,480,557,427,558,369,556" href="http://cws.freeff.ru/viewtopic.php?id=38" />
<area shape="poly" coords="140,558,133,545,153,522,141,509,156,487,151,478,164,454,174,453,175,439,185,426,194,425,196,418,181,411,178,399,191,382,208,380,219,388,223,389,234,346,245,346,250,380,259,360,270,390,280,387,297,370,338,380,352,366,354,348,383,331,414,342,428,366,429,382,440,390,436,402,431,413,432,429,414,437,400,444,395,456,405,472,404,490,413,492,417,514,360,550,351,558" href="http://cws.freeff.ru/viewtopic.php?id=30" />
<area shape="poly" coords="171,391,150,388,134,311,108,298,87,363,79,344,62,384,37,378,5,414,2,424,0,559,128,558,133,540,146,522,136,509,149,488,148,470,159,451,170,449,176,426,191,421,180,416" href="http://cws.freeff.ru/viewtopic.php?id=29" />
</map>

Отредактировано Confetti (Вт, 11 Июн 2013 00:03:51)

Поделиться345Вт, 4 Июн 2013 15:43:47

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

OxxTypen,

Показать

В html-верх:

Код:

<style>
/* Настройки блока объявления */
#pun-announcement .container {
  margin: 0px;
  }

/* Выравнивание текста в ячейках таблицы */
#my_tab td {
  text-align: center;
  vertical-align: top;
  }

/* Основные заголовки и кнопки */
#my_tab h3, .splLink {
  width: 140px;
  margin: 2px 0 5px 0;
  padding: 2px 3px 5px 3px;
  font: bold italic 14px 'palatino linotype', serif;
  }

/* Доп. параметры кнопок */
.splLink {
  letter-spacing: 1px;
  margin-left: 1px;
  margin-right: 1px;
  }

/* Выпадающий контент кнопок */
.splCont {
  z-index: 1000;
  width: 300px;
  height: auto;
  max-height: 80px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 5px;
  margin-left: -130px;
  padding: 5px;
  background-color: #E6DFCE;
  text-align: center;
  font: normal normal 12px 'Lucida Sans Unicode', sans-serif;
  }

/* Мелких заголовки */
#my_tab h4 {
  margin: 5px;
  font-weight: bold;
  }

/* Блоки, включающие в себя прокрутку */
.block_over {
  width: 150px;
  margin: 5px;
  padding: 5px;
  height: 180px;
  overflow-y: auto;
  }

/* Границы и скругление основных заголовков, кнопок, выпадающего контента и блоков с прокруткой */
#my_tab h3, .splLink, .splCont, .block_over {
  border: 1px solid;
  -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;
          border-radius: 4px;
  }
</style>

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

Код:

<!-- Основная таблица -->
<table id="my_tab" style="width: 100%; height: 200px; border: none;" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 25%;" rowspan="2">
<center><h3 style="width: 60px; letter-spacing: 2px;">News</h3></center>
<div class="block_over">
<!-- Блок новостей -->

<b>30.05.13</b>
Поприветствуем новых игроков: Рысь и Лаванда.

<!-- Конец блока -->
</div>
</td>
<td style="width: 50%; height: 40px;">

<!-- Вложенная таблица с кнопками -->
<center><table style="border: none;" cellspacing="0" cellpadding="0">
<tr>
<td><DIV><div class="splLink" style="width: 70px;">В игре</div>
<DIV style="DISPLAY: none; position: absolute;" class="splCont">
<!-- Контент первой кнопки (в игре) -->

Срочно требуются воители в Реку, Ветер, Тени, можно в Грозу.
Требуются целитель и глашатай в Реку, Ветер, Тени (только целитель), Грозу.
Требуется предводитель в Ветер и Грозу

<!-- Конец -->
</DIV></DIV></td>
<td><DIV><div class="splLink" style="width: 70px;">Лучшие</div>
<DIV style="DISPLAY: none; position: absolute;" class="splCont">
<!-- Контент второй кнопки (лучшие) -->

Здесь будет вывешиваться ник и аватарка лучших игроков. Обновляется каждый месяц 9 числа.

<!-- Конец -->
</DIV></DIV></td>
<td><DIV><div class="splLink" style="width: 70px;">Описание</div>
<DIV style="DISPLAY: none; position: absolute;" class="splCont">
<!-- Контент третьей кнопки (описание) -->

Контент 3

<!-- Конец -->
</DIV></DIV></td>
<td><DIV><div class="splLink" style="width: 70px;">Разное</div>
<DIV style="DISPLAY: none; position: absolute;" class="splCont">
<!-- Контент четвертой кнопки (разное) -->

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

<!-- Конец -->
</DIV></DIV></td>
</tr>
</table></center>
<!-- Конец вложенной таблицы -->

</td>
<td style="width: 25%;" rowspan="2">
<center><h3>Администраторы</h3></center>
<div class="block_over">
<!-- Блок администрации -->

<h4 style="margin-top: 0px;">Создатель:</h4>
<i>Снежная Звезда</i>
<br/>
<h4>Администраторы:</h4>
<i>Снежная Звезда</i>
<br/>
<i>Созвездие Серой Травы</i>
<h4>Мастера игры:</h4>
нужны ещё!
<h4>Модераторы:</h4>
<i>Рысь</i>
<br/>
нужны ещё
<h4>Особые благодарности:</h4>
<i>Снежной Звезде
<br/>
Созвездию Серой Травы
<br/>
И всем игрокам, за то, что они есть.</i>

<!-- Конец блока -->
</div>
</td>
</tr>
<tr>
<td style="height: 160px;">
<center><h3 style="width: 70px;">Погода</h3></center>
<div style="width: 315px; height: 140px; margin: 5px; padding: 5px; border: 1px solid; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;">
<!-- Блок погоды в игре -->

Описание

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

В html-низ:

Код:

<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      if(!$(this).hasClass('Active')){
      $('.splLink').removeClass('Active')
      $('.splLink').parent().children('div.splCont').hide('normal');
      $(this).addClass('Active');$(this).parent().children('div.splCont').show('normal');
      }else {$(this).removeClass('Active');$(this).parent().children('div.splCont').hide('normal');}
      return false;
    });
  });
</script>

Поделиться346Вт, 4 Июн 2013 16:37:10

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Штольц,

Показать код

В html-верх:

Код:

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

/*  Настройки блока ссылок */
#link-blo {
  margin: 68px 0 0 70px;
  width: 243px;
  height: 203px;
  }

#link-blo img {margin-bottom: -2px;}
#link-blo a {display: block;}

/* Настройки вложенной таблицы в объявлении */
#menu {margin-top: 32px;}

#menu span {
  display: block;
  width: 160px;
  height: 37px;
  margin-bottom: 8px;
  padding: 0px;
  }

#submenu {
  height: 236px;
  width: 100%;
  }

.submenutext {
  display: none;
  width: 566px;
  height: 216px;
  overflow-y: auto;
  margin: 5px;
  padding: 5px;
  text-align: center;
  }
</style>

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

Код:

<!-- Основная таблица -->
<table style="width: 1140px; height: 342px; background: transparent url(http://s1.uploads.ru/ojp5e.png) 0 0 no-repeat; border: none;" celpadding="0" cellspacing="0">
<tr>
<td style="width: 330px;" align="left" valign="top">

<div id="link-blo">
<!-- Блок ссылок -->
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s1.uploads.ru/5q8w1.png'" src="http://s1.uploads.ru/GaXry.png" onmouseout="this.src='http://s1.uploads.ru/GaXry.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s1.uploads.ru/OPfs9.png'" src="http://s1.uploads.ru/boIDi.png" onmouseout="this.src='http://s1.uploads.ru/boIDi.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s1.uploads.ru/9cwO0.png'" src="http://s1.uploads.ru/S1niz.png" onmouseout="this.src='http://s1.uploads.ru/S1niz.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s1.uploads.ru/WpqBk.png'" src="http://s1.uploads.ru/iXlFn.png" onmouseout="this.src='http://s1.uploads.ru/iXlFn.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s1.uploads.ru/3dw4X.png'" src="http://s1.uploads.ru/W8gDH.png" onmouseout="this.src='http://s1.uploads.ru/W8gDH.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s1.uploads.ru/qJVMk.png'" src="http://s1.uploads.ru/GYWSx.png" onmouseout="this.src='http://s1.uploads.ru/GYWSx.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s1.uploads.ru/oCQ6d.png'" src="http://s1.uploads.ru/be0ik.png" onmouseout="this.src='http://s1.uploads.ru/be0ik.png'"></a>
<!-- Конец блока -->
</div>

</td>
<td style="width: 810px;" align="left" valign="top">


<!-- Вложенная таблица -->
<table style="width: 586px; border: none; margin: 52px 0 0 6px;" cellpadding="0" cellspacing="0">
 <tbody>
  <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">
<!-- Контент второй вкладки -->

Текст 2

<!-- Конец -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->

Текст 3

<!-- Конец -->
</div>
     <div id="sm4" class="submenutext">
<!-- Контент четвертой вкладки -->

Текст 4

<!-- Конец -->
</div>
</div>
</td>
   <td valign="top" align="center" style="width: 160px;">
    <div id="menu">
<!-- Кнопачки -->
<span alt="#sm1" style="cursor: pointer;"><img onmouseover="this.src='http://s1.uploads.ru/MiwE6.png'" src="http://s1.uploads.ru/6vepU.png" onmouseout="this.src='http://s1.uploads.ru/6vepU.png'"></span>
<span alt="#sm2" style="cursor: pointer;"><img onmouseover="this.src='http://s1.uploads.ru/6ZzAC.png'" src="http://s1.uploads.ru/f1qws.png" onmouseout="this.src='http://s1.uploads.ru/f1qws.png'"></span>
<span alt="#sm3" style="cursor: pointer;"><img onmouseover="this.src='http://s1.uploads.ru/LfEXq.png'" src="http://s1.uploads.ru/F2p6e.png" onmouseout="this.src='http://s1.uploads.ru/F2p6e.png'"></span>
<span alt="#sm4" style="cursor: pointer;"><img onmouseover="this.src='http://s1.uploads.ru/Ak6zG.png'" src="http://s1.uploads.ru/ZQB8L.png" onmouseout="this.src='http://s1.uploads.ru/ZQB8L.png'"></span>
<!-- Конец кнопачек -->
    </div>
   </td>
</tr>
</tbody>
</table>
<!-- Конец Вложенной таблицы -->


</td>
</tr>
</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>

Поделиться347Вт, 4 Июн 2013 16:40:06

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Mech*, здравствуйте.

Опишите, пожалуйста, принцип работы выпадающего меню. А то у меня на это словосочетание одна ассоциация, и что-то мне кажется, она не подходит, потому что вы имеете ввиду что-то другое.

Поделиться348Вт, 4 Июн 2013 17:14:23

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Yamanato,

Слайдер

В html-верх:

Код:

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

#slider2 h3 {
  margin: 2px 0 4px 0;
  text-transform: uppercase;
  font: bold normal 13px 'book antiqua', serif;
  }

.slider-content td, #bor {border: 1px solid #E5DAC5;}

.over-txt-bl {
  width: 100%;
  height: 229px;
  overflow-y: auto;
  }
</style>

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

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

Код:

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


<table style="width: 100%; height: 255px; border: none;" cellpadding="5" cellspacing="0">
<tr>
<td style="width: 50%; bo">

<h3>Title_1</h3><div class="over-txt-bl">


text 1


</div>
</td>
<td style="width: 50%;">

<h3>Title_2</h3><div class="over-txt-bl">


text 2


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


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

<h3>Title_3</h3><div class="over-txt-bl">


text 3

</div>
</div>

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


<table style="width: 100%; height: 255px; border: none;" cellpadding="5" cellspacing="0">
<tr>
<td style="width: 50%;">

<h3>Title_4</h3><div class="over-txt-bl">


text 4


</div>
</td>
<td style="width: 50%;">

<h3>Title_5</h3><div class="over-txt-bl">


text 5


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


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


<table style="width: 100%; height: 255px; border: none;" cellpadding="5" cellspacing="0">
<tr>
<td style="width: 50%;">

<h3>Title_6</h3><div class="over-txt-bl">


text 6


</div>
</td>
<td style="width: 50%;">

<h3>Title_7</h3><div class="over-txt-bl">


text 7


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


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


<table style="width: 100%; height: 255px; border: none;" cellpadding="5" cellspacing="0">
<tr>
<td style="width: 50%;">

<h3>Title_8</h3><div class="over-txt-bl">


text 8


</div>
</td>
<td style="width: 50%;">

<h3>Title_9</h3><div class="over-txt-bl">


text 9


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


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

Поделиться349Вт, 4 Июн 2013 18:42:48

Автор: МухХа
Заслуженный
Зарегистрирован: Вт, 4 Июн 2013
Сообщений: 116
Уважение: +3
Позитив: +7
Пол: Женский
Последний визит:
Пт, 15 Ноя 2013 15:57:47

Rion Leonheart написал(а):

OxxTypen,

Огромное спасибо вам и от меня и от игроков!
Поставлю +, когда можно будет

От OxxTypen

Отредактировано МухХа (Вт, 4 Июн 2013 18:43:58)

Поделиться350Вт, 4 Июн 2013 19:09:39

Автор: Yamanato
Заслуженный
Зарегистрирован: Ср, 30 Янв 2013
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Пт, 8 Май 2015 13:37:27

Rion Leonheart
Спасибо огромное, с меня + )))

Поделиться351Вт, 4 Июн 2013 20:15:56

Автор: Штольц
Заслуженный
Зарегистрирован: Сб, 4 Апр 2009
Сообщений: 87
Уважение: 0
Позитив: +28
Пол: Женский
Последний визит:
Чт, 18 Авг 2022 21:38:08

Rion Leonheart
Благодарю. Только можно попросить размеры поменять? Ибо я просчиталась с размерами Х_Х картинки уменьшила, только с кодом теперь разобраться.

Фон таблицы (1000х300)

Не активные

Активные

на всякий случай х)

И да, можно правую колонку делать активной не при наводке, а при нажатии на ячейку?

Поделиться352Ср, 5 Июн 2013 20:48:57

Автор: Mech*
Стремящийся
Зарегистрирован: Сб, 30 Июн 2012
Сообщений: 3
Уважение: 0
Позитив: 0
Последний визит:
Вт, 27 Май 2014 19:41:39

Rion Leonheart
что-то такое - http://cwiwt.mybb.ru
объяснять, увы, не умею. : (

Поделиться353Пт, 7 Июн 2013 06:07:02

Автор: Одри
Стремящийся
Зарегистрирован: Пт, 21 Май 2010
Сообщений: 4
Уважение: 0
Позитив: 0
Последний визит:
Пт, 7 Июн 2013 23:46:35

1. ссылка на форум
http://mylostgirl.rusff.ru/
2. ширина форума: 735px ~~вроде~~
3. Рисунок:

клик

4. границы у таблицы: Нет
5. доп.элементы:
Партнеры. окно с прокруткой, ширина 180.
Админы 55 на 55, и при наведении мышкой, чтобы появлялся текст. ~~Ник~~
Модераторы 45 на 45 и при наведении мышкой, чтобы появлялся текст. ~~Ник~~
Лучшие 55 на 55 и при наведении мышкой, чтобы появлялся текст. ~~Ник~~
Лучший пост высота 75 , а ширина, как там уже получится.
Новости тоже чтобы была прокрутка.
Размеры таблицы не говорю, а то вдруг будет не вмещаться, у мастера на этот счет глаз намечен.

Поделиться354Сб, 8 Июн 2013 17:16:48

Автор: Greed Ling
Заслуженный
Зарегистрирован: Вс, 11 Июл 2010
Сообщений: 22
Уважение: 0
Позитив: +4
Последний визит:
Вс, 17 Сен 2017 21:59:33

Greed Ling написал(а):

Вт, 4 Июн 2013 11:43:18

все еще актуально :flirt:

Поделиться355Сб, 8 Июн 2013 19:50:45

Автор: мертвый енот.
Заслуженный
Зарегистрирован: Пн, 3 Июн 2013
Сообщений: 8
Уважение: 0
Позитив: 0
Последний визит:
Сб, 27 Дек 2014 20:30:55

1) Эскиз

http://s3.uploads.ru/nl2QA.png - первый слайд
http://s3.uploads.ru/WJg3s.png - второй
http://s3.uploads.ru/PL1Nd.png - третий
http://s3.uploads.ru/psCwN.png - четвертый
http://s3.uploads.ru/BoLEK.png - пятый
http://s3.uploads.ru/9vRAh.png - шестой
http://s3.uploads.ru/9lWKf.png - седьмой
2) Ссылка на ваш форум
http://eternall.rolevaya.net/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
http://s3.uploads.ru/HRbaG.png (вид, фон таблицы) прокрутка указана. на шестом слайде сделать навигацию в каждом окне в таком роде http://s3.uploads.ru/nG3h7.png
администрацию, модераторов и активистов картинкой , а лучшего игрока http://s1.uploads.ru/hK8dm.png первых двух по 5 штуки, третьих 6 штук.
стрелки http://s2.uploads.ru/bYK2o.png , http://s2.uploads.ru/fbIis.png

Отредактировано мертвый енот. (Пт, 14 Июн 2013 13:33:21)

Поделиться356Вс, 9 Июн 2013 16:57:29

Автор: Tora
Стремящийся
Зарегистрирован: Сб, 27 Фев 2010
Сообщений: 1
Уважение: 0
Позитив: 0
Последний визит:
Чт, 20 Июн 2013 18:50:49

1.
как должна выглядть таблица

подложка
2. http://badasses.ru/
3. прокрутка не нужна, дизайнер сам её после поставит
при наведении на ник админа должна будет всплывать его картинка
границы как на рисунке указаны (то есть три столбца) ну и соответственно под картинку такой же размер таблицы

Поделиться357Вс, 9 Июн 2013 17:32:20

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Штольц, а сказали, что подготовились

Развернуть

В html-верх вместо прошлого куска кода:

Код:

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

/*  Настройки блока ссылок */
#link-blo {
  margin: 61px 0 0 62px;
  width: 214px;
  height: 174px;
  }

#link-blo img {margin-bottom: -3px;}
#link-blo a {display: block;}

/* Настройки вложенной таблицы в объявлении */
#menu {margin-top: 26px;}

#menu span {
  display: block;
  width: 137px;
  height: 32px;
  margin-bottom: 8px;
  padding: 0px;
  }

#menu span.bttn_1, #menu span.bttn_2, #menu span.bttn_3, #menu span.bttn_4, #menu span.bttn_1:hover, #menu span.bttn_2:hover, #menu span.bttn_3:hover, #menu span.bttn_4:hover, #menu span.bttn_1.tabactive, #menu span.bttn_2.tabactive, #menu span.bttn_3.tabactive, #menu span.bttn_4.tabactive {
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  }

#menu span.bttn_1 {background-image: url("http://s3.uploads.ru/nvq8i.png");}
#menu span.bttn_2 {background-image: url("http://s3.uploads.ru/1aKe3.png");}
#menu span.bttn_3 {background-image: url("http://s3.uploads.ru/N0LT6.png");}
#menu span.bttn_4 {background-image: url("http://s3.uploads.ru/3BwWf.png");}

#menu span.bttn_1:hover, #menu span.bttn_1.tabactive {background-image: url("http://s3.uploads.ru/Bf9Xg.png");}
#menu span.bttn_2:hover, #menu span.bttn_2.tabactive {background-image: url("http://s3.uploads.ru/5vhCr.png");}
#menu span.bttn_3:hover, #menu span.bttn_3.tabactive {background-image: url("http://s3.uploads.ru/fKsv4.png");}
#menu span.bttn_4:hover, #menu span.bttn_4.tabactive {background-image: url("http://s3.uploads.ru/P8WlI.png");}

#submenu {
  height: 200px;
  width: 100%;
  }

.submenutext {
  display: none;
  width: 490px;
  height: 185px;
  overflow-y: auto;
  margin: 5px;
  padding: 5px;
  text-align: center;
  }
</style>

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

Код:

<!-- Основная таблица -->
<center><table style="width: 1000px; height: 300px; background: transparent url(http://s3.uploads.ru/du7rn.png) 0 0 no-repeat; border: none;" celpadding="0" cellspacing="0">
<tr>
<td style="width: 300px;" align="left" valign="top">

<div id="link-blo">
<!-- Блок ссылок -->
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/TGQpt.png'" src="http://s3.uploads.ru/vc0HC.png" onmouseout="this.src='http://s3.uploads.ru/vc0HC.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/wECD4.png'" src="http://s3.uploads.ru/ZdLGf.png" onmouseout="this.src='http://s3.uploads.ru/ZdLGf.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/BvYVm.png'" src="http://s3.uploads.ru/fwIFJ.png" onmouseout="this.src='http://s3.uploads.ru/fwIFJ.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/dgmQp.png'" src="http://s3.uploads.ru/rxL3w.png" onmouseout="this.src='http://s3.uploads.ru/rxL3w.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/cLh7s.png'" src="http://s3.uploads.ru/6D8Sb.png" onmouseout="this.src='http://s3.uploads.ru/6D8Sb.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/OWV3i.png'" src="http://s3.uploads.ru/qxXYa.png" onmouseout="this.src='http://s3.uploads.ru/qxXYa.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/HO4pd.png'" src="http://s3.uploads.ru/WHU9q.png" onmouseout="this.src='http://s3.uploads.ru/WHU9q.png'"></a>
<!-- Конец блока -->
</div>

</td>
<td style="width: 700px;" align="left" valign="top">


<!-- Вложенная таблица -->
<table style="width: 650px; border: none; margin-top: 46px;" cellpadding="0" cellspacing="0">
 <tbody>
  <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">
<!-- Контент второй вкладки -->

Текст 2

<!-- Конец -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->

Текст 3

<!-- Конец -->
</div>
     <div id="sm4" class="submenutext">
<!-- Контент четвертой вкладки -->

Текст 4

<!-- Конец -->
</div>
</div>
</td>
   <td valign="top" align="center" style="width: 137px;">
    <div id="menu">
<!-- Кнопачки -->
<span class="bttn_1" alt="#sm1" style="cursor: pointer;"></span>
<span class="bttn_2" alt="#sm2" style="cursor: pointer;"></span>
<span class="bttn_3" alt="#sm3" style="cursor: pointer;"></span>
<span class="bttn_4" alt="#sm4" style="cursor: pointer;"></span>
<!-- Конец кнопачек -->
    </div>
   </td>
</tr>
</tbody>
</table>
<!-- Конец Вложенной таблицы -->


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

В 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").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide();
    $("div."+activeDiv).show();
    return false; });
});
</script>

P.S.: прошлый - здесь, код, предложенный в посте 346.

Поделиться358Вс, 9 Июн 2013 18:27:43

Автор: Feline
Заслуженный
Зарегистрирован: Вс, 9 Июн 2013
Сообщений: 11
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Вс, 21 Июл 2013 19:07:43

1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
http://s3.uploads.ru/haCcS.png
http://s3.uploads.ru/ZHAa8.png
http://s3.uploads.ru/kGF2r.png
2) Ссылка на ваш форум! Заказы без ссылок приниматься не будут!
http://cw111.mybb.ru/ - пока тестовик, здесь все готовится. скоро будет форум, но таблица нужна до открытия
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
на эскизах вроде все показано. таблица должна быть не громоздкой. только одно дополнение, на первой эскизе, немного исправлений: первым идем навигация, потом приветствие, а потом уже новости ролевой с прокруткой. просто уже нет времени исправлять. если возникнут вопросы, отвечу.

Поделиться359Вс, 9 Июн 2013 18:58:37

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Mech*,

Показать

В html-верх:

Код:

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

/* Границы и выравнивание в ячейках таблицы */
#my_catswa td {
  text-align: center;
  vertical-align: top;
  border: 1px solid #000;
  }

/* Настройки заголовков */
#my_catswa h3 {
  margin: 2px 0 5px 0;
  font: bold italic 14px 'palatino linotype', serif;
  }

/* Настройки ссылок в отдельном блоке */
#lnk_bk a {
  font-style: italic;
  display: block;
  margin-bottom: 3px;
  }

/* Настройки кнопок */
.splLink {
  width: auto;
  height: 20px;
  text-align: center;
  font: bold italic 14px 'palatino linotype', serif;
  padding: 5px;
  }

.splLink:hover {color: #86612B;}

/* Настройки контейнеров от кнопок */
.splCont {
  height: auto;
  width: 200px;
  background: #fff;
  padding: 5px;
  z-index: 1000;
  margin-top: 5px;
  margin-left: -35px;
  border: 1px solid #000;
  font-family: 'Lucida Sans Unicode';
  text-align: center;
  }
</style>

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

Код:

<!-- Основная таблица -->
<table id="my_catswa" style="width: 100%; border: none;" cellspacing="0" cellpadding="0">
<tr>
<td colspan="4">

<!-- Вложенная таблица с кнопками -->
<center><table style="border: none;" cellspacing="3" cellpadding="0">
<tr>
<td style="border: none;"><DIV><div class=splLink>О мире</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>


Контент первой кнопки


</DIV></DIV></td>
<td style="border: none;"><DIV><div class=splLink>Нужные персонажи</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>


• требуется предводитель в речное племя<br/>
• требуются глашатаи в племена теней и речное;<br/>
• требуются целители в племена речное и ветра;<br/>
• требуются воители и оруженосцы во все племена;


</DIV></DIV></td>
<td style="border: none;"><DIV><div class=splLink>Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>


Контент третьей кнопки


</DIV></DIV></td>
<td style="border: none;"><DIV><div class=splLink>О времени</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>


Контент четвертой кнопки


</DIV></DIV></td>
</tr>
</table></center>
<!-- Конец таблицы -->

</td>
</tr>
<tr>
<td style="width: 50%; border-top: none;" colspan="2">

<h3>Новости</h3>
<div style="width: 95%; height: 172px; margin: 0 5px 5px 5px; padding: 0 5px 0 5px; overflow-y: auto;">
<!-- Блок новостей -->


<b>9 июня 2013 года</b><br/>
<i>Приветствуем Рысь и Белку. Последняя стала целительницей Грозового племени. Немного сменена таблица. Она стала более простой и без скриптов. Также советуем поторопиться и занять роль в глобальном сюжете. :) Со дня на день будет добавлена акция. Возможна смена дизайна. Заключено партнерство с форумом Cats~Warriors. Дом Грез. Баннеры форумов, с которыми производили обмен будет находится в самом низу новостей - прокрутите эту колонку ниже, чтобы увидеть ваши кнопки. Благодарим участников, что они с нами. :з</i>
<br/><b>4 июня 2013 года</b><br/>
<i>Занята должность ученика целителя в племя Теней. По-прежнему требуются в Речное племя предводитель, глашатай, целитель и воины; в Грозовое племя целитель и воители с оруженосцами; в племя Ветра целитель, воины, ученик целителя, королева и два-три котенка; в племя Теней глашатай и воители с оруженосцами. Нас можно поздравить с тем, что первая часть глобального квеста готова! Для того чтобы прокомментировать его и записаться на роль нужно заглянуть в <a href="http://cwiw.mybb.ru/viewtopic.php?id=67">этой теме</a>. Вскоре также будет готова акция, целиком и полностью посвященная персонажам, требующимся в сюжет. Благодарим за внимание.</i>
<br/><b>3 июня 2013 года</b><br/>
<i>С началом лета, дорогие дамы и господа! Приветствуем участников - Мимолётка,  Черничка и Мёдозвезд. Мимолётка теперь глашатая в Грозовом племени, а Мёдозвезд предводитель в Речном. Черничка придержала для себя роль ученика целителя (Оноре) в племени Теней. Мы терпеливо ожидаем, пока Пылкий и Канарейка допишут свои анкеты (точнее, мы ожидаем 14 дней с момента их регистрации). :) Также настоятельно рекомендуем некоторым пользователям написать посты, чтобы не висеть в должниках. Заморожен один персональный квест - White Rabbit не будет до седьмого, так как он готовится к сдачи экзаменов. Пожелаем ему удачи. :З Плетется глобальный квест, так или иначе затрагивающий всех участников. Скоро он будет готов, начнется запись на роли. В ближайшем времени, возможно, изменится таблица. Она станет более многофункциональной и без слайдов, зато с выпадающим меню. Заключено партнерство с форумом Коты-Воители. Тени прошлого. Подчищена колонка баннеров. Не любят у нас в интернете взаимность, ну да ладно. Также в будущем планируется выставить форум на критику и в различные топы. Дорогие участники, спасибо, что вы с нами!</i>
<br/><b>30 мая 2013 года</b><br/>
<i>ВИВ развивается. :) Мы можем поприветствовать новых участников - White Rabbit, Пылкий, Бритый, Тучка, Канарейка и Onore. Занята должность глашатая в племени Ветра. Заключены три партнерства с форумами: CW | Dark Times, Волчьи Легенды|Хранители Тайн, Cats-Warriors. Hell and Paradise. Первый и третий про котов-воителей, второй - по волкам и рысям. Отыгрываются три персональных эпизода, остальные игроки: не стесняемся и присоединяемся к игре. Обрисовывается первый глобальный сюжет, привнести что-то свое можно в <a href="http://cwiw.mybb.ru/viewtopic.php?id=15">этой теме</a>. По-прежнему требуются предводители в Речное племя и племя Ветра, глашатаи во все племена, кроме Ветра, целители, воители и оруженосцы во все племена. Для продвижения будущего квеста в скором времени понадобятся два-три котенка племени Ветра (плюс их мать), ученик целителя в это же племя. <br><u>Одиночки для игры не желательны. Но если есть желание отыграть "свободного" кота, то можно занять одного персонажа (всего их три) из акции, которая вскоре тоже активируется на ВИВе.</u> <br>Похвалить за особую активность можно всех участников. Спасибо, что вы с нами! :D</i>
<br/><b>28 мая 2013 года</b><br/>
<i>Приветствуем новых участников - Тропа, Кудрявка, Снежная Звезда и Созвездие Памяти. Снежная Звезда и Созвездие Памяти заняли должности предводителей в Грозовом племени и племени Теней. Произведен баннерообмен с одиннадцатью форумами, через неделю проверим их взаимность и удалим те, которые нам ничего не смогут дать. Ведется активная флудовая деятельность, создан первый эпизод. <s>первый пост тоже скоро будет. :з</s>. Также, как администратор забыл изменить, участники могут самостоятельно ставить себе статусы. <br>Если есть желание помочь молодому форуму, то можно подать заявку на должность администратора или модератора <a href="http://cwiw.mybb.ru/viewtopic.php?id=37">здесь</a>.</i>
<br/><b>27 мая 2013 года</b><br/>
<i>Здравствуйте. Сегодня ВИВ начинает свой путь. Созданы основные подфорумы, добавлены дизайн, реклама, таблица. Созданы аккаунты пиарного агента и мастера игры. Ввиду того, что ролевая живет совсем-совсем недавно, требуется администраторы, модераторы и активные участники, готовые занять важные должности в племенах. Благодарим за внимание. :)</i>

<br/><br/>

<a href="http://warriorssupport.ru/" target="blank"><img src="http://uploads.ru/i/H/1/P/H1Pfw.gif"/></a> 
<a href="http://storycats.spybb.ru/" target="_blank"><img src="http://s1.uploads.ru/RLd8X.gif" title="Воители. Кошачьи истории."/></a> 
<a href="http://cwvoin.rolka.su/"><img src="http://s2.uploads.ru/t/HwtEM.gif" title="Кликни ^_^"/></a> 
<a href="http://thesunsetwarriors.mybb.ru/"><img src="http://s2.ipicture.ru/uploads/20130413/425cOFEg.gif" title="The Sunset Warriors" target="_blank"/></a> 
<a href="http://wairrorcats.rolevaya.ru/" target="_blank"><img src="http://ognegrivka271.narod.ru/di.png" border="0" alt="Заходи =)"/></a> 
<a href="http://cwlegendaryancestors.rusff.ru" target="_blank"><img src="http://s3.uploads.ru/yi2Bf.jpg" border="0" alt="CW|Ветер перемен" width="88" height="31"/></a> 
<a href="http://zemlyavremen.rolevaya.ru/" title="Земля времен"><img src="http://s019.radikal.ru/i626/1303/bb/6a2e64f08f34.gif" alt="Земля времен" title="Земля времен - игровой форум" width="88" height="31" border="0"/></a>


<!-- Конец блока -->
</div>
</td>
<td style="width: 25%; border: none; border-bottom: 1px solid #000;">

<h3>Время</h3>
<!-- Блок времени -->


Текст


<!-- Конец блока -->
</td>
<td style="width: 25%; border-top: none;">

<h3>Погода</h3>
<!-- Блок погоды -->


<i><u>C 10 июня по 17 июня в игре третий лунный день.</u>
<br/>• Утро: прохладно, дует прохладный ветер с севера. Облачно.
<br/>• День: температура поднялась. Солнце припекает. Небо чистое.
<br/>• Вечер: прохладнее. Поднялся сильный ветер.
<br/>• Ярко горят звезды, луна заметна мало. Свежо, шумит ветер.</i>


<!-- Конец блока -->
</td>
</tr>
<tr>
<td style="width: 25%; border-top: none;">

<h3>О рекламе</h3>
<!-- Блок рекламы -->


Навигация:

<h3>Партнеры</h3>

<a href="http://cwdarktimes.0pk.ru/"><img src="http://4put.ru/pictures/max/625/1920225.gif"/></a><br/> 
<a href="http://cwhallparadise.koti-voiteli.ru/" rel="nofollow" target="_blank"><img class="postimg" src="http://s1.uploads.ru/PjRS1.gif" alt="http://s1.uploads.ru/PjRS1.gif"></a><br/>
<a href="http://catwarior.mybb.su/" target="_blank"><img src="http://s3.uploads.ru/oPM1h.gif" border="0" alt="Тени прошлого" width="88" height="31"/></a><br/>
<a href="http://domgrez.mybb.ru/" target="_blank"><img src="http://s1.uploads.ru/t/iTLSE.gif" border="0" alt="Грустишь? Поможем на DG" width="88" height="31"/></a>


<!-- Конец блока -->
</td>
<td style="width: 25%; border-left: none; border-top: none;">

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

<div id="lnk_bk" align="center">
<!-- Блок ссылок -->
<a href="http://cwiw.mybb.ru/viewtopic.php?id=82">полезно знать</a>
<a href="http://cwiw.mybb.ru/viewtopic.php?id=5">правила</a>
<a href="http://cwiw.mybb.ru/viewtopic.php?id=1">акции</a>
<a href="http://cwiw.mybb.ru/viewtopic.php?id=3">состав</a>
<a href="http://cwiw.mybb.ru/viewtopic.php?id=6">шаблон анкеты</a>
<a href="http://cwiw.mybb.ru/viewtopic.php?id=7">шаблон отношений</a>
<a href="http://cwiw.mybb.ru/viewtopic.php?id=8">поиск связей</a>
<a href="http://cwiw.mybb.ru/viewtopic.php?id=15">предложение квестов</a>
<!-- Конец блока -->
</div>

</td>
<td style="width: 50%; border-top: none; border-left: none;" colspan="2">

<h3>Активные квесты</h3>
<div style="width: 95%; height: 172px; margin: 0 5px 5px 5px; padding: 0 5px 0 5px; overflow-y: auto;">
<!-- Блок квестов -->


<u>Квесты</u>
<br/><i>• таких пока нет</i>
<br/><br/>
<u>Персональные эпизоды</u><i>
<br/>• <a href="http://cwiw.mybb.ru/viewtopic.php?id=36">hunting and fighting skills</a> - Кудрявка
<br/>• <a href="http://cwiw.mybb.ru/viewtopic.php?id=41">permissible limit ofls</a> - Снежная Звезда
<br/>• <a href="http://cwiw.mybb.ru/viewtopic.php?id=51">- Зачем ты меня так рано разбудил?</a> - White Rabbit
<br/>• <a href="http://cwiw.mybb.ru/viewtopic.php?id=61">meeting at the border</a> - Бритый
<br/>• <a href="http://cwiw.mybb.ru/viewtopic.php?id=62">damned old house</a> - Мимолётка</i>
<br/><br/>
<u>Эпизоды прошлого</u><i>
<br/>• <a href="http://cwiw.mybb.ru/viewtopic.php?id=80">начало большой дружбы</a> - Бритый
<br/>• <a href="http://cwiw.mybb.ru/viewtopic.php?id=86">comfort in the healer's tent</a> - Белка</i>
<br/><br/>
<u>Альтернативы</u><i>
<br/>• <a href="http://cwiw.mybb.ru/viewtopic.php?id=87">cdesert island</a> - White Rabbit</i>


<!-- Конец блока -->
</div>
</td>
</tr>
</table>

В html-низ:

Код:

<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      if(!$(this).hasClass('Active')){
      $('.splLink').removeClass('Active')
      $('.splLink').parent().children('div.splCont').hide('normal');
      $(this).addClass('Active');$(this).parent().children('div.splCont').show('normal');
      }else {$(this).removeClass('Active');$(this).parent().children('div.splCont').hide('normal');}
      return false;
    });
  });
</script>

Поделиться360Вс, 9 Июн 2013 19:05:10

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Greed Ling написал(а):

все еще актуально

Видел

Приношу извинения всем остальным, - на сегодня у меня лимит выполнения таблиц исчерпан.

Страница: « 1 … 16 17 18 19 20 … 50 »

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

Меню навигации

Пользовательские ссылки

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

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

Сообщений 341 страница 360 из 1000

Поделиться1Ср, 3 Окт 2012 22:19:59

Поделиться341Вс, 2 Июн 2013 18:11:47

Поделиться342Вс, 2 Июн 2013 18:44:57

Поделиться343Вт, 4 Июн 2013 11:43:18

Поделиться344Вт, 4 Июн 2013 13:51:34

Поделиться345Вт, 4 Июн 2013 15:43:47

Поделиться346Вт, 4 Июн 2013 16:37:10

Поделиться347Вт, 4 Июн 2013 16:40:06

Поделиться348Вт, 4 Июн 2013 17:14:23

Поделиться349Вт, 4 Июн 2013 18:42:48

Поделиться350Вт, 4 Июн 2013 19:09:39

Поделиться351Вт, 4 Июн 2013 20:15:56

Поделиться352Ср, 5 Июн 2013 20:48:57

Поделиться353Пт, 7 Июн 2013 06:07:02

Поделиться354Сб, 8 Июн 2013 17:16:48

Поделиться355Сб, 8 Июн 2013 19:50:45

Поделиться356Вс, 9 Июн 2013 16:57:29

Поделиться357Вс, 9 Июн 2013 17:32:20

Поделиться358Вс, 9 Июн 2013 18:27:43

Поделиться359Вс, 9 Июн 2013 18:58:37

Поделиться360Вс, 9 Июн 2013 19:05:10