Ролевая месяца. Сентябрь. Набор [до 30 чел.]
Ролевая месяца. Сентябрь. Набор [31-80 чел.]
Ролевая месяца. Сентябрь. Набор [от 81 чел.]
Свежие новости. Про паки
Ролевая месяца. Август. Итоги [до 30 чел.]
Ролевая месяца. Август. Итоги [31-80 чел.]
Ролевая месяца. Август. Итоги [от 81 чел.]
внимание, новый пак!
ознакомься с правилами!
объявление от администрации
обязательно к прочтению всем!
Ролевая месяца. Июль. Голосование [до 30 чел.]
Ролевая месяца. Июль. Голосование [31-80 чел.]
Ролевая месяца. Автопобеда [от 81 чел.]
обновление. скрипт уведомлений
прорыв недели: 08.07-14.07
графист недели: цезарь
прорыв недели: 16.06-23.06
графист недели: nova
новый пак ресурсов: gif pack
Подсчет символов в опубликованных постах
партнерские темы в архиве. верни и обнови
новый скрипт выделения в блоке "Код"
лето наступило. итоги ролевой месяца.
новости. обновления и напоминания
конкурс. отгадай рекламу
добавлены стандартные паттерны
объявление: темный стиль и штрафы
новости: отпуск и плюшки
полезные ссылки
14.09-16.09
Прорыв недели Прорыв недели Прорыв недели Прорыв недели
Прорыв недели Прорыв недели Прорыв недели Прорыв недели
Прорыв недели Прорыв недели Прорыв недели Прорыв недели
Прорыв недели Прорыв недели Прорыв недели Прорыв недели
[Холод]

Здесь чертовски Холодно. Тут нелюди носят тулупы и валенки, жрут себе подобных по талончикам на еду.
[Fourseasons]

Кроссовер. Котики в дизайне и множество свободных ролей.
[Jump Street 23]

Реальная жизнь в городе Филадельфия. Заглядывай, тут море алкоголя и веселья.

Photoshop: Renaissance

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

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


Вы здесь » Photoshop: Renaissance » Мастерская дизайнов » by megera;


by megera;

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

1

[html]<link href='http://fonts.googleapis.com/css?family=Comfortaa|Playball|Arial|bebas neue' rel='stylesheet' type='text/css'>

