[Таблица] Fairy Tail: Coming days of horror

Поделиться12014-07-29 16:54:24

Автор: Fonvizin_Deer
Участник
Зарегистрирован: 2014-07-29
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+1/-0]
Провел на форуме:
1 день 9 часов
Последний визит:
2015-03-18 12:49:03

1. Название ролевой, ссылка: Fairy Tail: Coming days of horror, http://ftworld999.bbtalk.ru/ (тестовик)
2. Что требуется:

Наброски

3. Дополнительно: Таблица в объявление.
Непрозрачность таблицы ~70%. Цвет таблицы - d2b89b, цвет меню навигации и бегущей строки с баннерами - b79876 (если возможно). Цвет всего текста в таблице - 000000. Заголовки жирные. Прокрутку (цвет 59453a) хотелось бы как тут -http://bigeasy.rusff.me/, либо просто небольшую, чтобы она не бросалась в глаза. Цвет обводки кругов - 741319, цвет кружка, на котором мы находимся («активного») - 49080c. Неактивные кружки прозрачные.
Меню навигации не исчезает при смене слайдов.
С помощью стрелочек слайды переключаются.
На слайдах 3 и 4 при клике на изображения происходит переход в профиль игрока. На слайде 5 баннеры. Вертикальная прокрутка на всех слайдах и меню навигации, кроме бегущей строки с баннерами.

0

Поделиться22014-07-29 17:08:11

Автор: Fly
Участник
Зарегистрирован: 2014-07-15
Приглашений: 0
Сообщений: 98
Уважение: [+15/-0]
Позитив: [+5/-0]
Пол: Женский
Провел на форуме:
1 день 23 часа
Последний визит:
2016-08-16 06:01:06

Fonvizin_Deer, здравствуйте .)
Заказ принимаю, в течение 2-3 дней будет готова

0

Поделиться32014-08-03 14:30:40

Автор: Fonvizin_Deer
Участник
Зарегистрирован: 2014-07-29
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+1/-0]
Провел на форуме:
1 день 9 часов
Последний визит:
2015-03-18 12:49:03

Доброго времени, снова.

Хотелось бы узнать: когда будет готов заказ? Хотелось бы знать приблизительную дату, ибо на данный момент, это важная часть для моего ресурса.

0

Поделиться42014-08-03 16:59:56

Автор: Fly
Участник
Зарегистрирован: 2014-07-15
Приглашений: 0
Сообщений: 98
Уважение: [+15/-0]
Позитив: [+5/-0]
Пол: Женский
Провел на форуме:
1 день 23 часа
Последний визит:
2016-08-16 06:01:06

Fonvizin_Deer, доброго.
Дико извиняюсь, возникли некоторые внеплановые обстоятельства.

Объявление

Код:

<marquee id="bann_procr">баннеры</marquee>

<center>
   <div id="slider2" slide-width="772" slide-height="210" class="slider" style="padding:0;height: 190px; width: 772px; margin-bottom: 20px;">
<!-- Две Кнопки слайдера -->
    <img button-width="42" class="button-left hide" src="http://s3.uploads.ru/KcP7S.png"/>
    <img button-width="42" class="button-right" src="http://s2.uploads.ru/aIH0D.png"/>
<!-- 1-й Контейнер слайдера -->
<div class="slider-content active">
    <table border="0" cellpadding="1" cellspacing="1" style="width: 100%;">
	<tbody>
    <tr>
    	<td width="70%">
	<div id="procr"><b><i>Заголовок</i></b>
	<p>Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ 
        <p>Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ 
        <p>Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ 
        <p>Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ Текст с прокруткой~ 
      </p></div></td>
    	<td>
	<div id="nav-procr"><b><i>Навигация</i></b>
	<p>Навигация с прокруткой~
      </p></div></td>
    </tr>
	</tbody>
</table>
</div>

<!-- 2-й Контейнер слайдера -->
<div class="slider-content">
    <table border="0" cellpadding="1" cellspacing="1" style="width: 100%;">
	<tbody>
    <tr>
    	<td width="70%">
	<div id="procr"><b><i>Заголовок</i></b>
    <p>Текст с прокруткой~
	</div></td>
    	<td>
	<div id="nav-procr"><b><i>Навигация</i></b>
    <p>Навигация с прокруткой~</p>
      </div></td>
    </tr>
	</tbody>
</table>
</div>

<!-- 3-й Контейнер слайдера -->
<div class="slider-content">
    <table border="0" cellpadding="1" cellspacing="1" style="width: 100%;">
	<tbody>
    <tr>
    	<td width="70%">
	<div id="procr"><b><i>Заголовок</i></b>
	<p><a href="http://ссылка"><img alt="" src="ссылка картинка"></a>  <a href="http://ссылка"><img alt="" src="ссылка картинка"></a> <a href="http://ссылка"><img alt="" src="ссылка картинка"></a>
    <br>
	<div id="procr"><b><i>Заголовок</i></b>
	<p><a href="http://ссылка"><img alt="" src="ссылка картинка"></a>  <a href="http://ссылка"><img alt="" src="ссылка картинка"></a> <a href="http://ссылка"><img alt="" src="ссылка картинка"></a>
      </p></div></td>
    	<td>
	<div id="nav-procr"><b><i>Навигация</i></b>
	<p>Навигация с прокруткой~
      </p></div></td>
    </tr>
	</tbody>
</table>
</div>

