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

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

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

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

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

Поделиться301Чт, 23 Май 2013 15:35:25

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

White Oleander, /*извиняюсь, завал на работе -_-*/

Показать

В html-верх:

Код:

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em;}

/* Настройки таблицы */

#menu {margin-bottom: 10px;}

#menu span {
  padding: 0px;
  margin: 0px;
  width: 200px;
  height: 50px;
  }

#submenu {
  width: 850px;
  height: auto;
  padding: 0px;
  }

.submenutext {
  display: none;
  text-align: center;
  background: #d3d3d3;
  width: 830px;
  height: 290px;
  margin: 5px;
  padding: 5px;
  }

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

.avadaK td {
  text-align: center;
  vertical-align: top;
  padding: 5px;
  }
</style>

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

Код:

<!-- Основная таблица -->
<center><table style="width: 860px; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu">
<!-- Таблица кнопок -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%;"><span alt="#sm1" style="cursor: pointer;"><img src="http://s1.uploads.ru/7kmxs.jpg"/></span></td>
<td style="width: 25%;"><span alt="#sm2" style="cursor: pointer;"><img src="http://s1.uploads.ru/7kmxs.jpg"/></span></td>
<td style="width: 25%;"><span alt="#sm3" style="cursor: pointer;"><img src="http://s1.uploads.ru/7kmxs.jpg"/></span></td>
<td style="width: 25%;"><span alt="#sm4" style="cursor: pointer;"><img src="http://s1.uploads.ru/7kmxs.jpg"/></span></td>
</tr>
</table>
<!-- Конец кнопок -->
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- Контент первой вкладки -->
<table class="avadaK" style="width: 830px; height: 290px; border: none;" cellspacing="0" cellpadding="0">
<tr style="height: 30%;">
<td colspan="3">

Текст

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

<img style="margin-bottom: 3px;" src="http://s1.uploads.ru/7kmxs.jpg"/>
<br/>
<div style="width: 100%; height: 135px;">

Еще текст

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

<img style="margin-bottom: 5px;" src="http://s1.uploads.ru/7kmxs.jpg"/>
<br/>
<a href="http://kuda-to.ru/"><img style="width: 130px; height: 130px;" src="http://s1.uploads.ru/7kmxs.jpg"/></a>
<a href="http://kuda-to.ru/"><img style="width: 130px; height: 130px;" src="http://s1.uploads.ru/7kmxs.jpg"/></a>

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

<img style="margin-bottom: 3px;" src="http://s1.uploads.ru/7kmxs.jpg"/>
<br/>
<div style="width: 100%; height: 65px; margin-bottom: 5px;">

Под баннеры

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

Снова текст

</div>

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

     <div id="sm2" class="submenutext">
<!-- Контент второй вкладки -->
<table class="avadaK" style="width: 830px; height: 290px; border: none;" cellspacing="0" cellpadding="0">
<tr style="height: 30%;">
<td style="width: 35%; vertical-align: middle;">

<img src="http://s1.uploads.ru/7kmxs.jpg"/>

</td>
<td style="width: 65%; vertical-align: middle;">

<img src="http://s1.uploads.ru/7kmxs.jpg"/>

</td>
</tr>
<tr style="height: 70%;">
<td>
<div style="width: 100%; height: 200px;">

Место под текст

</div>
</td>
<td>
<div style="width: 100%; height: 200px; overflow-y: auto;">

Текст (авто-прокрутка)

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

     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->
<table class="avadaK" style="width: 830px; height: 290px; border: none;" cellspacing="0" cellpadding="0">
<tr style="height: 30%;">
<td style="width: 35%; vertical-align: middle;">

<img src="http://pic.ru/"/>

</td>
<td style="width: 65%; vertical-align: middle;">

<img src="http://pic.ru/"/>

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

<a href="http://kuda-to.ru/"><img style="width: 130px; height: 200px;" src="http://s1.uploads.ru/7kmxs.jpg"/></a>

<a href="http://kuda-to.ru/"><img style="width: 130px; height: 200px;" src="http://s1.uploads.ru/7kmxs.jpg"/></a>

</td>
<td>

<a href="http://kuda-to.ru/"><img style="width: 170px; height: 200px;" src="http://s1.uploads.ru/7kmxs.jpg"/></a>

