13.02-15.02
[НЕ ПРОПУСТИ!]

[15.02] НОВОСТИ - читать - продолжаем обновление!

[09.02] РОЛЕВАЯ МЕСЯЦА - набор - 3 категории!

[08.02] ИНТЕРВЬЮ - читать - с .angvar!

[03.02] НОВОСТИ - читать - свежие нововведения!

[03.02] ПЕРВЫЙ ПАК - купить - около 2гб ресурсов!

[28.01] ТЕЛЕГРАМ КАНАЛ - читать - подпишись!

[27.01] ФОТОШОП - читать - обновления!

[27.01] СВЕЖИЕ НОВОСТИ - читать - обновления, внимание!

[26.01] ОПРОС - читать - какой фотошоп у тебя?

[16.01] ОБЪЯВЛЕНИЕ - читать - обязательные плашки!

[16.01] автор недели pirojoshik

[13.01] СРОЧНЫЕ НОВОСТИ - читать - обновления, внимание!

[13.01] РОЛЕВЫЕ МЕСЯЦА - опрос - реши судьбу

[13.01] КОНКУРСЫ - опрос - оно нам надо?

[07.01] АВТОР НЕДЕЛИ - sputnik - вкладка прорыва

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

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

Photoshop: Renaissance

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

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


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


by megera;

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

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)

+8

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 {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 {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 {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 {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

Отредактировано пошлая молли (10.02.2019 19:17:31)

+6


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


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