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

Страница: « 1 … 10 11 12 13 14 … 50 »

Сообщений 221 страница 240 из 1000

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

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

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

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

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

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

Перевести Поделиться221Вт, 2 Апр 2013 20:08:34

Автор: Ruben
Стремящийся
Зарегистрирован: Пн, 1 Апр 2013
Сообщений: 3
Уважение: 0
Позитив: 0
Последний визит:
Вт, 2 Апр 2013 22:43:33

Rion Leonheart
Mouryou правду глаголит
Нам бы тельцо, а дальше сами разберемся 8-)

Перевести Поделиться222Вт, 2 Апр 2013 20:15:09

Автор: Namiko Roka
Заслуженный
Зарегистрирован: Чт, 3 Июн 2010
Сообщений: 110
Уважение: 0
Позитив: +13
Последний визит:
Сб, 15 Июн 2013 20:48:43

Rion Leonheart
спасибо)

Перевести Поделиться223Ср, 3 Апр 2013 15:15:40

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

Ruben,

Код:

<style type="text/css">
#pun-announcement .container table td {
  text-align: center;
  vertical-align: top;
  }

#pun-announcement .container h3 {
  font: bold 16px garamond, 'times new roman', serif;
  color: #A5895E;
  margin: 3px 0 5px 0;
  }

.coltext {width: 98%; height: 280px; overflow-y: auto; margin: 2px; padding: 2px;}
</style>

<table style="width: 100%;" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 40%;" rowspan="2">

<h3>Новости форума</h3>

<div class="coltext">

Трататата! Проводится реорганизация форума, посему ничерта нет :3 

<b>Уважаемые гости:</b> Добавьте форум в закладки и терпеливо ожидайте сотворения чудес, надеемся на вас! ^^
<br/>
<b>Правила размещения рекламы:</b> Вы у нас - мы у вас
<br/>
<b>Время и погода в ролевой:</b> Пустота, персонажи находятся в состоянии бестелесном.

</div>

</td>
<td style="width: 35%; height: 190px;">

Место под облако тегов (yoblako)

</td>
<td style="width: 25%;" rowspan="2">

<h3>Пиар и баннеры</h3>

<div class="coltext">

Баннеры

</div>

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

<h3>Игровая информация</h3>

Погода; квесты

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

Перевести Поделиться224Ср, 3 Апр 2013 17:27:08

Автор: Mouryou
Стремящийся
Зарегистрирован: Чт, 27 Дек 2012
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Чт, 27 Июн 2013 21:05:53

Rion Leonheart
Премного благодарны

Перевести Поделиться225Сб, 6 Апр 2013 04:06:13

Автор: Snapshot
Стремящийся
Зарегистрирован: Сб, 6 Апр 2013
Сообщений: 1
Уважение: 0
Позитив: 0
Последний визит:
Сб, 24 Авг 2013 19:57:01

запрос удалил, уже не актуально

Отредактировано Snapshot (Сб, 6 Апр 2013 13:31:15)

Перевести Поделиться226Вт, 9 Апр 2013 15:51:58

Автор: Мыльный шар
Стремящийся
Зарегистрирован: Вт, 9 Апр 2013
Сообщений: 3
Уважение: 0
Позитив: 0
Последний визит:
Чт, 25 Апр 2013 12:33:54

1. Эскиз таблицы:

Таблица. Первая страница. Welcome.

Таблица. Вторая страница. Новости.

Таблица. Третья страница. Навигация.

Таблица. Четвертая страница. Администрация. *картинки 50x50

Таблица. Пятая страница. Партнеры.

Таблица. Шестая страница. Доска почёта.