<a href="http://kuda-to.ru/"><img style="width: 170px; height: 200px;" src="http://s1.uploads.ru/7kmxs.jpg"/></a>

<a href="http://kuda-to.ru/"><img style="width: 170px; height: 200px;" src="http://s1.uploads.ru/7kmxs.jpg"/></a>

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

     <div id="sm4" class="submenutext">
<!-- Контент четвертой вкладки -->
<table class="avadaK" style="width: 830px; height: 290px; border: none;" cellspacing="0" cellpadding="0">
<tr style="height: 50%;">
<td>

<img src="http://s1.uploads.ru/7kmxs.jpg"/><br/>

Тут текст

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

<img src="http://s1.uploads.ru/7kmxs.jpg"/><br/>

Тут текст

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

P.S.:
- Там, где увидите: .ttp//kuda-to.ru/ - нужно заменить на свою ссылку на тему,
- Там, где увидите: .ttp//s1.uploads.ru/7kmxs.jpg - нужно заменить на свою ссылку на картинку.
Когда заполните таблицу полностью, если заметите, что что-то не так - возвращайтесь, подправим, ибо размеры - как нарисовали.

Поделиться302Чт, 23 Май 2013 15:48:58

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

Ipsum, у вас надо сидеть вникать. На выходных

halloween. написал(а):

можно хотя бы примерную таблицу как на этом форуме?

Примерно как эта: "Плавающая" таблица в объявление.

Поделиться303Чт, 23 Май 2013 15:58:10

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

eve_san, ячейка, где будет меняться текст - должна быть фиксированного размера, или автоматически подстаиваться под размер контента?

Поделиться304Чт, 23 Май 2013 20:31:04

Автор: eve_san
Стремящийся
Зарегистрирован: Вт, 21 Май 2013
Сообщений: 3
Уважение: 0
Позитив: 0
Последний визит:
Чт, 30 Май 2013 15:38:27

Rion Leonheart
автоматически. извиняюсь, что не указала)

Поделиться305Сб, 25 Май 2013 00:33:00

Автор: Ipsum
Заслуженный
Зарегистрирован: Сб, 10 Сен 2011
Сообщений: 17
Уважение: +1
Позитив: +1
Последний визит:
Вс, 26 Май 2013 20:08:46

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

Ipsum, у вас надо сидеть вникать. На выходных

всячески помогу-поясню спасибо!

Поделиться306Сб, 25 Май 2013 20:36:17

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

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

2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
http://blackgrad.anihub.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Все, в принципе, прописано в эскизах, но на всякий случай повторюсь: все границы колонок прозрачные, в первом окне "Актуальное" левая и правая колонки одинакового размера ~~просто у кого-то руки не оттуда растут~~.
В окошке "О нас" при наведении на картинку админа/модера/помошника хотелось бы, чтобы выводилось имя и должность (в смысле заполню я сам, только нужно указать что и как, и где)
Ну, собственно, все.

Поделиться307Сб, 25 Май 2013 23:41:23

Автор: Ро* Ши*
Гуру
Зарегистрирован: Пт, 4 Ноя 2011
Сообщений: 848
Уважение: +68
Позитив: +57
Пол: Мужской
Предупреждения: This CatProfile is Dead.
Последний визит:
Пн, 27 Фев 2023 21:36:19

----

Отредактировано Ро* Ши* (Сб, 25 Май 2013 23:42:51)

Поделиться308Вс, 26 Май 2013 06:55:04

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

eve_san,

В html-верх:

Код:

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

#menu {margin: 0px;}

#menu span {
  display: block;
  padding: 2px 0 2px 0;
  margin: 0 0 5px 0;
  width: 90px;
  font: bold italic 16px 'Palatino Linotype', serif;
  border-bottom: 1px solid black;
  }

#menu span:hover, #menu .tabactive {border-bottom: none;}

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

.submenutext {
  display: none;
  text-align: center;
  width: 720px;
  height: auto;
  max-height: 210px;
  overflow-y: auto;
  padding: 5px;
  margin-bottom: 7px;
  }
</style>

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

Код:

<!-- Основная таблица --><center><table style="width: 90%; border: none; background-color: #d4cbd6;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu">
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%;" align="center"><span alt="#sm1" style="cursor: pointer;">Новости</span></td>
<td style="width: 25%;" align="center"><span alt="#sm2" style="cursor: pointer;">Ссылки</span></td>
<td style="width: 25%;" align="center"><span alt="#sm3" style="cursor: pointer;">В игре</span></td>
<td style="width: 25%;" align="center"><span alt="#sm4" 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;">

