14.12-16.12
[НЕ ПРОПУСТИ!]

[14.12.] РАБОТЫ АВТОРА НЕДЕЛИ -ред работы одного мастера во вкладке прорыва

[13.12.] КОНКУРС ОТ NORM на psd и уроки по графике

[10.12.] РАБОТЫ АВТОРА НЕДЕЛИ -Eos работы одного мастера во вкладке прорыва

[01.08.] 'РОЛЕВАЯ МЕСЯЦА ОКТЯБРЬ' - 'НАБОР' любого жанра с активом от 50ти
------------------------------
[11.09.] 'РОЛЕВАЯ МЕСЯЦА СЕНТЯБРЬ' - 'ГОЛОСОВАНИЕ'

[31.07.] 'РОЛЕВАЯ МЕСЯЦА СЕНТЯБРЬ' - 'ЛЮБОГО ЖАНРА' с активом до 50ти

[31.08.] 'РОЛЕВАЯ МЕСЯЦА' - 'ИТОГИ'

[11.08.] 'РОЛЕВАЯ МЕСЯЦА АВГУСТ' - 'ГОЛОСОВАНИЕ'

[01.08.] 'РОЛЕВАЯ МЕСЯЦА АВГУСТ' - 'НАБОР' тематики мистика, постап!

[31.07.] 'РОЛЕВАЯ МЕСЯЦА' - 'ИТОГИ'

[11.07.] 'РОЛЕВАЯ МЕСЯЦА ИЮЛЬ' - 'ГОЛОСОВАНИЕ'

[02.07.] 'НАБОР' - 'от 50 пользователей!'

[02.07.] РОЛЕВАЯ МЕСЯЦА - 'ИТОГИ'

[21.06.] РОЛЕВАЯ МЕСЯЦА 'ГОЛОСОВАНИЕ'

[16.06.] РОЛЕВАЯ МЕСЯЦА 'НАБОР' тематики кроссоверов, историчек, мистики!

[08.06.] Поправки по выкупке футера больше ролевых в футере

[11.04.] РОЛЕВАЯ МЕСЯЦА 'ГОЛОСОВАНИЕ'

[02.04.] РОЛЕВАЯ МЕСЯЦА 'НАБОР' от 50 пользователей!

[02.03.] РОЛЕВАЯ МЕСЯЦА 'НАБОР' до 50 пользователей!

[01.02.] РОЛЕВАЯ МЕСЯЦА 'НАБОР' тематики реальная жизнь и Голливуд!

[01.02.] НОВЫЙ КОНКУРС 'ПАЛИТРА' противостояние цветов!

[01.02.] НОВЫЙ КОНКУРС 'ПАЛИТРА' поиск красок!

[16.12.] РОЛЕВАЯ МЕСЯЦА 'НАБОР' актив от 50 человек в сутки!

[18.11.] INSTAGRAM мы теперь есть в инсте! Логин: imagiart.ru

[18.11.] БЛОКБАСТЕРЕНО стань форумным супергером!

[15.11.] ВНИМАНИЕ! - КОНКУРС НА 'РЕКЛАМУ' Теперь без ограничений и с тематикой!

[15.11.] ВОЗОБНОВИЛИ! - РОЛЕВАЯ МЕСЯЦА 'НАБОР' Любая тематика до 50 человек в сутки!

[13.11.] Новые плюшки по голосованию за Работы Дня!

[12.11.] РЕЗУЛЬТАТ КОНКУРСА #6 'ночь живых мертвецов'

[26.10.] ВНИМАНИЕ! - КОНКУРСЫ НА 'АВЫ' и 'ЭПИКИ' Хэллоуин на носу, прими участие и получи специальный подарок за оригинальность!

[03.09.] ГОЛОСОВАНИЕ за КОНКУРС #1 'GAME OF THRONES'

[03.08.] Результаты конкурсов: Grey's Anatomy и Тайный умелец
[02.08.] "Тёмный стиль на сообщение" Давно просили темный стиль на сообщения в Авторских темах - теперь он есть!

[21.07.] "ВНИМАНИЕ! - КОНКУРСЫ" Много вкусностей и интересностей, секретный бонус!

[17.07.] "НОВЫЙ ДИЗАЙН РЕНО" Ждём Ваши отзывы и пожелания!

[01.06.] "ГОЛОСОВАНИЕ" на ролевую месяца началось!

[ЛУЧШАЯ РОЛЕВАЯ]

- -
Прорыв недели Прорыв недели Прорыв недели Прорыв недели
Прорыв недели Прорыв недели Прорыв недели Прорыв недели
Ролевой форум месяца

Photoshop: Renaissance

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

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