2. Ссылка на форум:
http://betrayalknowsmyname.rolka.su/
3. Предпочтения:
Примерный размер таблицы (без верхних ссылок) 705х250. Верхние ссылки (welcome, новости, навигация, АМС, ect.) при нажатии должны менять цвет на черный. Без нажатия цвет #4c2520. Все картинки участников 50х50. Картинка под "5 вечеров с" - 100х100. В "партнерах" прокрутка появляется только если все баннеры не вмещаются. В остальных темах прокрутка видна всегда, вне зависимости от наполнения блока. Ссылки (в вкладках навигация, партнеры, welcome) оформляются как на этом форуме.
Слова, на которые нажимают при переходе с вкладки на вкладку(welcome, навигация, новости, ect.) не нужно помещать в "пузырь", как, например, на этом форуме. Просто слова без обводки и рамок.
Заранее спасибо

Перевести Поделиться227Пт, 12 Апр 2013 12:08:23

Автор: AnotherWORLD
Заслуженный
Зарегистрирован: Вт, 8 Янв 2013
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Вс, 15 Май 2016 09:19:57

Приветствую!
Сделайте, пожалуйста, таблицу, а то у меня не получается))
1) Эскиз
http://savepic.ru/4439255.png
2) Ссылка на форум
тестовик - http://help.frmbb.ru/
3) Просьба границы таблицы сделать прозрачными, а все необходимые прокрутки указаны на эскизе.

Заранее благодарен за помощь и надеюсь на оперативность))

Отредактировано AnotherWORLD (Пт, 12 Апр 2013 12:12:30)

Перевести Поделиться228Вс, 14 Апр 2013 10:24:05

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

Мыльный шар,

В html-верх:

Код:

<style>
/* -------- стиль таблицы в объявлении -------- */
#menu {
  height: 18px;
  margin: 0px;
  }

#menu span {
  padding: 2px;
  margin: 0px 3px;
  width: 100px;
  font: 14px 'times new roman', serif;
  color: #4c2520;
  }

#menu .tabactive {
  color: #000;
  }

#submenu {
  padding: 5px;
  width: 695px;
  height: 240px;
  border: 1px solid black;

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

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

#submenu table td {text-align: justify; vertical-align: top;}

#submenu h3 {
  text-align: center;
  font: bold 14px 'times new roman', serif;
  margin: 0px 0px 10px 0px;
  }

.nav {
  width: 200px;
  }

.nav a {
  display: block;
  color: #000;
  background-color: #d5d6d6;
  text-align: left;
  width: 194px;
  padding: 3px;
  margin-top: 5px;
  text-decoration: none;
  font-size: 10px;
  font-weight: normal!important;
  font-style: normal!important;
  }

.nav a:hover {
  background-color: #fff;
  text-decoration: none;
  }

.ams_fr img {
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 8px;
  border: none;
  }

.play_g img {
  width: 50px;
  height: 50px;
  border: none;
  margin: 0 3px 6px 3px;
  }
</style>

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

Код:

<!-- Сама таблица -->
<center><table style="width: 100%;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="left">
    <div id="menu">
<!-- Кнопачки -->
<span alt="#sm1" style="cursor: pointer; margin-left: 80px;">welcome</span>
<span alt="#sm2" style="cursor: pointer;">новости</span>
<span alt="#sm3" style="cursor: pointer;">навигация</span>
<span alt="#sm4" style="cursor: pointer;">администрация</span>
<span alt="#sm5" style="cursor: pointer;">партнеры</span>
<span alt="#sm6" style="cursor: pointer;">доска почёта</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;">
<!-- Контент первой вкладки -->

<table style="width: 100%; height: 240px;" cellpadding="5" cellspacing="0">
<tr style="height: 80%;">
<td style="width: 60%;">

<h3>welcome!</h3>

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

</td>
<td style="width: 40%;">

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

<center><div class="nav">
<a href="link1">Ссылка 1</a>
<a href="link2">Ссылка 2</a>
<a href="link3">Ссылка 3</a>
<a href="link4">Ссылка 4</a>
<a href="link5">Ссылка 5</a>
</div></center>

</td>
</tr>
<tr style="height: 20%;">
<td>

<h3>Важно!</h3>