Контент новостей

</div>

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

Полезные ссылки

</div>

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

Чо твориццо

</div>

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

Ген. состав

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

Поделиться309Вс, 26 Май 2013 10:52:14

Автор: eve_san
Стремящийся
Зарегистрирован: Вт, 21 Май 2013
Сообщений: 3
Уважение: 0
Позитив: 0
Последний визит:
Чт, 30 Май 2013 15:38:27

Rion Leonheart
ох, огромное спасибо!^___^ всё работает))

Поделиться310Вс, 26 Май 2013 12:49:20

Автор: Ringo
Стремящийся
Зарегистрирован: Вт, 16 Авг 2011
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Пн, 6 Окт 2014 13:16:36

1) Эскиз вашей будущей таблицы.
таблица слайдер.
1 слайд
2 слайд
3 слайд

2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
http://magicsummer.rusff.ru/

3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
прокрутки указаны на эскизах. таблица должна быть фиксированной, все размеры указаны в эскизах. стрелочки:
стрелка вправо (40х50), стрелка влево (40х50), расстояние между стрелками 884 пикс. границы таблицы прозрачные, как и фон. ~~вроде все, надеюсь с размерами не напутала~~

Отредактировано Ringo (Вт, 28 Май 2013 08:53:33)

Поделиться311Вс, 26 Май 2013 13:54:19

Автор: White Oleander
Заслуженный
Зарегистрирован: Пн, 13 Май 2013
Сообщений: 36
Уважение: 0
Позитив: +5
Пол: Женский
Последний визит:
Вт, 4 Июн 2013 11:13:03

Rion Leonheart
всё просто отлично)
мне очень нравится)
огромное Вам спасибо!

Поделиться312Вс, 26 Май 2013 15:28:31

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

Ipsum, домучил

Полотенце

В html-верх:

Код:

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

#menu {
  position: absolute;
  margin-top: 0px;
  left: 50%;
  margin-left: 56px;
  z-index: 1001;
  }

#menu span {
  display: block;
  padding: 0px;
  margin: 0px;
  width: 70px;
  height: 170px;
  }

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

.submenutext {
  display: none;
  text-align: center;
  height: 395px;
  }
</style>

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

В объявление (судя по тестовику):

Код:

<!-- Основная таблица --><center><table style="width: 773px; height: 395px; z-index: 1000; background: transparent url(http://i021.radikal.ru/1305/d6/cc522b20061c.png) 0 -16px no-repeat;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu">
<!-- Таблица кнопок -->
<table style="width: 280px; height: 170px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%;" align="center"><span alt="#sm1" style="cursor: pointer;"></span></td>
<td style="width: 25%;" align="center"><span alt="#sm2" style="cursor: pointer;"></span></td>
<td style="width: 25%;" align="center"><span alt="#sm3" style="cursor: pointer;"></span></td>
<td style="width: 25%;" align="center"><span alt="#sm4" 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;">
<!-- Контент первой вкладки -->
<table style="width: 773px; height: 395px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 273px; background: transparent url(http://s018.radikal.ru/i525/1305/91/0b6902e5f45e.png) -30px -7px no-repeat;" rowspan="3"><!-- Монстрюк слева --></td>
<td style="width: 500px; height: 172px;"><!-- Место под кнопки (всегда пустое) --></td>
</tr>
<tr><td style="height: 56px; background: transparent url(http://s006.radikal.ru/i214/1305/56/c74c9553be80.png) 67px 0 no-repeat;"><!-- Название вкладки --></td></tr>
<tr>
<td style="height: 167px;" align="left">
<!-- Две ячейки первой вкладки -->
<table style="width: 475px; height: 167px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%; padding-top: 3px;" align="left" valign="middle">
<div style="width: 222px; height: 134px; text-align: center; overflow-y: auto;">

Текст (или ссылки) - первая вкладка, левая колонка

</div>
</td>
<td style="width: 50%; padding-top: 3px;" align="right" valign="middle">
<div style="width: 222px; height: 134px; text-align: center; overflow-y: auto;">

