[html]<link href='http://fonts.googleapis.com/css?family=Old+Standard+TT' rel='stylesheet' type='text/css'><style> .rosewrap {background: transparent url(http://funkyimg.com/i/2DEvh.png) no-repeat; width: 400px; height: 490px; margin: auto;} .roseinner {opacity: .7; } .roseinner, .rosename {transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;} .roseinner:hover {opacity: 1} .roseimg {padding-top: 50px; padding-left: 20px;} .roseimg img {border-radius: 50%; border: solid 3px #fff; width: 120px; height: 120px;} .rosename {width: 300px; padding: 10px; font-family: old standard tt; font-size: 20px; text-transform: uppercase; padding-top: 4px; text-shadow: 1px 1px 0px rgba(255,255,255,7) } .roseinner:hover .rosename {color: #a98380} .rosequote {line-height: 10px; height: 20px; text-transform: uppercase; font-family: roboto, serif; width: 210px; text-align: center; font-size: 9px; letter-spacing: 1px; font-style: italic; padding: 3px; color: #150d1f; margin-top: 0px; margin-left: 0px; } .rosecontent { width: 300px; height: 190px; margin: auto; background: rgba(255,255,255,0.8); padding: 10px; font-size: 13px; line-height: 14px; font-family: calibri, sans-serif; box-shadow: 0 1px 5px rgba(0,0,0,0.1); margin-top: 28px; max-height: 190px; overflow: auto;} .rosecontent::-webkit-scrollbar { background: #eee; width: 5px; } .rosecontent::-webkit-scrollbar-thumb { background: #aaa; width: 5px } .rosecontent::-webkit-scrollbar-corner { background: #ccc; } .rosecontent p:first-child:first-letter { float: left; color: #a98380; font-size: 40px; padding: 5px; font-family: old standard tt; text-transform: none; text-shadow: 1px 1px 0px rgba(255,255,255,1)} </style> <div class="rosewrap"><div class="roseinner"> <div class="roseimg"><img src="http://funkyimg.com/i/2DHWF.gif"></img></div> <div class="rosename">Chae Soobin</div> <div class="rosequote">Мое спасение и моя погибель</div> <div class="rosecontent"><p> Обычная девушка, каких можно повстречать сотни.
Но все же ты не такая, как все. Ты другая. Рядом с тобой я могу дышать и могу чувствовать себя живым. Могу обнять тебя, понимая, что ты не причинишь мне боль и не обманешь. Твоя улыбка заставляет меня улыбаться, а смех заставляет сердце предательски сжиматься. Да вот только робота любить невозможно...

<br>Вероятно вы поняли, что я хочу отыграть сюжет "Я не робот", но если у вас будут еще более безумные идеи, я открыт к тому, чтобы их выслушать) </div></div></div><div style="font-size: 9px; text-align: center;"><a href="http://shine.b1.jcink.com/index.php?showuser=903">▼</a></div>[/html]

Отредактировано teterev (2018-03-24 19:45:04)

[html]<link href='http://fonts.googleapis.com/css?family=Old+Standard+TT' rel='stylesheet' type='text/css'><style>
.rosewrap {background: transparent url(http://funkyimg.com/i/2DEvh.png) no-repeat; width: 400px; height: 490px; margin: auto;}
.roseinner {opacity: .7; }
.roseinner, .rosename {transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;}
.roseinner:hover {opacity: 1}
.roseimg {padding-top: 50px; padding-left: 20px;}
.roseimg img {border-radius: 50%; border: solid 3px #fff; width: 120px; height: 120px;}
.rosename {width: 300px; padding: 10px; font-family: old standard tt; font-size: 20px; text-transform: uppercase; padding-top: 4px; text-shadow: 1px 1px 0px rgba(255,255,255,7) }
.roseinner:hover .rosename {color: #a98380}
.rosequote {line-height: 10px; height: 20px; text-transform: uppercase; font-family: roboto, serif; width: 210px; text-align: center; font-size: 9px; letter-spacing: 1px; font-style: italic; padding: 3px; color: #150d1f;  margin-top: 0px;  margin-left: 0px; }
.rosecontent { width: 300px; height: 190px; margin: auto; background: rgba(255,255,255,0.8); padding: 10px; font-size: 13px; line-height: 14px; font-family: calibri, sans-serif; box-shadow: 0 1px 5px rgba(0,0,0,0.1); margin-top: 28px; max-height: 190px; overflow: auto;}
.rosecontent::-webkit-scrollbar { background: #eee; width: 5px; }
.rosecontent::-webkit-scrollbar-thumb { background: #aaa; width: 5px }
.rosecontent::-webkit-scrollbar-corner { background: #ccc; }
.rosecontent p:first-child:first-letter { float: left; color: #a98380; font-size: 40px; padding: 5px;  font-family: old standard tt; text-transform: none; text-shadow: 1px 1px 0px rgba(255,255,255,1)}

</style>

<div class="rosewrap"><div class="roseinner">

<div class="roseimg"><img src="http://i12.pixs.ru/storage/2/4/3/1960996gif_8526530_29743243.gif"></img></div>
<div class="rosename">Park Chaeyoung / Rosé</div>
<div class="rosequote">Первая любовь — самый яркий и бесценный, ни с чем не сравнимый опыт и самое начало жизненного пути каждого человека.</div>
<div class="rosecontent"><p>

Моя соседка и первая любовь. Ты переехала из другой страны или города. Перевелась в наш класс и поселилась в моём сердце. Наши родители дружили и мы вместе с ними. Я сразу признался тебе в своих чувствах, но ты мне отказала...Было не приятно это слышать, но мы все же продолжали дружить. После окончания школы, мы все так же общались и много времени проводили вместе. Я встречался с другими девушками, ты ревновала, но скрывала это. Затем, ты сама призналась в симпатии и началась наша история любви. Но она продлилась не долго, около 3-х месяцев... У тебя что-то случилось в жизни и ты уехала, без предупреждения или даже смс. Ну а что будет дальше, давай решим вместе. Просто приходи, без игры не оставлю. Так же буду баловать плюшками!

</div></div></div><div style="font-size: 9px; text-align: center;"><a href="http://shine.b1.jcink.com/index.php?showuser=903">▼</a></div>[/html]

Отредактировано грешник (2018-03-24 22:05:35)