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

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

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

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

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

Поделиться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
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

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 »

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

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

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

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

Таблицы на заказ (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