Ссылки (или текст) - первая вкладка, правая колонка

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

     <div id="sm2" class="submenutext">
<!-- Контент второй вкладки -->
<table style="width: 773px; height: 395px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 273px; background: transparent url(http://s017.radikal.ru/i437/1305/fb/d589fbc99e48.png) -30px -7px no-repeat;" rowspan="3"><!-- Монстрюк слева --></td>
<td style="width: 500px; height: 172px;"><!-- Место под кнопки (всегда пустое) --></td>
</tr>
<tr><td style="height: 56px; background: transparent url(http://i017.radikal.ru/1305/74/c5e46ab4d6fe.png) 67px 0 no-repeat;"><!-- Название вкладки --></td></tr>
<tr>
<td style="height: 167px;" align="left">
<!-- Две ячейки второй вкладки -->
<table style="width: 475px; height: 167px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%; padding-top: 3px;" align="left" valign="middle">
<div style="width: 222px; height: 134px; text-align: center; overflow-y: auto;">

Текст (или ссылки) - вторая вкладка, левая колонка

</div>
</td>
<td style="width: 50%; padding-top: 3px;" align="right" valign="middle">
<div style="width: 222px; height: 134px; text-align: center; overflow-y: auto;">

Ссылки (или текст) - вторая вкладка, правая колонка

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

     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->
<table style="width: 773px; height: 395px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 273px;" valign="bottom" rowspan="3"><!-- Монстрюк слева --><img style="width: 273px;" src="http://i062.radikal.ru/1305/42/5b9f730c68ac.png"/><!-- End --></td>
<td style="width: 500px; height: 172px;"><!-- Место под кнопки (всегда пустое) --></td>
</tr>
<tr><td style="height: 56px; background: transparent url(http://i058.radikal.ru/1305/a6/401f966fc440.png) 67px 0 no-repeat;"><!-- Название вкладки --></td></tr>
<tr>
<td style="height: 167px;" align="left">
<!-- Два слайдера третьей вкладки -->
<table style="width: 475px; height: 167px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%; padding-top: 3px;" align="left" valign="middle">

<!-- Левый Cлайдер -->
<div id="slider1" slide-width="222" slide-height="134" class="slider" style="padding:0;height:0;width:0">
<!-- Две Кнопки слайдера -->
    <img button-width="12" class="button-left hide" src="http://s1.uploads.ru/vFWMx.png"/>
    <img button-width="12" class="button-right" src="http://s1.uploads.ru/E2r5N.png"/>
<div class="slider-content active"><a href="http://kuda-to.ru/"><img src="http://pic.jpg"/></a></div>
<div class="slider-content"><a href="http://kuda-to.ru/"><img src="http://pic.jpg"/></a></div>
<div class="slider-content"><a href="http://kuda-to.ru/"><img src="http://pic.jpg"/></a></div>
</div><script>$("#slider1").slideF(1,700);</script><!--//End Cлайдер -->

</td>
<td style="width: 50%; padding-top: 3px;" align="right" valign="middle">

<!-- Правый Cлайдер -->
<div id="slider2" slide-width="222" slide-height="134" class="slider" style="padding:0;height:0;width:0">
<!-- Две Кнопки слайдера -->
    <img button-width="12" class="button-left hide" src="http://s1.uploads.ru/vFWMx.png"/>
    <img button-width="12" class="button-right" src="http://s1.uploads.ru/E2r5N.png"/>
<div class="slider-content active"><a href="http://kuda-to.ru/"><img src="http://pic.jpg"/></a></div>
<div class="slider-content"><a href="http://kuda-to.ru/"><img src="http://pic.jpg"/></a></div>
<div class="slider-content"><a href="http://kuda-to.ru/"><img src="http://pic.jpg"/></a></div>
</div><script>$("#slider2").slideF(1,700);</script><!--//End Cлайдер -->

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

     <div id="sm4" class="submenutext">
<!-- Контент четвертой вкладки -->
<table style="width: 773px; height: 395px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 273px;" rowspan="3"><!-- Монстрюк слева --><img style="width: 273px;height: 395px; margin-bottom: -2px;" src="http://s020.radikal.ru/i713/1305/af/b0faaa66dc93.png"/><!-- End --></td>
<td style="width: 500px; height: 172px;"><!-- Место под кнопки (всегда пустое) --></td>
</tr>
<tr><td style="height: 56px; background: transparent url(http://s017.radikal.ru/i403/1305/d2/dc2283238f4e.png) 67px 0 no-repeat;"><!-- Название вкладки --></td></tr>
<tr>
<td style="height: 167px;" align="left">
<!-- Две ячейки четвертой вкладки -->
<table style="width: 475px; height: 167px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%; padding-top: 3px;" align="left" valign="middle">
<div style="width: 222px; height: 134px; text-align: center; overflow-y: auto;">