Вы здесь » Photoshop: Renaissance » Мастерская дизайнов » Шиповничья алхимия


Шиповничья алхимия

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

1

Работаем уже до середины января

[html]
<style>
@import url('https://fonts.googleapis.com/css?family=Kurale');
/*  CSS для таблички */
.container1 {margin: 0px auto; padding: 0; }

/*общая линия вкладок*/
ul.tabs {margin: 10px auto -1px 64px; /* отступ вкладок */
padding: 0; float: left; list-style: none;
height: 30px; width:100%; background: transparent; }

/*каждая отдельная вкладка*/
ul.tabs li {float: left; overflow: hidden; position: relative;
height:23px; width: auto; margin-right: 0px;
padding: 12px 2px 5px 2px !important;
text-align: center; text-transform: uppercase;
font-size: 12px; font-family: times, Arial; text-decoration: none;
letter-spacing: 0.07em;
box-shadow: 0px -10px 15px rgba(50, 130, 169, 0.2) inset;
border-left: 1px solid #2b455f; border-right: 1px solid #202735;
background: #0f2735;
}
ul.tabs li:first-child {border-radius: 8px 0 0 0;}
ul.tabs li:last-child {border-radius: 0 8px 0 0;}

ul.tabs li a {text-decoration: none; display: block; outline: none;
color: #acc9de !important; text-shadow: 1px 1px 0px #000 !important}

ul.tabs li a:hover { border-bottom: 0px none transparent; color: #DDC999 !important; text-shadow: 0 0 2px #000 !important;}   
html ul.tabs li.active a {color: #DDC999 !important; text-shadow: 0 0 2px #000;}

html ul.tabs li.active  {box-shadow: 0px 10px 15px rgba(50, 130, 169, 0.2) inset;
border-bottom: 0px none transparent; } 

html ul.tabs li.active a:hover  { border-bottom: 0px none;  }

/* Блоки с информацией */
.tab_container1 {
background: transparent;
clear: both;
float: left;
height:382px;
width:594px;
overflow: auto;
margin-top:0px !important;
background:url(https://imgd.ru/images/2018/09/14/f8079 … ea2447.png) 0% 0% no-repeat;
}

.tab_content {padding: 70px 75px 55px 75px;}

/* текстовые внутренности  background:rgba(255, 255, 255, 0.35); */
.shipovn {overflow:auto; max-height:240px; }
.shiph1{font-family:Kurale,times,Georgia,arial; font-weight:400; font-size: 20px;
text-align:center; color:#08325f; text-shadow: 1px 0px 5px #cec3a4;}
</style>

<ul class="tabs">
    <li class="active"><a href="#tab1">Кто здесь?</a></li>
    <li><a href="#tab2">Что делаем?</a></li>
    <li><a href="#tab3">Сколько?</a></li>
    <li><a href="#tab4">Как забрать?</a></li>
</ul>

<div class="tab_container1">
<!-- Первая вкладка О СЕБЕ -->
<div style="display: block;" id="tab1" class="tab_content">
<div class="shipovn">

<div style="text-align:center; margin-bottom:8px;">Привет! Это <b>Шиповник</b> / <b>Wilhelm</b> и здесь вы можете заказать у меня дизайн.<br>
Я создаю простенькие и спокойные "шкурки" без выдающихся экспериментальных решений. Но ОЧЕНЬ люблю виньетки, резные уголки и прочие милые визуальные утяжеления.</div>

<div class=shiph1>Связаться</div>
<div style="font-size: 11px; line-height:150%;text-align:center;margin-bottom:8px;"><b>Личные Сообщения</b> - приоритет<br>
<b>email:</b> elvishblood@ya.ru<br>
<b>Telegram:</b> @VillerA  (можно не достучаться)<br>
<b>Skype:</b> viller_a  (бываю очень редко)</div>

<table width=100%><tr><td><div style="text-align:center;">↓ ↓ ↓</div></td><td><div style="text-align:center;">Но лучше один раз увидеть самому.<br>
Примеры работ - под спойлером</div></td><td><div style="text-align:center;">↓ ↓ ↓</div></td></tr></table>

</div>
<!-- Конец вкладки --></div>

<!-- Вторая вкладка О ЗАКАЗЕ -->
<div style="display: none;" id="tab2" class="tab_content">
<div class="shipovn"><div class=shiph1>Стандартный набор</div>
<div style="font-size: 12px; line-height:150%;text-align:center;margin-bottom:8px;">Фоновая картинка - бесшовная или "растянутая" на весь экран.<br>
Подложка форума.<br>
Шапка и подвал/низ форума.<br>
Категории, стрелочки и оформление профиля.
Объявление - в зависимости от макета и вашего желания.<br>
×  ×  ×<br>
<i>Увы, я не делаю аватарок и коллажей для рекламы.</i><br>
Большинство работ делалось "на мой вкус", но мы также можем обговаривать каждую деталь отдельно еще до того, как я начну воплощать вашу задумку в жизнь.</div>

<div class=shiph1>Отступление</div>
<div style="font-size: 11px; line-height:150%;text-align:center;margin-bottom:8px;">Повседневная работа моя далека от творчества и веб-технологий, курсов мега-дизайнеров я также не заканчивал, поэтому предлагаю вам самые обычные дизайны для форумов платформы mybb без рисковых решений и новейших разработок.<br>
В своих работах я использую стоковые картинки, безымянные фотоработы, собственную отрисовку и стараюсь не резать элементы, созданные веб-студиями, теми же дизайнерами с Девиантарта или из игр типа "поиск предметов". Многострадальную Дьяблу и Дисайплс я тем более не трогаю. Скрипты использую общедоступные, сам их не пишу.<br>
Однако я все же пытаюсь делать так, чтобы мои творения были удобны для чтения и навигации и не расползались в стороны на популярных браузерах.</div>
</div>
<!-- Конец вкладки --></div>

<!-- Третья вкладка ЦЕНА ВОПРОСА -->
<div style="display: none;" id="tab3" class="tab_content">
<div class="shipovn"><div class=shiph1>Сколько мне ждать?!</div>
<div style="font-size: 11px; line-height:150%;text-align:center;margin-bottom:8px;">Обычно я предупреждаю всех заранее, что мне потребуется около <b>двух недель</b>, но могу управиться и раньше, если позволяет пореаловое расписание.<br>
<b>Срочные заказы</b> теоретически возможны, но они в любом случае займут 2-3 дня.</div>
<div class=shiph1>Цена вопроса</div>
<div style="font-size: 11px; line-height:150%;text-align:center;margin-bottom:8px;">Самый простой дизайн - 500-600 р.<br>
"Стандартный" - в среднем выходит на 800-1000 р.<br>
Но, как обычно, - чем детальнее проработка и чем больше элементов требуется, тем дороже.</br>
<b>Warning!</b> Многие банки берут комиссию при переводе.
</div>
</div>
<!-- Конец вкладки --></div>

<!-- Четвертая вкладка ПЕРЕДАЧА -->
<div style="display: none;" id="tab4" class="tab_content">
<div class="shipovn"><div class=shiph1>ВАЖНО</div>
<div style="font-size: 11px; line-height:150%;text-align:center;margin-bottom:8px;">Я практически никогда не высылаю весь макет в PSD или PDF-формате. Только формы для некоторых элементов, если без них не обойтись.
</div>

<div class=shiph1>"Под ключ"</div>
<div style="font-size: 12px; line-height:150%;text-align:center;margin-bottom:8px;">Мне выдается временный аккаунт с правами администратора и я самостоятельно устанавливаю дизайн, наполняю форум нужными скриптами и осуществляю первичную настройку.
</div>

<div class=shiph1>Просто отдайте нам код</div>
<div style="font-size: 11px; line-height:150%;text-align:center;">Я высылаю вам в ЛС или на почту CSS дизайна, картинки, скрипты с небольшими рекомендациями по установке.</div>
</div>
<!-- Конец вкладки --></div>

    </div><!-- Конец блока с вкладками -->

<!-- Скрипт к объявлению -->
<script type="text/javascript">
$(document).ready(function() {

$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
});

});
</script>[/html]

Отредактировано Шиповник (14.12.2018 18:22:02)

+12

2

https://imgd.ru/images/2018/09/26/a4eb1a5aebd38bebeb2ba710105e361c.jpg
https://imgd.ru/image/ahbD7

1993, HP: TWISTED THINGS
Дизайн, плавно переехавший из синего в зеленый цвет. В процессе безмерно радовал олень.
И первый заход с эскизами к заказчику. Наброски оказались весьма полезными и удобными для дальнейшей ориентировки (по крайней мере, лично для меня).

+3

3


Пока это еще актуально - обновлю тему  :D


Ratio Regum

Фэнтези и псевдоистория, щепотка магии и много политики.
Детальки, затемняющиеся блоки под информацию и анимация по центру.
Крупные иконки для главной страницы и мелкие - для внутренних.

https://imgd.ru/images/2018/10/23/5785ae368a1b6e4c293965f7d83dc7ac.jpg
https://imgd.ru/image/lAcxL

+4


Вы здесь » Photoshop: Renaissance » Мастерская дизайнов » Шиповничья алхимия


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC