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

Страница: « 1 … 21 22 23 24 25 … 50 »

Сообщений 441 страница 460 из 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) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.

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

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

Поделиться441Чт, 4 Июл 2013 13:14:49

Автор: Nubia
Заслуженный
Зарегистрирован: Вс, 16 Июн 2013
Сообщений: 148
Уважение: +12
Позитив: +19
Пол: Женский
Последний визит:
Вс, 10 Ноя 2019 14:02:14

Доброго времени суток. Мне бы табличку с выпадающим меню,вот такую-
На вот этот форум- http://tvdri.rusff.ru/
Пояснение: Без границ. Ширина таблички примерно 800, высота около 450-500. Первая колонка (Лучшие) всегда видна и неподвижна, остальные-выпадающее меню. Надеюсь понятно объясняю)

Отредактировано Nubia (Чт, 4 Июл 2013 13:15:11)

Поделиться442Чт, 4 Июл 2013 19:24:05

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

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

2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
http://cwmor.0pk.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.

Таблица без границ, прокрутка нигде не нужна

И еще, можно ли сделать такие же рамочки, как на примере?

пример

Отредактировано Confetti (Пт, 5 Июл 2013 18:36:28)

Поделиться443Пт, 5 Июл 2013 15:26:51

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

мой заказ ещё актуален

Поделиться444Сб, 6 Июл 2013 21:07:21

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

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

Ребят, зашиваюсь на работе. Придецо подождать...

Я конечно понимаю, что работа и всё такое, но уже 5 дней прошло

Поделиться445Сб, 6 Июл 2013 21:29:11

Автор: Remus John Lupin
Заслуженный
Зарегистрирован: Чт, 16 Сен 2010
Сообщений: 847
Уважение: +194
Позитив: +72
Последний визит:
Пн, 28 Сен 2015 11:13:49

МухХа, вы не правы. Rion Leonheart такой же пользователь, как и вы, я и подавляющая масса других форумчан на Единой Технической Поддержке. Он не администратор, и даже не модератор, денег за выполнение заказов не берет, не обещает то, чего выполнить не может, будь то сама работа, ее сроки или что угодно другое. Он помогает остальным по доброй воле и в силу возможностей и свободного времени, и если он впрягся, взяв на себя целый раздел, то это не значит, что все мы имеем право что-то требовать от него или даже упрекать в нехватке времени. Каждый из нас может поискать другое место, где выполняют заказы на подобные вещи, причем и бесплатные, и платные. Так что давайте относиться к безвозмездному труду и бескорыстной помощи остальных с уважением и пониманием. Если ваш заказ не терпит, лучше не напрягать человека, если вы хотите работу именно Rion Leonheart'а - а ведь у него действительно качественное и продуманное исполнение - то стоит терпеливо подождать.

Поделиться446Сб, 6 Июл 2013 22:09:06

Автор: Abaddon
Стремящийся
Зарегистрирован: Сб, 6 Июл 2013
Сообщений: 3
Уважение: 0
Позитив: 0
Последний визит:
Пн, 5 Авг 2013 21:59:11

1.

2.
http://eternalnight.rusff.ru/
3.
-без границ
-"объявления и новости", "погода и события" - не подвижно, поле для текста ниже неподвижной надписи с прокруткой.
-В разделы "админы" "лучшие" "5 вечеров с.." и "модеры", картинки и под картинками ники.
-баннеры в две-три линии и с прокруткой.
-навигация, столбиком или выплывающим окошком (при клике).

Поделиться447Сб, 6 Июл 2013 22:37:17

Автор: ЛаскаКВ
Заслуженный
Зарегистрирован: Сб, 1 Июн 2013
Сообщений: 282
Уважение: +34
Позитив: +36
Последний визит:
Чт, 5 Янв 2017 15:45:43

тема актуальна??

Поделиться448Сб, 6 Июл 2013 22:53:35

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Вчера 19:10:35

ЛаскаКВ
Вы бы полистали сей топик, ибо подобных табличек Ваших - море, начните с конца - ибо кажеться видел по топику

Поделиться449Сб, 6 Июл 2013 23:11:06

Автор: ЛаскаКВ
Заслуженный
Зарегистрирован: Сб, 1 Июн 2013
Сообщений: 282
Уважение: +34
Позитив: +36
Последний визит:
Чт, 5 Янв 2017 15:45:43

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

