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

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

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

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

+3

Поделиться701Ср, 16 Окт 2013 12:17:24

Автор: Севери
Заслуженный
Зарегистрирован: Вс, 13 Окт 2013
Сообщений: 22
Уважение: 0
Позитив: +1
Последний визит:
Чт, 26 Июн 2014 10:08:52

Спасибо
Только можно сделать так, чтобы на главную,ролевую и новости были отдельные страницы? То есть,допустим, находясь на главной, мы переправились на новости и там был бы другой текст.
Примерно так ОО

0

Поделиться702Ср, 16 Окт 2013 14:13:29

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

Севери, будьте добры, на конкретных примерах, или скринах, или эскизах. А то моя так постранично не понимает, ибо вариантов исхода на слово - "страницы" минимум 2...

0

Поделиться703Ср, 16 Окт 2013 14:23:24

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Rion Leonheart, Приветы, - глянь ЛС

0

Поделиться704Ср, 16 Окт 2013 15:29:35

Автор: Севери
Заслуженный
Зарегистрирован: Вс, 13 Окт 2013
Сообщений: 22
Уважение: 0
Позитив: +1
Последний визит:
Чт, 26 Июн 2014 10:08:52

1
2
То есть таблица одна, но меняются в зависимости от того,какую информацию хочет узнать игрок.
На перовом скрине,была главная, а на втором, мы нажали на игру.
ещё раз спасибо ХД

0

Поделиться705Ср, 16 Окт 2013 16:26:55

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

Севери, а вы бы попробовали сперва заполнить код вашего заказа и на кнопачки потыкать. Даже если сейчас вставите всио, куда указано... То заметите, что информация меняется в зависимости от того, на какую кнопку нажмете.
Подсказка: разные цифры на трех вкладках.

0

Поделиться706Ср, 16 Окт 2013 16:33:43

Автор: Севери
Заслуженный
Зарегистрирован: Вс, 13 Окт 2013
Сообщений: 22
Уважение: 0
Позитив: +1
Последний визит:
Чт, 26 Июн 2014 10:08:52

У меня такое не происходит.
Текст ввела. Тыкнула на Важно. Ничего не изменилось.

0

Поделиться707Ср, 16 Окт 2013 16:59:38

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

Севери написал(а):

Текст ввела. Тыкнула на Важно. Ничего не изменилось.

Ссылку на форум с установленной таблицей?

0

Поделиться708Ср, 16 Окт 2013 17:12:02

Автор: Севери
Заслуженный
Зарегистрирован: Вс, 13 Окт 2013
Сообщений: 22
Уважение: 0
Позитив: +1
Последний визит:
Чт, 26 Июн 2014 10:08:52

Rion Leonheart
http://catwars.rolevaya.ru/

0

Поделиться709Ср, 16 Окт 2013 17:22:08

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

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

Пожалуйста, перечитайте сообщение 700.

Обратите особое внимание на блоки кода, которые относятся к пунктам html-верх/низ.
Найти их можно на странице: Администрирование; по ссылке: Настройки.
Там есть поля, которые так и подписаны - html-верх/низ, именно туда следует добавить недостающие части кода, после чего сохранить изменения

0

Поделиться710Пт, 18 Окт 2013 14:34:42

Автор: Севери
Заслуженный
Зарегистрирован: Вс, 13 Окт 2013
Сообщений: 22
Уважение: 0
Позитив: +1
Последний визит:
Чт, 26 Июн 2014 10:08:52

Rion Leonheart
Все получилось, спасибо

0

Поделиться711Пт, 18 Окт 2013 16:18:57

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

Севери, все равно вы как-то криво заполнили...

+1

Поделиться712Пт, 18 Окт 2013 16:21:37

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

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

Севери, все равно вы как-то криво заполнили...

Да - там странные теги
<style="color:brown">

0

Поделиться713Пт, 18 Окт 2013 16:40:03

Автор: error202
Заслуженный
Зарегистрирован: Чт, 6 Авг 2009
Сообщений: 72
Уважение: 0
Позитив: +24
Последний визит:
Чт, 26 Ноя 2015 18:58:14

Здравствуйте. хотелось бы табличку. сам форум - http://newlines.mybb.ru/
вот, что хочется получить в итоге - http://s5.uploads.ru/WD0Vx.png
подложка - http://s4.uploads.ru/u9YgB.png
слева обычное окно с текстом. картинка наверху слева - http://s5.uploads.ru/ngE4k.png
справа 4 переключающиеся вкладки. в каждой из них обычный текст, а так же скроллинг.
кнопки вкладок до наведения мышки (по порядку)
1) http://s5.uploads.ru/n9jAv.png
2) http://s5.uploads.ru/WyKOV.png
3) http://s5.uploads.ru/Qoy8f.png
4) http://s5.uploads.ru/puCYr.png
кнопка после наведения мышки (по порядку)
1) http://s4.uploads.ru/9CQaX.png
2) http://s4.uploads.ru/vPMHw.png
3) http://s5.uploads.ru/JfuZx.png
4) http://s4.uploads.ru/t83Je.png

заранее большое спасибо!

0

Поделиться714Сб, 19 Окт 2013 08:25:00

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

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

там странные теги

~~Да там вообще все странно смотрится~~

error202, здравствуйте.
Можете разделить: подложки для окон под текст - отдельно?

Отредактировано Rion Leonheart (Сб, 19 Окт 2013 08:26:58)

