Новое
На Зефире прошла небольшая реорганизация. Подробности читайте в теме Вестника

● Смена дизайна! Выражаем благодарность tørst vinden!

Зефир

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Зефир » Архив выполненной верстки » [Таблица] Fairy Tail: Coming days of horror


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

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

1

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

Наброски

http://funkyimg.com/i/JEAL.jpg
http://funkyimg.com/i/JEAM.jpg
http://funkyimg.com/i/JEAN.jpg
http://funkyimg.com/i/JEAP.jpg
http://funkyimg.com/i/JGAP.png

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

0

2

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

0

3

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

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

0

4

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="https://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

5

Fly,

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

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

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

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

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

0

6

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

0

7

http://zephyr.f-rpg.ru/files/0013/e6/99/52870.png
Спасибо, Fonvizin_Deer, что воспользовались нашими услугами! Если вам понравилась работа Верстальщика или же наоборот, оставьте свой отзыв в теме "Отзывы заказчиков о выполненной работе", нам важно знать ваше мнение.

0


Вы здесь » Зефир » Архив выполненной верстки » [Таблица] Fairy Tail: Coming days of horror


Рейтинг форумов | Создать форум бесплатно