Текст (или ссылки) - четвертая вкладка, левая колонка

</div>
</td>
<td style="width: 50%; padding-top: 3px;" align="right" valign="middle">
<div style="width: 222px; height: 134px; text-align: center; overflow-y: auto;">

Ссылки (или текст) - четвертая вкладка, правая колонка

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

Примечания:

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

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

- Собственно, там подписано - где какая колонка (под текст /or/ ссылки) - тут не промахнетесь;
- В конечном варианте у вас 2 слайдера (тож подписано комментариями - найти не так сложно).
Строку:

<div class="slider-content"><a href="http:/_/kuda-to.ru/"><img src="http:/_/pic.jpg"/></a></div>

Можно размножать хоть до потери пульса (в обоих слайдерах), если требуется больше, чем 3 слайда (как сейчас).
Синим - ссылка на тему, красным - ссылка на пикчу.
Максимальный размер пикчи: 198х134;
- Стрелачки искать тут:

<img button-width="12" class="button-left hide" src="http:/_/s1.uploads.ru/vFWMx.png"/>
<img button-width="12" class="button-right" src="http:/_/s1.uploads.ru/E2r5N.png"/>

Синим - ссылка на пикчу левой стрелки, красным - правой.
Минимальная ширина одной стрелачки - 12 пикселей. Высота... ну где-то около 130 пикселей, при большом желании, так-то и намного меньше можно )
Собственно, и все. Если появятся вопросы, возвращайтесь.

Поделиться313Вс, 26 Май 2013 18:25:32

Автор: Ipsum
Заслуженный
Зарегистрирован: Сб, 10 Сен 2011
Сообщений: 17
Уважение: +1
Позитив: +1
Последний визит:
Вс, 26 Май 2013 20:08:46

Rion Leonheart, вы великолепны! огромное вам спасибо! спасибище, даже

Поделиться314Вс, 26 Май 2013 19:23:59

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

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

Ipsum, домучил

Круто!

Поделиться315Вт, 28 Май 2013 11:43:41

Автор: Фолтор
Стремящийся
Зарегистрирован: Вт, 28 Май 2013
Сообщений: 5
Уважение: 0
Позитив: 0
Последний визит:
Сб, 2 Ноя 2013 17:23:43

1) Эскиз таблицы - http://s1.uploads.ru/1yNzV.png
2) Ссылка на форум - http://cwdarktimes.0pk.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п. - там всё подписано, у большого окошка с текстом границы нужны.
Цвета фона такие же как на картинке. Да и можно сделать так, что бы при наведении на аватарки администрации (кстати, если понадобится, то их размер у админов 60 на 60, а у модеров 40 на 40) "всплывал" ник, а при нажатии на авик пользователя отправляло на страницу профиля.
Шрифт не знаю какой, но красивенький :3

Стрелочки:
http://s1.uploads.ru/7x9Bl.png
http://s1.uploads.ru/VuLwq.png

Поделиться316Вт, 28 Май 2013 17:15:15

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

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

...

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

Поделиться317Чт, 30 Май 2013 13:48:01

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

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

Круто!

~~Больше перечитывал~~

dj_maximus,

Код таблицы

В html-верх:

Код:

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

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

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

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

#menu .tabactive {color: maroon;}

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

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


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

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

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

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

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

Код:

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

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

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

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

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

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

1-й Контент

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

2-й Контент

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

3-й Контент

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

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

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

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

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

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

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

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

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

</td>
<td>

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

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

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

</td>
<td>

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

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

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

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

text

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

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

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

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

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

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

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

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

text

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

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

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

text

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

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

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

text

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

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

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

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

text

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

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

P.S.:
- В комментариях кода подписано - где какая вкладка - какой блок под что;
- Размеры - уж как нарисовали )

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