ЛаскаКВ
Вы бы полистали сей топик, ибо подобных табличек Ваших - море, начните с конца - ибо кажеться видел по топику

мне типо такая нужна http://warriorscats.1bb.ru/

Поделиться450Вс, 7 Июл 2013 10:01:54

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

МухХа, по просьбе жаждущих - вне очереди:

Раскрыть

в html-верх:

Код:

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

#menu-top {margin-bottom: 5px;}
#menu-bot {margin-top: 5px;}

#menu-top span, #menu-bot span {
  display: block;
  padding-top: 4px;
  margin: 0px;
  width: 140px;
  height: 25px;
  font: bold italic 14px 'palatino linotype', serif;
  text-decoration: none;
  }

#menu-top span:hover, #menu-bot span:hover {text-decoration: underline;}

#menu-top .tabactive, #menu-bot .tabactive {
  letter-spacing: 1px;
  border: 1px solid #000;
  -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
     -moz-border-radius: 5px;
       -o-border-radius: 5px;
          border-radius: 5px;
  }

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

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

.kot-pro td {
  text-align: center;
  vertical-align: top;
  }

.kot-pro h3 {
  margin: 2px 0 4px 0;
  font: bold normal 14px 'palatino linotype', serif;
  border-bottom: 1px solid #000;
  }

.kot-pro hr {
  margin: 4px 0 2px 0;
  width: 100%;
  border: none;
  border-top: 1px solid #000;
  height: 1px;
  }

.obvodka {
  padding-bottom: 4px;
  border: 1px solid #000;

  -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
     -moz-border-radius: 10px;
       -o-border-radius: 10px;
          border-radius: 10px;  
  }

.scroll-type {
  margin: 3px 0 0 2px;
  width: 99%;
  height: 160px;
  overflow-y: auto;
  }

#ams_block img {
  margin: 1px;
  width: 60px;
  height: 60px;
  border: 1px solid #000;
  }

#moder_block img {
  margin: 1px;
  width: 50px;
  height: 50px;
  border: 1px solid #000;  
  }
</style>

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

Код:

<!-- Основная таблица -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center">
<!-- Блок верхних кнопок (3шт.) -->
    <div id="menu-top">
<table style="width: 90%; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 30%;"><center><span alt="#sm1" style="cursor: pointer;">Основное</span></center></td>
<td style="width: 30%;"><center><span alt="#sm2" style="cursor: pointer;">Администрация</span></center></td>
<td style="width: 30%;"><center><span alt="#sm3" style="cursor: pointer;">Навигация</span></center></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 class="kot-pro" style="width: 100%; height: 200px; border: none;" cellpadding="0" cellspacing="4">
<tr>
<td style="width: 33%;">
<div class="obvodka">
<h3>Новости</h3>
<div class="scroll-type">

текст

</div>
</div>
</td>
<td style="width: 34%;">
<div class="obvodka">
<h3>Приветствие</h3>
<div class="scroll-type">

текст

</div>
</div>
</td>
<td style="width: 33%;">
<div class="obvodka">
<h3>Объявления</h3>
<div class="scroll-type">

текст

</div>
</div>
</td>
</tr>
</table>
<!-- Конец вкладки -->
</div>
     <div id="sm2" class="submenutext">
<!-- Контент второй вкладки -->
<table class="kot-pro" style="width: 100%; height: 200px; border: none;" cellpadding="0" cellspacing="4">
<tr>
<td style="width: 25%;">
<h3>Создатель</h3>

<img style="width: 70px; height: 90px; border: 1px solid #000;" src="ссылка на аватар" title="имя"/>

</td>
<td style="width: 25%;">
<h3>Администраторы</h3>

<div id="ams_block">
<img src="ссылка на аватар" title="имя_1"/>
<img src="ссылка на аватар" title="имя_2"/>
<br/>
<img src="ссылка на аватар" title="имя_3"/>
<img src="ссылка на аватар" title="имя_4"/>
</div>

</td>
<td style="width: 25%;">
<h3>Модераторы</h3>
<div class="scroll-type">
<div id="moder_block">