0

Поделиться715Сб, 19 Окт 2013 17:28:12

Автор: error202
Заслуженный
Зарегистрирован: Чт, 6 Авг 2009
Сообщений: 72
Уважение: 0
Позитив: +24
Последний визит:
Чт, 26 Ноя 2015 18:58:14

Rion Leonheart
конечно)
левое окно - http://s4.uploads.ru/dBi4O.png
правое окно - http://s5.uploads.ru/B6IzY.png

0

Поделиться716Вс, 20 Окт 2013 00:55:18

Автор: Your mafiosi
Заслуженный
Зарегистрирован: Сб, 31 Авг 2013
Сообщений: 277
Уважение: +10
Позитив: +10
Последний визит:
Чт, 23 Июн 2016 17:08:14

Я не могу никак нарисовать~~Айпада ничего не грузит~~
Поэтому нарисую, чем смогу:

Первая "страничка"

______________________________________________
|Новости Погода Баннеры Конкурсы Ссылки. |
|____________________________________________|
| | |
| Картинка | |
| | |
| | новости с прокруткой ►|
| | |
| | |
| | |
| | |
| | |
|___________________ |________________________|

При клике на "погоду" вверху переход:

______________________________________________
|Новости Погода Баннеры Конкурсы Ссылки. |
|____________________________________________|
| | |
| Время | |
| | |
| | ротатор погоды |
| | |
| | |
| | |
| | |
| | |
|___________________ |________________________|

При клике на "Баннеры" вот это:

|Новости Погода Баннеры Конкурсы Ссылки. |
|____________________________________________|
| |
| |
| |
| |
| БАННЕРЫ |
| |
| |
| |
| |
|_____________________________________________|

При клике на "Конкурсы":

|Новости Погода Баннеры Конкурсы Ссылки. |
|____________________________________________|
| |
|БОЛЬШИМИ БУКВАМИ НАЗВАНИЕ КОНКУРСА |
| |
| Описание с прокруткой |
| |
| |
| ► |
| |
| |
|_____________________________________________|

Нажимая на стрелочку переходим:

И наконец! При клике на "Ссылки" получаем:

Таблица, само собой, побольше. Я понимаю, что нарисовано ужасно, но ничего другого у меня нет.
Форум: http://suuunnnnyy.mybb.ru/

+2

Поделиться717Вс, 20 Окт 2013 15:39:52

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

error202,

Показать код

В html-верх:

Код:

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

#menu span {
  display: block;
  width: 90px;
  height: 39px;
  margin: 0 auto;
  }

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

#menu span.bttn_1 {background-image: url("http://s5.uploads.ru/n9jAv.png");}
#menu span.bttn_2 {background-image: url("http://s5.uploads.ru/WyKOV.png");}
#menu span.bttn_3 {background-image: url("http://s5.uploads.ru/Qoy8f.png");}
#menu span.bttn_4 {background-image: url("http://s5.uploads.ru/puCYr.png");}

#menu span.bttn_1:hover, #menu span.bttn_1.tabactive {background-image: url("http://s4.uploads.ru/9CQaX.png");}
#menu span.bttn_2:hover, #menu span.bttn_2.tabactive {background-image: url("http://s4.uploads.ru/vPMHw.png");}
#menu span.bttn_3:hover, #menu span.bttn_3.tabactive {background-image: url("http://s5.uploads.ru/JfuZx.png");}
#menu span.bttn_4:hover, #menu span.bttn_4.tabactive {background-image: url("http://s4.uploads.ru/t83Je.png");}

#submenu {
  width: 310px;
  height: 236px;
  background: transparent url(http://s5.uploads.ru/B6IzY.png) -13px -8px no-repeat;
  margin: 8px auto 0 auto;
  padding: 8px 0 0 7px;
  }

.submenutext {
  display: none;
  text-align: center;
  width: 300px;
  height: 222px;
  overflow-y: auto;
  }
</style>

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

Код:

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

<center><img src="http://s5.uploads.ru/ngE4k.png"/></center>
<br/>
<div style="width: 317px; height: 153px; background: transparent url(http://s4.uploads.ru/dBi4O.png) -18px -7px no-repeat; margin: 0 auto; padding-top: 5px;">
<div style="width: 94%; height: 140px; text-align: center; overflow-y: auto; margin-left: 9px;">
<!-- Контент левого окна -->


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


<!-- Конец контента -->
</div>
</div>
</td>
<td style="width: 55%;">
<!-- Доп. таблица с вкладками -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td>
    <div id="menu">
<!-- Кнопки -->
<center><table style="border: none;" cellpadding="0" cellspacing="0">
<tr>
<td><span class="bttn_1" alt="#sm1" style="cursor: pointer;"></span></td>
<td><span class="bttn_2" alt="#sm2" style="cursor: pointer;"></span></td>
<td><span class="bttn_3" alt="#sm3" style="cursor: pointer;"></span></td>
<td><span class="bttn_4" alt="#sm4" style="cursor: pointer;"></span></td>
</tr>
</table></center>
<!-- Конец кнопок -->
    </div>
   </td>
</tr>
<tr>
   <td id="MenuTxT">
    <div id="submenu"> 
     <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></div>
</td>
</tr>
</tbody>
</table>
<!-- Конец доп. таблицы -->
</td>
</tr>
</table>
<!-- Конец основной таблицы -->

В html-низ:

Код:

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

+1