text text text text text text text text text text text text text text text

</td>
<td style="text-align: center;">

text text text text

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

<!-- Конец контента -->
</div>

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

<table style="width: 100%; height: 240px;" cellpadding="5" cellspacing="0">
<tr>
<td style="width: 45%;" rowspan="2">

<h3>Новости New!</h3>

<div style="padding-right: 5px; height: 200px; overflow-y: scroll;">

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text

</div>
</td>
<td style="width: 65%; height: 160px;">

<h3>В игре</h3>

text text text text text text text text text text text text text text

text text text text text text text text text text text text text text

text text text text text text text text text text text text text text
<br/>
<strong>погода и время</strong>
<br/>
<b>время и дата:</b> text text text text text text text
<br/>
<b>погода:</b> text text text text text text text text text text text text text
               text text text text text text text text text text text text text

</td>
</tr>
<tr>
<td style="height: 80px;">

<h3>Дополнительно</h3>

text text text text text text text text text text text text text text

text text text text text text text text text text text text text text

text text text text text text text text text text text text text text

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

<!-- Конец контента -->
</div>

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

<table style="width: 100%; height: 240px;" cellpadding="5" cellspacing="0">
<tr>
<td style="width: 33%;">

<h3>гостям</h3>

<center><div class="nav">
<a href="link1">Ссылка 1</a>
<a href="link2">Ссылка 2</a>
<a href="link3">Ссылка 3</a>
<a href="link4">Ссылка 4</a>
<a href="link5">Ссылка 5</a>
<a href="link6">Ссылка 6</a>
<a href="link7">Ссылка 7</a>
<a href="link8">Ссылка 8</a>
</div></center>

</td>
<td style="width: 33%;">

<h3>участникам</h3>

<center><div class="nav">
<a href="link1">Ссылка 1</a>
<a href="link2">Ссылка 2</a>
<a href="link3">Ссылка 3</a>
<a href="link4">Ссылка 4</a>
<a href="link5">Ссылка 5</a>
<a href="link6">Ссылка 6</a>
<a href="link7">Ссылка 7</a>
<a href="link8">Ссылка 8</a>
</div></center>

</td>
<td style="width: 33%;">

<h3>реклама</h3>

<center><div class="nav">
<a href="link1">Ссылка 1</a>
<a href="link2">Ссылка 2</a>
<a href="link3">Ссылка 3</a>
<a href="link4">Ссылка 4</a>
<a href="link5">Ссылка 5</a>
<a href="link6">Ссылка 6</a>
</div></center>

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

<!-- Конец контента -->
</div>

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

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

<h3>admin</h3>

<div class="ams_fr" style="padding-right: 5px; height: 200px; overflow-y: scroll;">

<img src="link1"/>

<a href="link1">nikname 1</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

<br/><br/><br/>

<img src="link2"/>

<a href="link2">nikname 2</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

<br/><br/><br/>

<img src="link3"/>

<a href="link3">nikname 3</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

<br/><br/><br/>

<img src="link4"/>

<a href="link4">nikname 4</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

</div>

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

<h3>moder</h3>

<div class="ams_fr" style="padding-right: 5px; height: 200px; overflow-y: scroll;">

<img src="link5"/>

<a href="link5">nikname 5</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

<br/><br/><br/>

<img src="link6"/>

<a href="link6">nikname 6</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

<br/><br/><br/>

<img src="link7"/>

<a href="link7">nikname 7</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

<br/><br/><br/>

<img src="link8"/>

<a href="link8">nikname 8</a>

<br/><br/>

text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

</div>

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

<!-- Конец контента -->
</div>

     <div id="sm5" class="submenutext">
<!-- Контент пятой вкладки -->

<table style="width: 100%; height: 240px;" cellpadding="5" cellspacing="0">
<tr style="height: 180px;">
<td style="width: 50%; text-align: center;">

<h3>партнеры форума</h3>