<img src="ссылка на аватар" title="имя_1"/>
<img src="ссылка на аватар" title="имя_2"/>
<br/>
<img src="ссылка на аватар" title="имя_3"/>
<img src="ссылка на аватар" title="имя_4"/>
<br/>
<img src="ссылка на аватар" title="имя_5"/>
<img src="ссылка на аватар" title="имя_6"/>
<br/>
<img src="ссылка на аватар" title="имя_7"/>
<img src="ссылка на аватар" title="имя_8"/>
<br/>
<img src="ссылка на аватар" title="имя_9"/>
<img src="ссылка на аватар" title="имя_10"/>
<br/>
<img src="ссылка на аватар" title="имя_11"/>

</div>
</div>
</td>
<td style="width: 25%;">
<h3>Дизайнер</h3>

<img style="width: 70px; height: 90px; border: 1px solid #000;" src="ссылка на аватар" title="имя"/>

</td>
</tr>
</table>
<!-- Конец вкладки -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->
<table class="kot-pro" style="width: 100%; height: 200px; border: none;" cellpadding="0" cellspacing="4">
<tr>
<td style="width: 33%;">
<div class="obvodka" style="height: 186px;">
<h3>Полезные ссылки</h3>

<a href="ссылка на тему">Ссылка 1</a><br/>
<a href="ссылка на тему">Ссылка 2</a><br/>
<a href="ссылка на тему">Ссылка 3</a><br/>
<a href="ссылка на тему">Ссылка 4</a>

</div>
</td>
<td style="width: 34%;">
<div class="obvodka" style="height: 186px;">
<h3>Акции</h3>

<a href="ссылка на тему">Ссылка 1</a><br/>
<a href="ссылка на тему">Ссылка 2</a><br/>
<a href="ссылка на тему">Ссылка 3</a><br/>
<a href="ссылка на тему">Ссылка 4</a>

</div>
</td>
<td style="width: 33%;">
<div class="obvodka" style="height: 186px;">
<h3>Важно!</h3>

<a href="ссылка на тему">Ссылка 1</a><br/>
<a href="ссылка на тему">Ссылка 2</a><br/>
<a href="ссылка на тему">Ссылка 3</a><br/>
<a href="ссылка на тему">Ссылка 4</a>

</div>
</td>
</tr>
</table>
<!-- Конец вкладки -->
</div>
     <div id="sm4" class="submenutext">
<!-- Контент четвертой вкладки -->
<table class="kot-pro" style="width: 100%; height: 200px; border: none;" cellpadding="0" cellspacing="4">
<tr>
<td style="width: 60%;">
<div class="obvodka" style="height: 182px;" align="center">
<div class="scroll-type" style="height: 182px;">

Информация для пиар-агентов

</div>
</div>
</td>
<td style="width: 40%;">
<div class="obvodka">
<h3>Наша реклама</h3>
<div class="scroll-type" style="height: 115px;">

right

</div>
<hr/>

<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=20963&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/20963' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/rpgtop1.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=20963' width='1' height='1' border='0'><a href='http://top.roleplay.ru/20963' target='_top'><img src='http://img.rpgtop.su/rpgtop1.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>

</div>
</td>
</tr>
</table>
<!-- Конец вкладки -->
</div>
     <div id="sm5" class="submenutext">
<!-- Контент пятой вкладки -->
<table class="kot-pro" style="width: 100%; height: 200px; border: none;" cellpadding="0" cellspacing="4">
<tr>
<td style="width: 33%;">
<div class="obvodka">
<div class="scroll-type" style="height: 186px;">

Текст

</div>
</div>
</td>
<td style="width: 34%;">
<div class="obvodka">
<div class="scroll-type" style="height: 186px;">

Текст

</div>
</div>
</td>
<td style="width: 33%;">
<div class="obvodka" style="height: 184px; padding-top: 5px;">

Место под картинку (макс. размер: 200х180)

</div>
</td>
</tr>
</table>
<!-- Конец вкладки -->
</div>
     <div id="sm6" class="submenutext">
<!-- Контент шестой вкладки -->
<div class="obvodka">
<div class="scroll-type" style="height: 190px;">

Текст

</div>
</div>
<!-- Конец вкладки -->
</div>
     <div id="sm7" class="submenutext">
<!-- Контент седьмой вкладки -->
<table class="kot-pro" style="width: 100%; height: 200px; border: none;" cellpadding="0" cellspacing="4">
<tr>
<td style="width: 33%;">
<div class="obvodka">
<div class="scroll-type" style="height: 186px;">

