Код: <!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'> <center> <div style="width: 580px; background: #ebeeee; padding: 20px; box-shadow:3px 3px 5px #888888; -moz-box-shadow: 3px 3px 5px #888888; -webkit-box-shadow: 0px 0px 0px #888888; -o-box-shadow:3px 3px 5px #888888;"> <div style="font-family: lily script one; font-size: 35px; color: #5b99c1; margin-left: 163px; line-height: 70%;">let's be happy, people</div> <div style="width: 220px; height: 8px; background: #bcd6ec; border-left: 80px solid #bcd6ec; border-right: 220px solid #bcd6ec;"></div>
Код: <!--HTML--><head><link href='http://fonts.googleapis.com/css?family=Lato:300|Open+Sans|Alex+Brush' rel='stylesheet' type='text/css'></head><style>#gridbox { position: relative; width: 450px; height: 450px; margin: 10px auto; BACKGROUND-COLOR: #5b99c1; border: 3px double #cfe1f3; padding: 10px; text-align: center; COLORr: #555555; } #gridbox a:link, #gridbox a:active, #gridbox a:visited { padding: 0; margin: 0; COLOR: #888888; font-size: 20px; text-decoration: none; -webkit-transition: color ease 0.6s; -moz-transition: color ease 0.6s; -o-transition: color ease 0.6s; transition: color ease 0.6s; } #gridbox a:hover { COLOR: #666666;} .box { display: inline-block; width: 200px; height: 200px; margin: 11px; BACKGROUND-COLOR: #AAAAAA; z-index: 1; } .hov { opacity: 0; z-index: 3; margin: 0; padding: 0; width: 190px; height: 190px; overflow: auto; position: relative; border: 5px solid #cae0ff; background-color: #cedeec; -webkit-transition: opacity ease 0.6s; -moz-transition: opacity ease 0.6s; -o-transition: opacity ease 0.6s; transition: opacity ease 0.6s; } .hov h1 { font-size: 24px; text-color: #6978b0; margin: 10px 0 5px 0; text-transform: capitalize; font-family: 'Alex Brush', cursive; } .hov h2 { margin: 0; font-size: 11px; text-transform: uppercase; font-family: 'Lato', sans-serif; } .hov p { padding: 7px; text-align: justify; line-height: 13px; font-family: 'Open Sans', sans-serif;} .hov:hover { opacity: 1; } .round { position: absolute; height: 176px; width: 176px; border-radius: 50%; BACKGROUND-COLOR: #bcd6ec; border: 10px solid #7faabe; top: 50%; margin-top: -103px; left: 50%; margin-left: -98px; opacity: 1; z-index: 2; } .round h1 { color: #888; font-size: 15px; letter-spacing: 3px; text-transform: uppercase; font-family: 'Lato', sans-serif; margin: 75px 0 5px 0; } .round h2 { margin: 0; padding: 0; font-size: 15px; letter-spacing: 1px; text-transform: lowercase; font-family: 'Lato', sans-serif; } hov h1, .hov h2, .round h1, .round h2 { font-weight: normal;} hr.styled { padding: 0; border: none; margin-top: 20px; border-top: medium double #333; color: #333; text-align: center; } hr.styled:after { content: "§"; display: inline-block; position: relative; top: -0.5em; font-size: 1.5em; padding: 0 0.25em; background: #DDDDDD; font-family: arial; }</style>
<div id='gridbox'>
<div class='box' style='background-image: url(http://funkyimg.com/i/ZvZX.png);'>
<div class='hov'>
<h1>career & luxury</h1>
<h2> - age, suggested pb - </h2>
<hr class='styled'></hr>
<p><i>в это трудно поверить, но меня сделает счастливым…</i>
<br>- выбор профессии мечты
<br>- получение повышения
<br>- работа на высокой должности
<br>- уважение окружающих
<br>- работа на дому
<br>- наличие кого-то в подчинении
<br>- оказание влияния на кого-то
<br><br>- роскошная обстановка
<br>- приобретение дорогой одежды,
<br>аксессуаров, драгоценностей
<br>- внезапное наследство
<br>- зарплата
<br>- оплата кредитными карточками
<br>- премия на работе
<br>- элитный тур и т.д.
</div>
</div>
<div class='box' style='background-image: url(http://funkyimg.com/i/ZvZY.png);'>
<div class='hov'>
<h1>activities & entertainment</h1>
<h2> - age, suggested pb - </h2>
<hr class='styled'></hr>
<p><i>в это трудно поверить, но меня сделает счастливым…</i>
<br>- посещение вечеринок, фестов
<br>- путешествия
<br>- отдых дома
<br>- увольнение
<br>- домашние животные
<br>- прогулки, кино, клубы,
<br>рестораны, казино
<br>- встречи с друзьями
<br>- веселое времяпровождение
<br>и т.д.
</div>
</div>
<div class='box' style='background-image: url(http://funkyimg.com/i/ZvZZ.png);'>
<div class='hov'>
<h1>fame & self-perfection</h1>
<h2> - age, suggested pb - </h2>
<hr class='styled'></hr>
<p><i>в это трудно поверить, но меня сделает счастливым…</i>
<br>- профессия модели, актера, художника и прочее
<br>- узнаваемость (на работе, на вечеринке, в городе, в стране)
<br>- съемка на телевидении, на радио, фото на доске почета
<br>- центр внимания (на вечеринке, на дне рождения и прочее)
<br>- любовь и восхищение
<br>окружающих
<br>- освоение новых навыков
<br>- чтение, изучение иностранных
<br>языков, разноплановое
<br>саморазвитие и т.д.
</div>
</div>
<div class='box' style='background-image: url(http://funkyimg.com/i/Zw11.png);'>
<div class='hov'>
<h1>Love & Family</h1>
<h2> - age, suggested pb - </h2>
<hr class='styled'></hr>
<p><i>в это трудно поверить, но меня сделает счастливым…</i>
<br>- любовные линии с одним или несколькими людьми
<br>- свидания
<br>- занятие любовью в
<br>невообразимых местах
<br>- флирт с малознакомыми людьми
<br>- заигрывание ради развлечения и т.д.
<br><br>- собственная свадьба
<br>- время, проведенное
<br>с родителями
<br>- воспитание детей
<br>- сюрпризы для близких
<br>- жизнь в любви со своим мужем/ женой и т.д.
</div>
</div>
<div class='round'>
<h1>let's be happy, people</h1>
<h2></h2>
</div>
</div>
|
let's be happy, people
Страница: 1
Сообщений 1 страница 2 из 2
Поделиться12015-07-27 16:17:48
Поделиться22015-07-27 19:27:13
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'> <center> <div style="width: 450px; background: #ebeeee; padding: 20px; box-shadow:3px 3px 5px #888888; -moz-box-shadow: 3px 3px 5px #888888; -webkit-box-shadow: 3px 3px 5px #888888; -o-box-shadow:3px 3px 5px #888888;"> <div style="font-family: lily script one; font-size: 35px; color: #5b99c1; margin-left: 163px; line-height: 70%;">let's be happy, people</div> <div style="width: 220px; height: 8px; background: #bcd6ec; border-left: 80px solid #bcd6ec; border-right: 150px solid #bcd6ec;"></div> <div style="width: 400px; height: 120px; font-family: roboto; font-size: 11px; line-height: 95%; color: #3b3b3b; overflow: auto; text-align: justify; padding-top: 20px; margin-bottom: -15px;"> Не забываем отписываться в данной теме. Достаточно просто прописать свой ник и группу, к которой принадлежите. <br><br>Помним, что цели вашего персонажа определяет наш незамысловатый тест, предложенный вам после принятия анкеты. НО! Группу изменить можно только раз. Правда стоит это удовольствие недешево;з </div> <table><tr> <td><center><div style="width: 200px; height: 30px; background: #b865c7; font-family: lily script one; font-size: 16px; text-transform: lowercase; color: white; line-height: 30px;">Career & Luxury</div> <div style="width: 190px; height: 150px; padding: 5px; font-family: roboto; text-transform: lowercase; font-size: 10px; line-height: 95%; color: #3b3b3b; overflow: auto; text-align: justify;"> → character name <br> → character name <br> → character name <br> → character name <br> → character name <br> </div> </center></td> <td><center><div style="width: 200px; height: 30px; background: #418275; font-family: lily script one; font-size: 16px; text-transform: lowercase; color: white; line-height: 30px;">Activities & Entertainment</div> <div style="width: 190px; height: 150px; padding: 5px; font-family: roboto; text-transform: lowercase; font-size: 10px; line-height: 95%; color: #3b3b3b; overflow: auto; text-align: justify;"> → character name <br> → character name <br> → character name <br> → character name <br> → character name <br> </div> </center></td> </tr><tr> <td><center><div style="width: 200px; height: 30px; background: #5b99c1; font-family: lily script one; font-size: 16px; text-transform: lowercase; color: white; line-height: 30px;">Fame & Self-Perfection</div> <div style="width: 190px; height: 150px; padding: 5px; font-family: roboto; text-transform: lowercase; font-size: 10px; line-height: 95%; color: #3b3b3b; overflow: auto; text-align: justify;"> → character name <br> → character name <br> → character name <br> → character name <br> → character name <br> </div> </center></td> <td><center><div style="width: 200px; height: 30px; background: #b34247; font-family: lily script one; font-size: 16px; text-transform: lowercase; color: white; line-height: 30px;">Love & Family</div> <div style="width: 190px; height: 150px; padding: 5px; font-family: roboto; text-transform: lowercase; font-size: 10px; line-height: 95%; color: #3b3b3b; overflow: auto; text-align: justify;"> → character name <br> → character name <br> → character name <br> → character name <br> → character name <br> </div> </center></td> </tr></table> <div style="width: 220px; height: 8px; background: #bcd6ec; border-left: 80px solid #bcd6ec; border-right: 150px solid #bcd6ec;"></div> </div>
Страница: 1
