<div style="padding-right: 5px; height: 140px; overflow-y: auto;">

<a href='http://wizardtop.ru/in.php?id=1774' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/3.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<a href="http://toponline.msk.ru/"><img src="http://toponline.msk.ru/button.php?u=MrDiva" alt="TopOnline - Рейтинг ролевых игр" border="0"/></a> 
<a href="http://anime-club.info/top100/rate?site_id=11424" target="_blank"><IMG src="http://anime-club.info/top100/img/logo.gif?" border="0" alt="http://anime-club.info/top100/"></a>
<a href="http://forum-top.ru/vote/1353" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru"/></a>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=16051' 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=16051&cid=10_2.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=16051&cid=10_2.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript></a>
<a href="http://top.roleplay.ru/18561" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/rpgtop1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>

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

<h3>реклама</h3>

<center><div class="nav">
<a href="link1">Ссылка 1</a>
<a href="link2">Ссылка 2</a>
<a href="link3">Ссылка 3</a>
<a href="link4">Ссылка 4</a>
</div></center>

</td>
</tr>
<tr style="height: 60px;">
<td colspan="2">

text text text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text text text

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

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

<table style="width: 100%; height: 240px;" cellpadding="5" cellspacing="0">
<tr style="height: 200px;">
<td style="width: 33%; text-align: center;">

<h3>лучшие игроки</h3>

<div class="play_g">
<img src="link1"/>
<img src="link2"/>
<img src="link3"/>
<img src="link4"/>
<img src="link5"/>
<img src="link6"/>
</div>

</td>
<td style="width: 33%; text-align: center; vertical-align: bottom;">

<h3>5 вечеров с</h3>

<img style="width: 100px; height: 100px;" src="link"/>

</td>
<td style="width: 33%; text-align: center;">

<h3>активисты</h3>

<div class="play_g">
<img src="link1"/>
<img src="link2"/>
<img src="link3"/>
<img src="link4"/>
<img src="link5"/>
<img src="link6"/>
</div>

</td>
</tr>
<tr style="height: 40px;">
<td colspan="3">

<h3><a href="link">Лучший пост</a></h3>

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

<!-- Конец контента -->
</div>
   </td>
</tr>
 </tbody>
</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").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

Перевести Поделиться229Вс, 14 Апр 2013 10:30:56

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51726
Уважение: +15542
Позитив: +12351
Последний визит:
Пт, 19 Дек 2025 15:29:55

Rion Leonheart
Сейчас доделаю монстрик... Таблицы - мон в онлайне забабахать

Перевести Поделиться230Вс, 14 Апр 2013 10:57:06

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

AnotherWORLD,

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

Код:

<style type="text/css">
#pun-announcement .container {margin-left: 2.5em;}

#pun-announcement .container table td {border: 1px solid black; text-align: center; vertical-align: middle; padding: 5px;}
</style>

<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 33%;" rowspan="2">

Text (left block)

</td>
<td style="width: 25%;">

Text (center-top)

</td>
<td style="width: 42%;">

Название (right-top)

<br/><br/>
<div style="padding-right: 5px; height: 120px; overflow-y: auto;">

text (автопоявление колеса прокрутки)

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

Название (center-middle)

<br/><br/>
<div style="padding-right: 5px; height: 80px; overflow-y: auto;">

text (автопоявление колеса прокрутки)

</div>
</td>
<td>

Text (right-middle)

</td>
</tr>
<tr>
<td style="padding: 0px;" colspan="3">


<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 33%;">

Text (bottom-left)

</td>
<td style="width: 33%;">

Text (bottom-center)

</td>
<td style="width: 33%;">

Text (bottom-right)

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


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

Когда закончите заполнять, исправите вот тут выделеное синим:

<style type="text/css">
#pun-announcement .container {margin-left: 2.5em;}

#pun-announcement .container table td {border: 1px solid black; text-align: center; vertical-align: middle; padding: 5px;}
</style>