Текст

</div>
</div>
</td>
<td style="width: 34%;">
<div class="obvodka">
<div class="scroll-type" style="height: 186px;">

Текст

</div>
</div>
</td>
<td style="width: 33%;">
<div class="obvodka">
<div class="scroll-type" style="height: 186px;">

Текст

</div>
</div>
</td>
</tr>
</table>
<!-- Конец вкладки -->
</div>
</div>
   </td>
</tr>
  <tr>
   <td align="center">
<!-- Блок нижних кнопок (4шт.) -->
    <div id="menu-bot">
<table style="width: 80%; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 20%;"><center><span alt="#sm4" style="cursor: pointer;">Реклама</span></center></td>
<td style="width: 20%;"><center><span alt="#sm5" style="cursor: pointer;">Погода</span></center></td>
<td style="width: 20%;"><center><span alt="#sm6" style="cursor: pointer;">Сюжет</span></center></td>
<td style="width: 20%;"><center><span alt="#sm7" style="cursor: pointer;">Дополнительно</span></center></td>
</tr>
</table>
    </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-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>

P.S.: всегда пожалуйста.

Поделиться451Вс, 7 Июл 2013 10:06:37

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

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

Если еще актуально - укажите, в какое место пойдет таблица стрелкой на скриншоте?

Поделиться452Вс, 7 Июл 2013 10:08:32

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

Remus John Lupin написал(а):

МухХа, вы не правы. Rion Leonheart такой же пользователь, как и вы, я и подавляющая масса других форумчан на Единой Технической Поддержке. Он не администратор, и даже не модератор, денег за выполнение заказов не берет, не обещает то, чего выполнить не может, будь то сама работа, ее сроки или что угодно другое. Он помогает остальным по доброй воле и в силу возможностей и свободного времени, и если он впрягся, взяв на себя целый раздел, то это не значит, что все мы имеем право что-то требовать от него или даже упрекать в нехватке времени. Каждый из нас может поискать другое место, где выполняют заказы на подобные вещи, причем и бесплатные, и платные. Так что давайте относиться к безвозмездному труду и бескорыстной помощи остальных с уважением и пониманием. Если ваш заказ не терпит, лучше не напрягать человека, если вы хотите работу именно Rion Leonheart'а - а ведь у него действительно качественное и продуманное исполнение - то стоит терпеливо подождать.

Не, я не прошу, что бы прямо сейчас же он сделал мне таблицу, я просто напомнила

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

МухХа, по просьбе жаждущих - вне очереди:

P.S.: всегда пожалуйста.

Спасибо огромное!!!!! Плюсик!

Поделиться453Вс, 7 Июл 2013 10:11:22

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

ЛаскаКВ написал(а):

мне типо такая нужна http://warriorscats.1bb.ru/

Прошу прощения, что вмешиваюсь, но не красиво плагиатить, вам самому не понравится, если с вашего форума что-нибудь утащят.

Поделиться454Вс, 7 Июл 2013 11:35:30

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

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

буду признателен.)

Вот она:

Показать код

Код:

<style>
#menu {margin-top: 10px;}

#menu span {
  display: block;
  margin-bottom: 10px;
  border: 1px solid #000;
  padding: 7px 0 3px 0;
  width: 130px;
  height: 20px;
  }

#menu .tabactive {
color: #ffff00;}

#submenu1, #submenu2 {width: 100%;}

.submenutext1, .submenutext2 {
  border: 1px solid #000;
  display: none;
  height: 190px;
  padding: 5px;
  text-align: center;
  }
</style>

<center><table style="width: 100%; border: none;" cellspacing="0" cellpadding="0">
 <tbody>
  <tr>
   <td style="width: 40%;" id="MenuTxT1" align="center" valign="top">
    <div id="submenu1" align="center"> 
     <div id="sm1" class="submenutext1" style="display:block;">

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

</div>
     <div id="sm2" class="submenutext1">

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

</div>
     <div id="sm3" class="submenutext1">

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

</div>
     <div id="sm4" class="submenutext1">

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

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

   <td style="width: 20%;" valign="middle">
    <div id="menu" align="center">
<span alt=#sm1,#sm5 style="cursor: pointer;">Кнопка 1</span>
<span alt=#sm2,#sm6 style="cursor: pointer;">Кнопка 2</span>
<span alt=#sm3,#sm7 style="cursor: pointer;">Кнопка 3</span>
<span alt=#sm4,#sm8 style="cursor: pointer;">Кнопка 4</span>
    </div>
   </td>

   <td style="width: 40%;" id="MenuTxT2" align="center" valign="top">
    <div id="submenu2" align="center"> 
     <div id="sm5" class="submenutext2" style="display:block;">

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

</div>
     <div id="sm6" class="submenutext2">

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

</div>
     <div id="sm7" class="submenutext2">

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

</div>
     <div id="sm8" class="submenutext2">

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

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

<!-- Спойлер-контейнер -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT1 div.submenutext1,td.#MenuTxT2 div.submenutext2").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT1 div.submenutext1:first,td.#MenuTxT2 div.submenutext2:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT1 div.submenutext1,td.#MenuTxT2 div.submenutext2").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

P.S.: хоть всей "кучей" в объявление, хоть по частям в html- верх/низ и объявление...

Поделиться455Вс, 7 Июл 2013 13:20:17

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

Nubia,

(!) Перед установкой обязательно очистить html-верх от этого:

<style>
#menu span {
display: block;
padding: 7px 5px 7px;
margin-right: 5px;
margin: 7px 0;
width: 205px;
height: 55px;
text-align: left;
text-decoration: none;
font-size: 22px;
}
#menu .tabactive {
color: none;
}
#submenu {
padding: 5px;
height: 380px;
text-align: center;
font-size: 12px;
width: 500px;
}
.submenutext {
display: none;
height: 378px;
}
#menu span, #submenu {
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
border: none;
}
-----------------------------
<style>
#menu {
margin-top: 0px;}
#menu span {
width: 300px;
height:12px;
text-align:center;
display: block;
margin-bottom: 0px;
padding: 1em 0 1em 0;}
#menu .tabactive {
color: #d8bfd8;}
#submenu {
padding: 0px;
height: 360px;}
.submenutext {
display: none;
text-align: center;
width: 100%;
height: 360px;
overflow-y: auto;}
#menu span, .submenutext {
border: none;}
</style>

Код нового объявления:

Показать

в html-верх:

Код:

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

#tvd_str td {text-align: center; vertical-align: top;}

#tvd_str h3 {
  margin: 2px 0 5px 0;
  letter-spacing: 2px;
  font: normal italic 18px 'palatino linotype', serif;
  color: #452A38;
  text-shadow: 1px 1px 8px #000;
  }

#tvd_str h4 {
  margin: 3px 0 6px 0;
  font: bold italic 14px 'palatino linotype', serif;
  font-variant: small-caps;
  }

#links_col img {
  display: block;
  margin-bottom: 2px;
  width: 140px;
  height: auto;
  }

#important_links a {
  display: block;
  margin-bottom: 1px;
  font: bold normal 14px 'palatino linotype', serif;
  text-transform: uppercase;
  }

#menu {margin: 0px;}

#menu span {
  display: block;
  padding: 3px 0 4px 0;
  margin: 0px;
  width: 120px;
  font: normal italic 18px 'palatino linotype', serif;
  color: #452A38;
  text-shadow: 1px 1px 8px #000;
  }

#menu span:hover {color: #B295A2;}

#menu .tabactive {
  text-shadow: 1px 1px 12px #fff;
  }

#submenu {
  padding: 0px;
  }

.submenutext {
  display: none;
  text-align: center;
  width: 98%;
  height: 300px;
  padding: 5px;
  overflow-y: auto;
  background-color: #847C81;

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

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

Код:

<!-- Основная таблица -->
<table id="tvd_str" style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 30%; padding: 3px;">
<!-- Блок лучших -->

<h3>Лучшие</h3>

<a href="ссылка на профиль"><img src="http://s4.uploads.ru/AeF1G.gif"></a>
<br/>
По итогам недели лучшей становиться: <b>может ты?!!!</b>.
<br/><br/>
<a href="http://tvdri.rusff.ru/viewtopic.php?id=97#p3871"><img src="http://s5.uploads.ru/jYPc5.gif"></a>
<br/> 
Жертвой 5 вечеров стала 
<br/><b>KATHERINE PIERCE</b>.<br/> 
Успейте задать все интересующие вопросы.
<br/>
<h3>Активисты</h3>
<a href="http://tvdri.rusff.ru/profile.php?id=2"><img src="http://s5.uploads.ru/6Ytoy.jpg" title="Elena Gilbert" style="width:45px; height:45px;"></a>  
<a href="http://tvdri.rusff.ru/profile.php?id=3"><img src="http://s4.uploads.ru/9zCL4.jpg" title="Katherine Pierce" style="width:45px; height:45px;"></a>  
<a href="http://tvdri.rusff.ru/profile.php?id=15"><img src="http://s5.uploads.ru/84ZY5.jpg" title="Rebekah Mikaelson" style="width:45px; height:45px;"></a>  
<a href="http://tvdri.rusff.ru/profile.php?id=25"><img src="http://s4.uploads.ru/6PDUn.jpg" title="Caroline Forbes" style="width:45px; height:45px;"></a>

<!-- Конец блока -->
</td>
<td style="width: 70%;">
<!-- Вложенная таблица -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td>
    <div id="menu">
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 20%;" align="center"><span alt="#sm1" style="cursor: pointer;">Новости</span></td>
<td style="width: 20%;" align="center"><span alt="#sm2" style="cursor: pointer;">Админы</span></td>
<td style="width: 20%;" align="center"><span alt="#sm3" style="cursor: pointer;">Ссылки</span></td>
<td style="width: 20%;" align="center"><span alt="#sm4" style="cursor: pointer;">Нужные</span></td>
<td style="width: 20%;" align="center"><span alt="#sm5" style="cursor: pointer;">Партнеры</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;">
<!-- Контент первой вкладки -->
<h4>Информация</h4>
Добро пожаловать! Вас приветствует ролевая игра <b>TVD: Breaking Veils</b> по популярному сериалу Дневники вампира. 
<br/><br/>
<b>»</b> Система игры - <b>эпизодическая</b>; рейтинг - <b>NC-21</b>.
<br/><br/>
<b>»</b> События развиваются после 4-го сезона. Сайлас остался жив, но самая ужасная новость в том, что он является точной копией Стефана, вернее, с точностью, да 
на оборот. Но это ещё не самая важная новость, ведь из того мира вернулась Кетси, готовая навести порядок и уничтожить Сайласа.
<!-- Конец -->
</div>
     <div id="sm2" class="submenutext">
<!-- Контент второй вкладки -->
<h4>Администрация</h4>
<a href="http://tvdri.rusff.ru/profile.php?id=2"><img src="http://s3.uploads.ru/kgYS8.png" title="Elena"/></a>
<a href="http://tvdri.rusff.ru/profile.php?id=3"><img src="http://s3.uploads.ru/q2rHj.png" title="Katherine"></a>
<a href="http://tvdri.rusff.ru/profile.php?id=15"><img src="http://s3.uploads.ru/SV0Iz.png" title="Rebekah"></a>
<!-- Конец -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->
<div id="links_col" align="center">
<a href="http://tvdri.rusff.ru/viewtopic.php?id=12&p=4#p3758"><img src="http://radikal.ua/data/upload/0fccf/6895e/705a317f06.png"/></a>
<a href="http://tvdri.rusff.ru/viewtopic.php?id=16"><img src="http://radikal.ua/data/upload/4fa6c/ba193/918fb9cd65.png"/></a>
<a href="http://tvdri.rusff.ru/viewtopic.php?id=6"><img src="http://radikal.ua/data/upload/fb1a9/6895e/6098fc467d.png"/></a>
<a href="http://tvdri.rusff.ru/viewtopic.php?id=3"><img src="http://radikal.ua/data/upload/0fccf/ba193/610fb28980.png"/></a>
<a href="http://tvdri.rusff.ru/viewforum.php?id=4"><img src="http://radikal.ua/data/upload/fb1a9/05615/d5f12cadad.png"/></a>
<a href="http://tvdri.rusff.ru/viewtopic.php?id=20#p3748"><img src="http://radikal.ua/data/upload/4fa6c/c2184/2218a79700.png"/></a>
<a href="http://tvdri.rusff.ru/viewforum.php?id=15"><img src="http://radikal.ua/data/upload/c2184/69fda/eb672bf3a6.png"/></a>
</div>
<!-- КОнец -->
</div>
     <div id="sm4" class="submenutext">
<!-- Контент четвертой вкладки -->
<img src="http://s4.uploads.ru/85jaq.png" border="0"/>
<img src="http://s4.uploads.ru/B0VRI.png" border="0"/>
<img src="http://s5.uploads.ru/FMt63.png" border="0"/>
<img src="http://s5.uploads.ru/7XCpS.jpg" border="0"/>
<img src="http://s5.uploads.ru/HbPio.png" border="0"/>
<!-- Конец -->
</div>
     <div id="sm5" class="submenutext">
<!-- Контент пятой вкладки -->
<h4>Счетчики и топы</h4>

<a href="http://top.roleplay.ru/20754" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>
<br/>
<a href="http://forum-top.ru/vote/2579" title="Рейтинг форумов Forum-top.ru" target="_blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru"/></a>
<br/>
<!-- HotLog -->
<script type="text/javascript">
hotlog_r=""+Math.random()+"&s=2302170&im=465&r="+
escape(document.referrer)+"&pg="+escape(window.location.href);
hotlog_r+="&j="+(navigator.javaEnabled()?"Y":"N");
hotlog_r+="&wh="+screen.width+"x"+screen.height+"&px="+
(((navigator.appName.substring(0,3)=="Mic"))?screen.colorDepth:screen.pixelDepth);
hotlog_r+="&js=1.3";
document.write('<a href="http://click.hotlog.ru/?2302170" target="_blank"><img '+
'src="http://hit3.hotlog.ru/cgi-bin/hotlog/count?'+
hotlog_r+'" border="0" width="88" height="31" title="HotLog: показано количество посетителей за сегодня и всего" alt="HotLog"><\/a>');
</script>
<noscript><a href="http://click.hotlog.ru/?2302170" target="_blank"><img src="http://hit3.hotlog.ru/cgi-bin/hotlog/count?s=2302170&im=465" border="0" width="88" height="31" title="HotLog: показано количество посетителей за сегодня и всего" alt="HotLog"></a></noscript>
<!-- /HotLog -->

<h4>Our friends</h4>
<!-- Подблок баннеров -->

<a href="http://requiemtvd.rusff.ru" title="TVD: Reqiiem for a dream" target="_blank"><img src="http://savepic.org/3539600.gif"></a>
<a href="http://academydarklily.rolka.su/"><img src="http://s020.radikal.ru/i703/1306/ae/8303b63b64a3.gif" title="Academy of Dark Lily"></a>

<!-- Конец подблока -->
<!-- Конец -->
</div>
</div>
   </td>
</tr>
 </tbody>
</table>
<!-- Конец вложенной таблицы -->
</td>
</tr>
<tr>
<td colspan="2">
<!-- Блок важных ссылок -->
<h4>Внимание: обновлены акции! Проще приема вам не найти!</h4>
<div id="important_links">
<a href="http://tvdri.rusff.ru/viewtopic.php?id=100">Летняя халява всем! Прием без анкет!</a>
<a href="http://tvdri.rusff.ru/viewtopic.php?id=88">Супер-парням: бонусы!</a>
<a href="http://tvdri.rusff.ru/viewtopic.php?id=23">Требуется администрация!</a>
</div>
<!-- Конец блока -->
</td>
</tr>
</table>
<!-- Конец основной таблицы -->

Поделиться456Вс, 7 Июл 2013 14:50:55

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

Confetti,

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

Код:

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

#kota-kote td {
  text-align: center;
  vertical-align: top;
  padding: 3px;
  }

