Код: <!--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