<!-- 4-й Контейнер слайдера -->
<div class="slider-content">
        <table border="0" cellpadding="1" cellspacing="1" style="width: 100%;">
	<tbody>
    <tr>
    	<td width="70%">
	<div id="procr"><b><i>Заголовок</i></b>
	<p><a href="http://ссылка"><img alt="" src="ссылка картинка"></a>  <a href="http://ссылка"><img alt="" src="ссылка картинка"></a> <a href="http://ссылка"><img alt="" src="ссылка картинка"></a>
    <br>
	<div id="procr"><b><i>Заголовок</i></b>
	<p><a href="http://ссылка"><img alt="" src="ссылка картинка"></a>
      </p></div></td>
    	<td>
	<div id="nav-procr"><b><i>Навигация</i></b>
	<p>Навигация с прокруткой~
      </p></div></td>
    </tr>
	</tbody>
</table>
</div>

<!-- 5-й Контейнер слайдера -->
<div class="slider-content">
	<div id="procr">
    <p>баннеры...</p>
    <p>баннеры...</p>
    <p>баннеры...</p>
    <p>баннеры...</p>
	</div>
</div>
   </div><script>$("#slider2").slideF();</script>
</center>

HTML-верх

Код:

<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/39493.js"></script>

Стили

Код:

span[id^="active_Ind"].active{ /*Активный индикатор */
  background-position: center -12px;
}
/* E1.1 - ширина прокрутки */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0,0,0,0.3); /* обводка */
background: #E7D395;
}
::-webkit-scrollbar-thumb{
box-shadow: inset 0 0 5px rgba(0,0,0,0.6); 
background: #59453a;
}
::-webkit-scrollbar-thumb:active {
background: #59453a;
}
div#procr {
    max-height: 190px;
    min-height: 190px;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(210, 184, 155, 0.7);
}
marquee#bann_procr{
    background: rgba(210, 184, 155, 0.7);
}


/* Oбщие настройки */
.slider,
.slider * {
  margin:0;
  padding:0;
}
.slider {
  overflow:hidden;
  border:none 0 transparent!important;
  border-collapse:collapse;
}
.button-left.hide,.button-right.hide{
  display:none;
}
.slider img.button-left,
.slider img.button-right{
  cursor:pointer;
}
div.Wrap-slids {
  text-align:left;
  overflow:hidden;
  position:relative;
}
div.train {
  text-align:left;
  overflow:hidden;
  white-space:nowrap;
  position:absolute;
}

.slider-content{
  margin:0;padding:0;
  white-space: normal;/* Поменял с nowrap; и добавка ниже*/
  word-break: normal;
  text-align:center;
  overflow-y:auto;
  overflow-x:auto;
  display:none;
  /*outline:solid red 1px;*/
}

.slider-content.active {
   display:block;
}

#indexActive{ /*Задаём Позицию индикаторов*/
  position:absolute;
  z-index:1000;
  margin-left: 350px;
  margin-top: -20px;
}

span[id^="active_Ind"]{ /*Фон и размеры индикатор*/
  display:inline-block;
  cursor:pointer;
  float:right;
  background: #741319;
  border-radius: 30px;
  height:11px;
  width:10px;
  padding:0 1px 0 1px;
  margin:10px 6px;
}
div#nav-procr {
    min-height: 190px;  
    max-height: 190px;
    overflow-x: hidden;  overflow-y: auto;
    background: rgba(183, 152, 118, 0.7);
}

+1

Поделиться52014-08-03 17:56:55

Автор: Fonvizin_Deer
Участник
Зарегистрирован: 2014-07-29
Приглашений: 0
Сообщений: 12
Уважение: [+0/-0]
Позитив: [+1/-0]
Провел на форуме:
1 день 9 часов
Последний визит:
2015-03-18 12:49:03

Fly,

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

Дико извиняюсь, возникли некоторые внеплановые обстоятельства.

Не стоит извиняться вовсе! Работа прекрасная, лично мне - очень даже понравилось. Спасибо, за то, что помогли! Еще раз огромнейшее спасибо!

p.s Если возникнут какие-либо вопросы, касательно функционала таблицы, обращаться к Вам?

Отредактировано Fonvizin_Deer (2014-08-03 17:57:46)

0

Поделиться62014-08-04 03:22:19

Автор: Fly
Участник
Зарегистрирован: 2014-07-15
Приглашений: 0
Сообщений: 98
Уважение: [+15/-0]
Позитив: [+5/-0]
Пол: Женский
Провел на форуме:
1 день 23 часа
Последний визит:
2016-08-16 06:01:06

Fonvizin_Deer, это радует, спасибо^^
Да, конечно, можете писать сюда или в лс
буду рад плюсику)

0

Поделиться72014-08-05 13:56:36

Автор: Нафаня
Я ухожу в себя и открываю целый мир.
Зарегистрирован: 2014-02-27
Приглашений: 0
Сообщений: 5595
Уважение: [+268/-4]
Позитив: [+309/-0]
Пол: Женский
Возраст: 32 [1992-04-07]
Провел на форуме:
1 месяц 6 дней
Последний визит:
2020-12-31 16:58:02

Спасибо, Fonvizin_Deer, что воспользовались нашими услугами! Если вам понравилась работа Верстальщика или же наоборот, оставьте свой отзыв в теме "Отзывы заказчиков о выполненной работе", нам важно знать ваше мнение.

0

Зефир

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

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

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

[Таблица] Fairy Tail: Coming days of horror

Сообщений 1 страница 7 из 7

Поделиться12014-07-29 16:54:24

Поделиться22014-07-29 17:08:11

Поделиться32014-08-03 14:30:40

Поделиться42014-08-03 16:59:56

Поделиться52014-08-03 17:56:55

Поделиться62014-08-04 03:22:19

Поделиться72014-08-05 13:56:36