#kota-kote h3 {
  margin: 1px 0 4px 0;
  font: normal 1.7em 'Monotype Corsiva', monospace;
  letter-spacing: 1px;
  }

.obvodka {
  padding-bottom: 4px;
  border: 0.1em solid #A27F4E;

  -webkit-box-shadow: 5px 5px 10px #3B2F28;
   -khtml-box-shadow: 5px 5px 10px #3B2F28;
     -moz-box-shadow: 5px 5px 10px #3B2F28;
          box-shadow: 5px 5px 10px #3B2F28;

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

<!-- Основная таблица -->
<table id="kota-kote" style="width: 100%; border: none;" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 40%;">
<div class="obvodka" style="height: 270px;">
<h3>Новости</h3>

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

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

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

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

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

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

<br/><br/>

<form> 
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> 
<option>Навигация</option> 
<option value="ссылка">Тема_1</option>
<option value="ссылка">Тема_2</option>
<option value="ссылка">Тема_3</option>
<option value="ссылка">Тема_4</option>
<option value="ссылка">Тема_5</option>
<option value="ссылка">Тема_6</option>
</select> 
</form>

</div>

</td>
<td style="width: 60%;">
<div class="obvodka" style="height: 226px; margin-bottom: 5px;">
<h3>Погода</h3>

(описание) (описание) (описание) (описание) (описание) (описание) (описание) (описание) (описание) (описание) (описание) (описание) (описание) 

<h3>Ситуация в игре</h3>

ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре 

ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре 

ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре 

ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре 

ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре ситуация в игре 

</div>

<div class="obvodka" style="height: 31px; padding-top: 2px;">

максимальная вместимость контейнера - 5 баннеров

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

Поделиться457Вс, 7 Июл 2013 15:03:58

Автор: Ta_chan
Заслуженный
Зарегистрирован: Вс, 28 Фев 2010
Сообщений: 256
Уважение: +14
Позитив: +18
Последний визит:
Ср, 24 Фев 2021 08:49:58

Rion Leonheart
огромное спасибо!!))