<style>
.meg-bar::-webkit-scrollbar { background: #fff; width: 2px; }
.meg-bar::-webkit-scrollbar-thumb { background: #fff; width: 1px; border: 1px solid #000; }

#meg { width: 400px; height: 400px; overflow: hidden; background-blend-mode:multiply; background: url(http://funkyimg.com/i/2Qy6T.gif), #484348; margin-left: 15%; border: 3px double #484348; border-radius: 5px;}

#meg input[type=checkbox] { display: none; }
.meg-click label { cursor: pointer;  }

.meg-click input[type=checkbox] { position: absolute; top: 50%; left: 50%;}
.meg-click input[type=checkbox]:checked ~ .meg-bar {opacity: .9; width: 350px; height: 300px; margin: 75px 25px 25px 23px; }

.meg-click label[for=meg1] { top: 40%; margin-left: 150px; width: 70px; text-align: center; font-family: Comfortaa; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; color: #fff; text-align: center; position: absolute; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px; transition: 1s all ease; -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -ms-transition: 1s all ease; -o-transition: 1s all ease; }
.meg-click label[for=meg1]:after { content: none;}

.meg-click input[type=checkbox]:checked ~ label[for=meg1] { top: 20px; text-align: center;  border: 0px; background: transparent; font-family: Comfortaa; font-size: 25px; width: 70px;}
.meg-click input[type=checkbox]:checked ~ label[for=meg1]:after { content: "♪ SOULARISE - Дайте Маше Пистолет "; font-family: Comfortaa; font-size: 7px; text-transform: uppercase; margin: -2px 0 0 -30px; width: 150px; float: left;  opacity: 0!importnant;}

.meg-bar { opacity: 0; width: 0px; height: 0px; text-align: justify!important; background-color: #e0dae0; font-family: Arial; font-weight: normal; font-size: 10px; color: #000; padding: 10px 5px 5px; overflow-y: auto; border-radius: 5px;
transition: 1s all ease; -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -ms-transition: 1s all ease; -o-transition: 1s all ease; }

.meg-bar2 {padding-top: 2px; font-family: bebas neue; text-align: center ;width: 340px; height: 15px;  background: linear-gradient(45deg, #32272c, #69575f 60%, #32272c); box-shadow: 0 0 1px #fff inset; border-radius: 5px; color: #0f0c0f;  text-shadow: -1px 1px 0px #635d61!important; letter-spacing: 2px;}
.meg-bar2 a{color: #1e151b!important;  text-shadow: -1px 1px 0px #635d61!important; border-bottom: 1px dotted #1e151b;}

.text1 {text-align: right; font-size: 24px; color:#32272c; text-shadow: 0 1px 0px #fff; font-family: Playball;}

</style>

<div id="meg">

<div class="meg-click">

<input type="checkbox" id="meg1">
<label for="meg1">CLICK</label>

<div class="meg-bar">
<div class="meg-bar2">skype:sumerci | <a href="https://vk.com/xlady">vk</a> | лс</div>

<div class="text1"> - nice to meet you</div>

<p>здравствуй дорогой друг. прежде чем мы с тобой пообщаемся лично, давай я представлюсь и расскажу о том, что могу тебе предложить. меня зовут мария, но, раз уж мы с тобой решили перейти к более тесному общению, давай ты будешь обращаться ко мне без всех этих формальностей и просто на "ты". </p>
<p>мне всегда нравилось заниматься дизайнами и разбираться во всем, чему я научилась и понимаю, по-больше части, мне приходилось самой методом тыка, проб и ошибок. я не мастер кодер и все еще в поиске своего стиля, поэтому с удовольствием попробую себя в дизайне любой тематики. мне безумно нравятся текстурные дизайны, которые я часто вижу на различных фентези или ролевым по ГП или же минималистические, аккуратные дизайны для более узких тематик. в общем, если у вас есть идеи я с радостью попробую воплотить их в жизнь.</p>
<div class="text1"> - about working</div>
<p>цена моей работы будет зависеть исключительно от твоих запросов и моих возможностей. цена будет варьироваться от <b>700р</b> для полностью оформленного тестового форума и до <b>3к и выше</b> для более детальной обработки форума. </p>
<p>в среднем работа над дизайном занимает от 3 до 7 дней, но, опять же, сроки будут зависеть от ваших запросов и моих возможностей. я накидаю для вас предварительный макет и, после правок или же если он вас устроит с первого раза, буду доделывать работу до конца после 50% предоплаты на <u>qivi кошелек</u>. остальную часть суммы вы сможете оплатить после установки дизайна на ваш форум.</p>
<div class="text1"> - so long and goodnight</div>
<p>это не первый мой опыт работы с клиентами, однако, работа именно с mybb заказчиками будет мне впервой, поэтому я надеюсь, если что-то вдруг у нас с вами будет не получаться, мы разойдемся без ругани, недопонимания и обид. </p>

</div></div></div>

[/html]

примеры

http://s5.uplds.ru/t/hpmlH.png

http://sg.uplds.ru/t/NsVw4.png

http://sg.uplds.ru/t/aqp2b.png

http://sh.uplds.ru/t/a2uNC.png

Отредактировано пошлая молли (27.01.2019 15:50:42)

+10

2

шаблон инсты на форум
для вашего пользования

~ фото на аватар шапки уменьшится автоматически

[html]<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'><link href='ink href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet' rel='stylesheet' type='text/css'><style type="text/css">.nonameinst {width: 460px; float: center; background-color: #fff; margin: 0 0 0 10%;} .nonameinst2{width: 380px; height: 40px; padding: 40px; float: center;  background-color: #fff;} .seeds {position: absolute; margin: -20px 0 0 90px; font-family: lato; font-size: 25px; font-weight: 600; letter-spacing: 1px; text-transform: lowercase; color: #000; line-height: 100%; text-align: center;} .buds {position: absolute; margin: 35px 0 0 90px; font-family: PT Sans; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: #000; } .buds2 {position: absolute; margin: 21px 0 0 90px; font-family: PT Sans; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; color: #000; } .knop {width: 90px; height: 20px; position: absolute; margin: -15px 0 0 320px; padding: 5px 0 0 0; background: #3897f0; border-radius: 5px; color: #fff; font-size: 11px; font-family: PT Sans;  font-weight: 600; text-align: center} .man {position: absolute; height: 100px;  width: 100px;  margin: -30px 0 0 -30px; border-radius: 50%;} .man img{height: 100px;  width: 100px;} .foto {background-size: cover; height: 130px;  width: 130px;  margin: 5px;} .foto:hover .likes {opacity: 1; transition: 0.5s ease;} .likes {opacity: 0; padding: 60px 0 0px 45px;  font-size: 12px; color: #fff; text-shadow: 0 1px 1px #000; letter-spacing: 1px; text-transform: uppercase; color: fff;}</style>

<div class="nonameinst"><div class="nonameinst2">

<img src="http://placehold.it/100x100" class="man">

<div class="knop">Подписаться</div><div class="seeds">

@yournickname

</div><div class="buds2">

000 публикаций   000 подписчиков

</div><div class="buds">

текст статуса

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

<div class="foto" style=background-image:URL(http://placehold.it/130x130);"><div class="likes">

♥ 000

</div></div></td><td>

<div class="foto" style=background-image:URL(http://placehold.it/130x130);"><div class="likes">

♥ 000

</div></div></td><td>

<div class="foto" style=background-image:URL(http://placehold.it/130x130);"><div class="likes">

♥ 000

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

<div class="foto" style=background-image:URL(http://placehold.it/130x130);"><div class="likes">

♥ 000

</div></div></td><td>

<div class="foto" style=background-image:URL(http://placehold.it/130x130);"><div class="likes">

♥ 000

</div></div></td><td>

<div class="foto" style=background-image:URL(http://placehold.it/130x130);"><div class="likes">

♥ 000

</div></div></td></tr></table></div>
[/html]

код шапки
Код:
[html]<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'><link href='ink href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet' rel='stylesheet' type='text/css'><style type="text/css">.nonameinst {width: 460px; float: center; background-color: #fff; margin: 0 0 0 10%;} .nonameinst2{width: 390px; height: 40px; padding: 40px; float: center;  background-color: #fff;} .seeds {position: absolute; margin: -20px 0 0 90px; font-family: lato; font-size: 25px; font-weight: 600; letter-spacing: 1px; text-transform: lowercase; color: #000; line-height: 100%; text-align: center;} .buds {position: absolute; margin: 35px 0 0 90px; font-family: PT Sans; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: #000; } .buds2 {position: absolute; margin: 21px 0 0 90px; font-family: PT Sans; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; color: #000; } .knop {width: 90px; height: 20px; position: absolute; margin: -15px 0 0 320px; padding: 5px 0 0 0; background: #3897f0; border-radius: 5px; color: #fff; font-size: 11px; font-family: PT Sans;  font-weight: 600; text-align: center} .man {position: absolute; height: 100px;  width: 100px;  margin: -30px 0 0 -30px; border-radius: 50%;} .man img{height: 100px;  width: 100px;} .foto {background-size: cover; height: 130px;  width: 130px;  margin: 5px;} .foto:hover .likes {opacity: 1; transition: 0.5s ease;} .likes {opacity: 0; padding: 60px 0 0px 45px;  font-size: 12px; color: #fff; text-shadow: 0 1px 1px #000; letter-spacing: 1px; text-transform: uppercase; color: fff;}</style>



<div class="nonameinst"><div class="nonameinst2">

<img src="http://placehold.it/100x100" class="man">

<div class="knop">Подписаться</div><div class="seeds">

@yournickname

</div><div class="buds2">

000 публикаций   000 подписчиков 

</div><div class="buds">

текст статуса

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

<div class="foto" style=background-image:URL(http://placehold.it/130x130);"><div class="likes">

♥ 000

</div></div></td><td>

<div class="foto" style=background-image:URL(http://placehold.it/130x130);"><div class="likes">

♥ 000

</div></div></td><td>

<div class="foto" style=background-image:URL(http://placehold.it/130x130);"><div class="likes">

♥ 000

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

<div class="foto" style=background-image:URL(http://placehold.it/130x130);"><div class="likes">

♥ 000

</div></div></td><td>

<div class="foto" style=background-image:URL(http://placehold.it/130x130);"><div class="likes">

♥ 000

</div></div></td><td>

<div class="foto" style=background-image:URL(http://placehold.it/130x130);"><div class="likes">

♥ 000

</div></div></td></tr></table></div>
[/html]

[html]<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'><link href='ink href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet' rel='stylesheet' type='text/css'><style type="text/css">
.nonameinst {width: 460px; height: 530px; float: center; background-color: #fff; padding-bottom: 10px; margin: 0 0 0 10%; overflow: hidden;} .nonameinst2{width: 390px; height: 40px; padding: 40px; float: center;  background-color: #fff;} .seeds {position: absolute; margin: -20px 0 0 90px; font-family: lato; font-size: 25px; font-weight: 600; letter-spacing: 1px; text-transform: lowercase; color: #000; line-height: 100%;} .buds {position: absolute; margin: 35px 0 0 90px; font-family: PT Sans; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: #000; } .buds2 {position: absolute; margin: 21px 0 0 90px; font-family: PT Sans; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; color: #000; } .knop {width: 90px; height: 20px; position: absolute; margin: -15px 0 0 320px; padding: 5px 0 0 0; background: #3897f0; border-radius: 5px; color: #fff; font-size: 11px; font-family: PT Sans;  font-weight: 600; text-align: center;} .man {position: absolute; height: 100px;  width: 100px;  margin: -30px 0 0 -30px; border-radius: 50%;} .man img {height: 100px;  width: 100px;}.foto {background-size: cover; position: fixed; height: 400px;  width: 400px;  margin: 5px 0 5px 30px; overflow: hidden;} .foto:hover .text{opacity: 0.7; left: 0px; transition: 0.5s ease;} .text{opacity: 0; width: 170px; height: 400px; left: -370px; background-color: #fff; font-family: PT Sans;  position: absolute; text-align: center; font-size: 11px; color: #000; text-align: justify; padding: 10px 5px 0 5px; box-shadow: rgb(255, 255, 255) 0px 0px 15px inset; vertical-align: middle; transition: all ease-in-out 0.8s; -moz-transition: all ease-in-out 0.8s; -webkit-transition: all ease-in-out 0.8s; -o-transition: all ease-in-out 0.8s;} </style>

<div class="nonameinst"><div class="nonameinst2">

<img src="http://placehold.it/100" class="man">

<div class="knop">Подписаться</div><div class="seeds">

@yournickname

</div><div class="buds2">

000 публикаций   000 подписчиков

</div><div class="buds">

текст статуса

</div></div>

<div class="foto" style="background-image:URL(http://placehold.it/400);"><div class="text">

Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста

</div></div></div>[/html]

код поста
Код:
[html]<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'><link href='ink href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet' rel='stylesheet' type='text/css'><style type="text/css">
.nonameinst {width: 460px; height: 530px; float: center; background-color: #fff; padding-bottom: 10px; margin: 0 0 0 10%; overflow: hidden;} .nonameinst2{width: 390px; height: 40px; padding: 40px; float: center;  background-color: #fff;} .seeds {position: absolute; margin: -20px 0 0 90px; font-family: lato; font-size: 25px; font-weight: 600; letter-spacing: 1px; text-transform: lowercase; color: #000; line-height: 100%;} .buds {position: absolute; margin: 35px 0 0 90px; font-family: PT Sans; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: #000; } .buds2 {position: absolute; margin: 21px 0 0 90px; font-family: PT Sans; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; color: #000; } .knop {width: 90px; height: 20px; position: absolute; margin: -15px 0 0 320px; padding: 5px 0 0 0; background: #3897f0; border-radius: 5px; color: #fff; font-size: 11px; font-family: PT Sans;  font-weight: 600; text-align: center;} .man {position: absolute; height: 100px;  width: 100px;  margin: -30px 0 0 -30px; border-radius: 50%;} .man img {height: 100px;  width: 100px;}.foto {background-size: cover; position: fixed; height: 400px;  width: 400px;  margin: 5px 0 5px 30px; overflow: hidden;} .foto:hover .text{opacity: 0.7; left: 0px; transition: 0.5s ease;} .text{opacity: 0; width: 170px; height: 400px; left: -370px; background-color: #fff; font-family: PT Sans;  position: absolute; text-align: center; font-size: 11px; color: #000; text-align: justify; padding: 10px 5px 0 5px; box-shadow: rgb(255, 255, 255) 0px 0px 15px inset; vertical-align: middle; transition: all ease-in-out 0.8s; -moz-transition: all ease-in-out 0.8s; -webkit-transition: all ease-in-out 0.8s; -o-transition: all ease-in-out 0.8s;} </style>



<div class="nonameinst"><div class="nonameinst2">

<img src="http://placehold.it/100" class="man">

<div class="knop">Подписаться</div><div class="seeds">

@yournickname

</div><div class="buds2">

000 публикаций   000 подписчиков 

</div><div class="buds">

текст статуса

</div></div>

<div class="foto" style="background-image:URL(http://placehold.it/400);"><div class="text">

Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста Текст вашего поста

</div></div></div>[/html]

~ немного меняла код для того, что бы нормально отобразился на рено. если возникли какие-то проблемы с установкой - пишите в лс <3

Отредактировано пошлая молли (30.06.2019 17:38:40)

+20

3

ну такое и страничка >>>
https://i.imgur.com/gP2MhHo.jpg

Отредактировано пошлая молли (23.02.2019 12:14:36)

+12

4

я моргаю реже чем вы диз меняете


https://i.imgur.com/7XprqV2.png

+14

5

+10

6

+12

7

+2

8

Отредактировано пошлая молли (17.05.2019 16:06:53)

+7

9

Отредактировано пошлая молли (18.06.2019 16:22:54)

+2

10

+2

11

+2


Вы здесь » Photoshop: Renaissance » Мастерская дизайнов » by megera;


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