На border: none;. А то без границ можно заблудиться...

Перевести Поделиться231Вс, 14 Апр 2013 10:59:27

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

Deff, ты уже тут как тут 8-) ну подождем, пока доделаешь.

Перевести Поделиться232Вс, 14 Апр 2013 11:08:42

Автор: Мыльный шар
Стремящийся
Зарегистрирован: Вт, 9 Апр 2013
Сообщений: 3
Уважение: 0
Позитив: 0
Последний визит:
Чт, 25 Апр 2013 12:33:54

Rion Leonheart
Большое спасибо
Но одна маленькая проблема - ссылки не оформились в "контейнеры"
Тестовик - http://uragiriwabokunonamaetest.rusff.ru/

Перевести Поделиться233Пн, 15 Апр 2013 13:33:46

Автор: AnotherWORLD
Заслуженный
Зарегистрирован: Вт, 8 Янв 2013
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Вс, 15 Май 2016 09:19:57

Rion Leonheart
Большое-больше спасибо)) Прям большущее!

Перевести Поделиться234Пн, 15 Апр 2013 23:44:56

Автор: dj_maximus
Заслуженный
Зарегистрирован: Пт, 22 Фев 2013
Сообщений: 179
Уважение: +21
Позитив: +38
Последний визит:
Пт, 28 Июн 2024 16:49:14

Хочу заказать не совсем таблицу, ее небольшую часть.
Пример
В таблице в средней колонке на первой вкладке есть время и дата. Эта ~~фиговинка~~ ~~штучка~~ ромочка автоматически меняет установленное время (перелистывает). Если отдельно ее ~~запилить~~ сделать не получится, то сделаю полный заказ таблицы. Заранее спасибо.
Ссылка на форум

Перевести Поделиться235Вт, 16 Апр 2013 12:52:40

Автор: dean.allen.
Заслуженный
Зарегистрирован: Чт, 19 Янв 2012
Сообщений: 49
Уважение: +1
Позитив: +12
Последний визит:
Сб, 2 Май 2020 18:14:29

Таблицу я сделал, но где - то напортачил с размерами и отступами, помогите пожалуйста

Код:

<center><img src="http://s3.uploads.ru/Dgk0V.png"></center>

<style>	

#menu {
margin-top: -55px;}

#menu span {
width: 175px;
height: auto;
display: block;
margin-top: -5px;
padding: 0;}

#submenu {

width: 415px;}

.submenutext {
display: none;
text-align: center;
height: 390px;
width: 400px;
padding-left: -110px;
 line-height: 12px;
}
</style>

<center><table style="width: 410px; height: 390px; background: transparent center no-repeat;margin-top: -340px;" border="0" cellpadding="0" cellspacing="0" >
 <tbody>
  <tr>
   <td valign="middle" align="center" style="width: 175px; ">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://s3.uploads.ru/YatTI.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://s3.uploads.ru/YatTI.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s3.uploads.ru/YatTI.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://s3.uploads.ru/YatTI.png"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://s3.uploads.ru/YatTI.png"></span>
<span alt="#sm6" style="cursor: pointer;"><img src="http://s3.uploads.ru/YatTI.png"></span>
    </div>
   </td>
   <td id="MenuTxT" align="center" valign="middle">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/>
парапам 1
</div>
     <div id="sm2" class="submenutext"><br/>
парампам 2
	
</div>
     <div id="sm3" class="submenutext"><br/>
парамрам 4

</div>
     <div id="sm4" class="submenutext"><br/>
парамам 4
</div>

<div id="sm5" class="submenutext"><br/>
парампам 5

</div>
<div id="sm6" class="submenutext" style="display:block;"><br/>
парампам 6

</div>

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

<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>

Отредактировано dean.allen. (Вт, 16 Апр 2013 12:54:54)

Перевести Поделиться236Вт, 16 Апр 2013 13:41:08

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

Мыльный шар написал(а):

Но одна маленькая проблема - ссылки не оформились в "контейнеры"

Скопируйте еще раз коды для html-верха/объявления и обновите. Ваш форум счас вообще не считывает код стиля таблицы. Но в нем ошибок нет. Значит так скопировали неудачно.

Перевести Поделиться237Вт, 16 Апр 2013 13:58:20

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

dj_maximus,

У администрации того форума кодом погоды из объявления не интересовались?

Перевести Поделиться238Вт, 16 Апр 2013 14:37:23

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

dean.allen.,

исправленный вариант вашей таблицы:

Код:

<style>	
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

#menu {
margin: 0px;}

#menu span {
width: 155px;
height: auto;
display: block;
margin-top: 0px;
padding: 0;}

#submenu {width: 400px; height: 366px; padding: 15px 10px 15px 10px;}

.submenutext {
display: none;
text-align: center;
height: 356px;
width: 390px;
padding: 5px;
}
</style>

<center><table style="width: 600px; height: 394px; background: transparent url(http://s3.uploads.ru/Dgk0V.png) center no-repeat; margin-top: 0px;" border="0" cellpadding="0" cellspacing="0" >
 <tbody>
  <tr>
   <td valign="middle" align="right" style="width: 176px;">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://s3.uploads.ru/YatTI.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://s3.uploads.ru/YatTI.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s3.uploads.ru/YatTI.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://s3.uploads.ru/YatTI.png"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://s3.uploads.ru/YatTI.png"></span>
<span alt="#sm6" style="cursor: pointer;"><img src="http://s3.uploads.ru/YatTI.png"></span>
    </div>
   </td>
   <td id="MenuTxT" align="center" valign="middle" style="width: 424px;">
    <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 id="sm5" class="submenutext">

парампам 5

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

парампам 6

</div>

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

<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>

Перевести Поделиться239Вт, 16 Апр 2013 14:59:51

Автор: dean.allen.
Заслуженный
Зарегистрирован: Чт, 19 Янв 2012
Сообщений: 49
Уважение: +1
Позитив: +12
Последний визит:
Сб, 2 Май 2020 18:14:29

Rion Leonheart
Спасибо большое)

Перевести Поделиться240Вт, 16 Апр 2013 16:38:46

Автор: Мыльный шар
Стремящийся
Зарегистрирован: Вт, 9 Апр 2013
Сообщений: 3
Уважение: 0
Позитив: 0
Последний визит:
Чт, 25 Апр 2013 12:33:54

Rion Leonheart
Спасибо огромное. Проблема решена.

Страница: « 1 … 10 11 12 13 14 … 50 »

Таблицы на заказ (13)	Корзина	Вс, 26 Фев 2012
Таблицы на заказ (14)	Архив	Пн, 1 Окт 2012
Таблицы на заказ (16)	Архив	Пн, 31 Окт 2016
Таблицы на заказ (10)	Корзина	Чт, 6 Янв 2011
Таблицы на заказ (11)	Архив	Сб, 9 Июл 2011

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

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

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

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

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

Сообщений 221 страница 240 из 1000

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

Перевести Поделиться221Вт, 2 Апр 2013 20:08:34

Перевести Поделиться222Вт, 2 Апр 2013 20:15:09

Перевести Поделиться223Ср, 3 Апр 2013 15:15:40

Перевести Поделиться224Ср, 3 Апр 2013 17:27:08

Перевести Поделиться225Сб, 6 Апр 2013 04:06:13

Перевести Поделиться226Вт, 9 Апр 2013 15:51:58

Перевести Поделиться227Пт, 12 Апр 2013 12:08:23

Перевести Поделиться228Вс, 14 Апр 2013 10:24:05

Перевести Поделиться229Вс, 14 Апр 2013 10:30:56

Перевести Поделиться230Вс, 14 Апр 2013 10:57:06

Перевести Поделиться231Вс, 14 Апр 2013 10:59:27