В окошке "О нас" при наведении на картинку админа/модера/помошника хотелось бы, чтобы выводилось имя и должность (в смысле заполню я сам, только нужно указать что и как, и где)

Во второй вкладке (подписана) ищем блоки с АМС (тоже подписано) и в них части кода:

<img style="width: 50px; height: 50px;" src="http:/_/pic.jpg" title="name_5, work_5"/>

Где вместо синего - вставляете ваши ссылки на картинки, вместо красного - вписываете "имя, должность".
Приведенные параметры абсолютно идентичны для всех десяти картинок.

Отредактировано Rion Leonheart (Чт, 30 Май 2013 15:30:34)

Поделиться318Чт, 30 Май 2013 17:00:21

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

Ringo,

Код

В html-верх:

Код:

<style type="text/css">
/* Настройки объявления */
#pun-announcement .container {
  margin-left: 5px;
  margin-bottom: -20px;
  height: 230px;
  }

#slider2 {
  position: absolute;
  z-index: 1000;
  margin-left: -71px;
  }

.retro-f td {
  text-align: center!important;
  vertical-align: top!important;
  padding: 5px;
  }

.retro-f h3 {
  margin: 0 0 5px 0;
  font: bold normal 12px 'times new roman', serif;
  text-transform: uppercase;
  }

td.right {text-align: right;}
td.left {text-align: left;}

.block-tx {
  width: 100%;
  height: 200px;
  overflow-y: auto;
  }
</style>

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

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

Код:

<!-- Сам слайдер -->
<div id="slider2" slide-width="954" slide-height="235" class="slider" style="padding:0;height:0;width:0">
<!-- Две Кнопки слайдера -->
<img button-width="57" class="button-left hide" src="http://savepic.org/3528249.png"/>
<img button-width="57" class="button-right" src="http://savepic.net/3718710.png"/>
<!-- 1-ый слайд --><div class="slider-content active">

<table class="retro-f" style="height: 230px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 280px;">

<h3>Администрация</h3>

1

</td>
<td style="width: 280px;">

<h3>Приветствие</h3>

2

</td>
<td style="width: 280px;">

<h3>Навигация</h3>

3

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

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

<table class="retro-f" style="height: 230px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 280px;">

<h3>Новости в игре</h3>
<div class="block-tx">

1

</div>
</td>
<td style="width: 280px;">

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

2

</td>
<td style="width: 280px;">

<h3>Объявления</h3>
<div class="block-tx">

3

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

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

<table class="retro-f" style="height: 230px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 420px;">

<h3>Баннеры партнеров</h3>
<div class="block-tx">

1

</div>
</td>
<td style="width: 420px;">

<h3>Баннеры</h3>
<div class="block-tx">

3

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

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

Поделиться319Чт, 30 Май 2013 17:01:37

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

Фолтор, OxxTypen, извиняюсь, на сегодня больше нет времени.

Поделиться320Чт, 30 Май 2013 21:40:45

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

Rion Leonheart
благодарю.)

Отредактировано dj_maximus (Чт, 30 Май 2013 21:42:41)

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

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

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

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

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

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

Сообщений 301 страница 320 из 1000

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

Поделиться301Чт, 23 Май 2013 15:35:25

Поделиться302Чт, 23 Май 2013 15:48:58

Поделиться303Чт, 23 Май 2013 15:58:10

Поделиться304Чт, 23 Май 2013 20:31:04

Поделиться305Сб, 25 Май 2013 00:33:00

Поделиться306Сб, 25 Май 2013 20:36:17

Поделиться307Сб, 25 Май 2013 23:41:23

Поделиться308Вс, 26 Май 2013 06:55:04

Поделиться309Вс, 26 Май 2013 10:52:14

Поделиться310Вс, 26 Май 2013 12:49:20

Поделиться311Вс, 26 Май 2013 13:54:19

Поделиться312Вс, 26 Май 2013 15:28:31

Поделиться313Вс, 26 Май 2013 18:25:32

Поделиться314Вс, 26 Май 2013 19:23:59

Поделиться315Вт, 28 Май 2013 11:43:41

Поделиться316Вт, 28 Май 2013 17:15:15

Поделиться317Чт, 30 Май 2013 13:48:01

Поделиться318Чт, 30 Май 2013 17:00:21

Поделиться319Чт, 30 Май 2013 17:01:37

Поделиться320Чт, 30 Май 2013 21:40:45