[html]<center>
<div align="center">
<table style="border-collapse: collapse;">
<tbody>
  <tr>
   <td style="padding: 0px;">
<div class="oomh1">
<div class="oomhstar">
♫
</div>
<div class="oomhlyrics">
A little, jealousy
<br>내가 아닌 다른 사람 빤히
<br>쳐다보는 눈빛
<br>Jealousy
<br>내가 아닌 다른 사람 얘기도
<br>그만해줘 Stop it
</div>
<div style="border-top: solid 1px #1b1b1b; width: 100px; padding-top: 5px; margin-left: 25px;"></div>
<div class="oomhtags">

<i class="fa fa-tag"></i>@Бредомысли<br>

<i class="fa fa-comments"></i><span style="text-align: justify;">Заботливый агрессор</span><br>

</div>
</div>
   </td>
   <td style="padding: 0px;">
<div id="oomh2"><div class="oomhcontent">
<img src="http://funkyimg.com/i/2F1oi.jpg" style="border-bottom-right-radius: 7%; border-top-right-radius: 7%; ">
</div>
<div class="oomhcontentcouch">
<div id="oomhcontenttext">
<span class="oomhbegin">В</span> будущем здесь будут ссылки на мои сообщения в дневнике. А дневник я могу вести о чём угодно, так что обновлений будет довольно много, и самых безумных в том числе.
<br>- <a href="http://spnmillennium.rusff.me/viewtopic.php?id=128#p6940">Коротко о том, кто такой Хосок</a>

</div>
</div>
</div>
   </td>
  </tr>
</tbody>
</table>
</center>

<style type="text/css">
.oomh1 { width: 150px; background-color: #c8d1d7; height: 470px; border-bottom-left-radius: 10%; border-top-left-radius: 10%;  }

.oomhstar { font-size: 120px; text-shadow: 2px 2px #af80c2; text-align: center; font-family: Wire One; padding-top: 100px; font-weight: bold; text-transform: uppercase; }

.oomhlyrics { font-size: 8px; text-align: justify; width: 100px; padding-top: 10px; font-family: Oswald; padding-left: 25px; text-transform: uppercase; letter-spacing: 1px; word-spacing: 0.6em; margin-bottom: 105px; line-height: 11px; }

.oomhtags { font-family: Roboto; font-size: 7px; color: #1b1b1b; text-transform: uppercase; padding-left: 25px; width: 100px; text-align: center;  }

.oomhlyrics b { color: #eec10b; }

#oomh2 {width: 310px; height: 470px; position: relative; overflow: hidden; border-bottom-right-radius: 7%; border-top-right-radius: 7%; }

#oomh2 .oomhcontent { -webkit-transition: 2s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; position: absolute; right: 0px; bottom: 0px; width: 310px; height: 470px; border-bottom-right-radius: 7%; border-top-right-radius: 7%;}

#oomh2:hover .oomhcontent {-webkit-transition: 0.8s ALL EASE-IN-OUT; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; right: -310px; border-bottom-right-radius: 7%; border-top-right-radius: 7%; }

.oomhcontentcouch { background-color: #c8d1d7; height: 440px; padding-top: 25px; padding-bottom: 10px; }

#oomhcontenttext {color: #1b1b1b; background-color: #c8d1d7; padding: 10px 10px 00px 30px; font-family: Raleway; font-size: 13px; text-align: justify; overflow: auto; height: 410px; width: 240px; line-height: 13px; }

#oomhcontenttext::-webkit-scrollbar {width: 5px;background: #c8d1d7; border: none;}

#oomhcontenttext::-webkit-scrollbar-thumb { background: #c8d1d7; border: 2px solid #f9f9f9; }

#oomhcontenttext::-webkit-scrollbar-corner {background: #c8d1d7;}

.oomhbegin { font-family: Abril Fatface; font-weight: bold; font-size: 19px; }

#oomhcontenttext b { color: #eec10b; font-size: 13px; }

#oomhcontenttext i { color: #eec10b; }

.clear{ text-align:center;font-family: "Mukta";font-size:8px;text-transform:uppercase; margin-right: 8px;}
</style>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,400i|Wire+One|Oswald|Abril+Fatface|Raleway' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">[/html]

Отредактировано Hoseok Lee (26-05-2019 13:33:02)