Перевести Поделиться232Вс, 14 Апр 2013 11:08:42

Перевести Поделиться233Пн, 15 Апр 2013 13:33:46

Перевести Поделиться234Пн, 15 Апр 2013 23:44:56

Перевести Поделиться235Вт, 16 Апр 2013 12:52:40

Перевести Поделиться236Вт, 16 Апр 2013 13:41:08

Перевести Поделиться237Вт, 16 Апр 2013 13:58:20

Перевести Поделиться238Вт, 16 Апр 2013 14:37:23

Перевести Поделиться239Вт, 16 Апр 2013 14:59:51

Перевести Поделиться240Вт, 16 Апр 2013 16:38:46

Похожие темы

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

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

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

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

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

Сообщений 221 страница 240 из 1000

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

ПеревестиПоделиться221Вт, 2 Апр 2013 20:08:34

ПеревестиПоделиться222Вт, 2 Апр 2013 20:15:09

ПеревестиПоделиться223Ср, 3 Апр 2013 15:15:40

ПеревестиПоделиться224Ср, 3 Апр 2013 17:27:08

ПеревестиПоделиться225Сб, 6 Апр 2013 04:06:13

ПеревестиПоделиться226Вт, 9 Апр 2013 15:51:58

ПеревестиПоделиться227Пт, 12 Апр 2013 12:08:23

ПеревестиПоделиться228Вс, 14 Апр 2013 10:24:05

ПеревестиПоделиться229Вс, 14 Апр 2013 10:30:56

ПеревестиПоделиться230Вс, 14 Апр 2013 10:57:06

ПеревестиПоделиться231Вс, 14 Апр 2013 10:59:27

ПеревестиПоделиться232Вс, 14 Апр 2013 11:08:42

ПеревестиПоделиться233Пн, 15 Апр 2013 13:33:46

ПеревестиПоделиться234Пн, 15 Апр 2013 23:44:56

ПеревестиПоделиться235Вт, 16 Апр 2013 12:52:40

ПеревестиПоделиться236Вт, 16 Апр 2013 13:41:08

ПеревестиПоделиться237Вт, 16 Апр 2013 13:58:20

ПеревестиПоделиться238Вт, 16 Апр 2013 14:37:23

ПеревестиПоделиться239Вт, 16 Апр 2013 14:59:51

ПеревестиПоделиться240Вт, 16 Апр 2013 16:38:46

Похожие темы

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

Перевести Поделиться221Вт, 2 Апр 2013 20:08:34

Перевести Поделиться222Вт, 2 Апр 2013 20:15:09

Перевести Поделиться223Ср, 3 Апр 2013 15:15:40

Перевести Поделиться224Ср, 3 Апр 2013 17:27:08

Перевести Поделиться225Сб, 6 Апр 2013 04:06:13

Перевести Поделиться226Вт, 9 Апр 2013 15:51:58

Перевести Поделиться227Пт, 12 Апр 2013 12:08:23

Перевести Поделиться228Вс, 14 Апр 2013 10:24:05

Перевести Поделиться229Вс, 14 Апр 2013 10:30:56

Перевести Поделиться230Вс, 14 Апр 2013 10:57:06

Перевести Поделиться231Вс, 14 Апр 2013 10:59:27

Перевести Поделиться232Вс, 14 Апр 2013 11:08:42

Перевести Поделиться233Пн, 15 Апр 2013 13:33:46

Перевести Поделиться234Пн, 15 Апр 2013 23:44:56

Перевести Поделиться235Вт, 16 Апр 2013 12:52:40

Перевести Поделиться236Вт, 16 Апр 2013 13:41:08

Перевести Поделиться237Вт, 16 Апр 2013 13:58:20

Перевести Поделиться238Вт, 16 Апр 2013 14:37:23

Перевести Поделиться239Вт, 16 Апр 2013 14:59:51

Перевести Поделиться240Вт, 16 Апр 2013 16:38:46