Поделиться458Вс, 7 Июл 2013 15:15:31

Автор: ЛаскаКВ
Заслуженный
Зарегистрирован: Сб, 1 Июн 2013
Сообщений: 282
Уважение: +34
Позитив: +36
Последний визит:
Чт, 5 Янв 2017 15:45:43

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

2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!http://rolevayakvdevyatziznei.rolevaya.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.

в блоке новости прокрктка как на сайтах,перелистование при нажатии летопись и др. фон желательно сделать в виде свитка,а по бокам берёзовые веточки свисают,можно так?

Поделиться459Вс, 7 Июл 2013 16:01:17

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

ЛаскаКВ написал(а):

фон желательно сделать в виде свитка,а по бокам берёзовые веточки свисают,можно так?

Вообще-то, извините, что вмешиваюсь, но это вы должны сами показать, т е картинку с берёзовыми веточками, картинку со свитком и тд кинуть сюда, Rion Leonheart не обязан искать картинки самому

Поделиться460Вс, 7 Июл 2013 16:37:25

Автор: Nubia
Заслуженный
Зарегистрирован: Вс, 16 Июн 2013
Сообщений: 148
Уважение: +12
Позитив: +19
Пол: Женский
Последний визит:
Вс, 10 Ноя 2019 14:02:14

Rion Leonheart
Огромное спасибо за табличку, ~~но баннеры партнеров теперь отображаются значительно крупнее своих размеров почему то)~~Разобралась уже)

Отредактировано Nubia (Вс, 7 Июл 2013 16:48:20)

Страница: « 1 … 21 22 23 24 25 … 50 »

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

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

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

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

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

Сообщений 441 страница 460 из 1000

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

Поделиться441Чт, 4 Июл 2013 13:14:49

Поделиться442Чт, 4 Июл 2013 19:24:05

Поделиться443Пт, 5 Июл 2013 15:26:51

Поделиться444Сб, 6 Июл 2013 21:07:21

Поделиться445Сб, 6 Июл 2013 21:29:11

Поделиться446Сб, 6 Июл 2013 22:09:06

Поделиться447Сб, 6 Июл 2013 22:37:17

Поделиться448Сб, 6 Июл 2013 22:53:35

Поделиться449Сб, 6 Июл 2013 23:11:06

Поделиться450Вс, 7 Июл 2013 10:01:54

Поделиться451Вс, 7 Июл 2013 10:06:37

Поделиться452Вс, 7 Июл 2013 10:08:32

Поделиться453Вс, 7 Июл 2013 10:11:22

Поделиться454Вс, 7 Июл 2013 11:35:30

Поделиться455Вс, 7 Июл 2013 13:20:17

Поделиться456Вс, 7 Июл 2013 14:50:55

Поделиться457Вс, 7 Июл 2013 15:03:58

Поделиться458Вс, 7 Июл 2013 15:15:31

Поделиться459Вс, 7 Июл 2013 16:01:17

Поделиться460Вс, 7 Июл 2013 16:37:25