Равнодушие хуже гнева

Поделиться1Вс, 8 Апр 2018 17:50:18

Автор: Hoseok Shin [x]
мимокрокодильный

[html]<center><div class="hospice" id="membergroup">
<table width=100%><tr><td bgcolor=#f2bd53><center><font size=3><i>В моём омуте черти топятся</i></size></center></td></tr>
<tr><td bgcolor><center><img src="http://funkyimg.com/i/2EscW.gif"></center></td></tr>
<tr><td bgcolor=#f2bd53><center><a href="http://desirepool.anihub.ru/viewtopic.php?id=69#p763" title="Анкета"><font size=3><i><b>Подробные данные</i></b></size></a></center></td></tr></table>
<div class="body" width=100%>
<center> <table width=100%><tr><td width=1% bgcolor=#f2bd53></td><td bgcolor=#f2bd53><b>Интересы:</b></td><td width=1% bgcolor=#f2bd53></td><td bgcolor=#f2bd53><b>Еда:</b></td><td width=1% bgcolor=#f2bd53></td><td bgcolor=#f2bd53><b>Предпочтения:</b></td><td width=1% bgcolor=#f2bd53></td><td bgcolor=#f2bd53><b>Музыка:</b></td><td width=1% bgcolor=#f2bd53></td><td bgcolor=#f2bd53><b>Страхи:</b></td><td width=1% bgcolor=#f2bd53></td><td bgcolor=#f2bd53><b>Отвращение:</b></td><td width=1% bgcolor=#f2bd53></td></tr>
<tr><td width=1% bgcolor=#f2bd53></td><td>
<align=center>тяжёлая атлетика;
<br>фитнес;
<br>здоровый образ жизни;
<br>музыка и танцы;
<br>путешествия</align>
</td><td width=1% bgcolor=#f2bd53></td><td>
<align=center>Рамен;
<br>жаркое;
<br>спортивное питание;
<br>сладости;
<br>чёрный чай</align>
</td><td width=1% bgcolor=#f2bd53></td><td>
<align=center>ко внешности не привередлив;
<br>улыбки, эмоции, слёзы, искренность;
<br>чувство юмора;
<br>готовность к экспериментам в постели</align>
</td>
<td width=1% bgcolor=#f2bd53></td><td>
<align=center><b>Monsta X:</b>
<br>Hero, Stuck, Rush,
<br>Dramarama, Jealousy;
<br><b>Marron 5</b>; <b>Glee</b>;
<br><b>CNBlue</b></align>
</td><td width=1% bgcolor=#f2bd53></td><td>
<align=center>навредить другим;
<br>высота;
<br>потерять пару;
<br>стать инвалидом</align>
</td><td width=1% bgcolor=#f2bd53></td><td>
<align=center>алкоголь, табак, наркотики;
<br>обилие косметики;
<br>нытьё и слабость;
<br>лживость, измены, непостоянство</align>
</td><td width=1% bgcolor=#f2bd53></td></tr>
<tr><td width=1% bgcolor=#f2bd53></td><td bgcolor=#f2bd53></td><td width=1% bgcolor=#f2bd53></td><td bgcolor=#f2bd53></td><td width=1% bgcolor=#f2bd53></td><td bgcolor=#f2bd53></td><td width=1% bgcolor=#f2bd53></td><td bgcolor=#f2bd53></td><td width=1% bgcolor=#f2bd53></td><td bgcolor=#f2bd53></td><td width=1% bgcolor=#f2bd53></td><td bgcolor=#f2bd53></td><td width=1% bgcolor=#f2bd53></td></tr>
</table></center>
<details>
<summary>Как звучит голос Хосока</summary>
<iframe width="490" height="370" src="https://www.youtube.com/embed/CPfowzCGhI8" frameborder="0" allowfullscreen="allowfullscreen" data-link="https://www.youtube.com/watch?v=CPfowzCGhI8"></iframe>
</details>
</div>
</td>
</tr>
</table>

</div>

<style>

@import url('https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i');

.hospice {
width: 700px; border: solid 15px #2c7f97 ;
text-align: center;
}

.hospice .body {
width: 700px;
text-align: center;
}

</style>[/html]

Отредактировано Hoseok Shin (Вс, 8 Апр 2018 18:15:05)

+2

Цитировать Сообщение 1

Поделиться2Вс, 8 Апр 2018 18:06:33

Автор: Hoseok Shin [x]
мимокрокодильный

[html]<link href="https://fonts.googleapis.com/css?family=Saira+Semi+Condensed" rel="stylesheet">

#Woods .air {
width: 300px;
height: 150px;
margin: 0 auto;
border: 5px solid #f2bd53;
background-image: url('http://funkyimg.com/i/2DU8m.gif');
background-size: cover;
}

#Woods .water {
width: 175px;
height: 25px;
background-color: #transparent;
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
-o-border-radius: 25px 25px 25px 25px;
-ms-border-radius: 25px 25px 25px 25px;
color: #a11417;
margin: 0 auto;
margin-top: 45px;
font-size: 15px;
font-weight: 700;
text-align: center;
line-height: 22px;
padding: 15px 15px 15px 15px;
}

#Woods .fire {
width: 300px;
margin: 0 auto;
background-color: #transparent;
padding: 5px;
margin-top: 10px;
}

#Woods .earth {
width: 300px;
height: 22px;
background-color: #2c7f97 ;
}

#Woods .dirt {
color: #323232;
margin-left: 15px;
font-size: 18px;
line-height: 21px;
letter-spacing: 1px;
font-family: 'Saira Semi Condensed', sans-serif;
}

#Woods .dirt t {
color: #a11417;
padding: 3px;
font-weight: 800;
}

#Woods .soil {
color: #000;
font-size: 11px;
margin-top: 10px;
margin-left: 5px;
}

#Woods .soil ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}

#Woods .soil li {
padding-left: 1em;
text-indent: -1em;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#Woods .soil li:before {
content: "»";
padding-right: 8px;
color: #654153;
}

#Woods .soil li:hover {
margin-left: 15px;
}

#Woods .soil a:link {color: #654153; }
#Woods .soil a:hover {color: #654153; }
#Woods .soil a:active {color: #654153; }

.cred {
width: 325px;
margin: 0 auto;
color: #654153;
font-size: 8px;
text-align: right;
font-family: 'Saira Semi Condensed', sans-serif;
line-height: 16px;
}
</style>
<div id='Woods'>

<div class='air'>
<div class='water'></div>
</div>
<div class='fire'>
<div class='earth'><div class='dirt'><t>Ф</t>лешбеки</div></div>
<div class='soil'>
<ul><li><A href='link here'>Ссылка</a> Описание</li></ul>
<ul><li><A href='link here'>Ссылка</a> Описание</li></ul>
<ul><li><A href='link here'>Ссылка</a> Описание</li></ul>
</div>
<div class='earth'><div class='dirt'><t>Н</t>астоящее <t>В</t>ремя</div></div>
<div class='soil'>
<ul><li><A href='link here'>Ссылка</a> Описание</li></ul>
<ul><li><A href='link here'>Ссылка</a> Описание</li></ul>
<ul><li><A href='link here'>Ссылка</a> Описание</li></ul>

</div>
<div class='earth'><div class='dirt'><t>А</t>льтернативная <t>Р</t>еальность</div></div>
<div class='soil'>
<ul><li><A href='link here'>Ссылка</a> Описание</li></ul>
<ul><li><A href='link here'>Ссылка</a> Описание</li></ul>
<ul><li><A href='link here'>Ссылка</a> Описание</li></ul>

</div>

</div></div>[/html]

Отредактировано Hoseok Shin (Вс, 8 Апр 2018 18:14:09)

+1

Цитировать Сообщение 2

Поделиться3Вс, 8 Апр 2018 18:13:01

Автор: Hoseok Shin [x]
мимокрокодильный

[html]<link href="https://fonts.googleapis.com/css?family=Contrail+One|Lato:400,400i,700" rel="stylesheet">

<div class="box">
<img src="https://placehold.it/100" style="background:#ACCENT;">
<h1 style="color:#ACCENT">Имя и фамилия</h1>

<div class="text" style="border-color: #ACCENT;">
<h2 style="background:#ACCENT">Статус отношений</h2>
<div class="scroll">
Описание отношений. Большое описание отношений.<p>
Описание отношений. Большое описание отношений.<p>
Описание отношений. Большое описание отношений.<p> </div></div>
</div>

<div class="box">
<img src="https://placehold.it/100" style="background:#ACCENT;">
<h1 style="color:#ACCENT">Имя и фамилия</h1>

<div class="text" style="border-color: #ACCENT;">
<h2 style="background:#ACCENT">Статус отношений</h2>
<div class="scroll">
Описание отношений. Большое описание отношений.<p>
Описание отношений. Большое описание отношений.<p>
Описание отношений. Большое описание отношений.<p>
</div></div>
</div>

<div class="box">
<img src="https://placehold.it/100" style="background:#ACCENT;">
<h1 style="color:#ACCENT">Имя и фамилия</h1>

<div class="text" style="border-color: #ACCENT;">
<h2 style="background:#ACCENT">Статус отношений</h2>
<div class="scroll">
Описание отношений. Большое описание отношений.<p>
Описание отношений. Большое описание отношений.<p>
Описание отношений. Большое описание отношений.<p>
</div></div>
</div>

</div><a href="http://shine.jcink.net/index.php?showuser=8549" style="font: bold 8px/20px calibri; opacity: .5; text-align:center; display: block;">BY MITZI</a>

<style>

.xotourlife {
width: 450px; margin: auto; background: #c7d4dc; padding: 15px 15px 10px 15px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;
}

.xotourlife .box {
background: #c7d4dc; display: inline-block;
width: 145px; height: 250px; margin: 1px;
overflow: hidden;
}

.xotourlife img {
width: 100px; height: 100px; border-radius: 50%;
padding: 25px; margin: 35px -20px 0 -20px; border: solid 15px #f2bd53;
}

.xotourlife h1 {
margin: 10px 0 0 0; font: 14px contrail one; text-transform: uppercase;
text-align: center; letter-spacing: 1px; padding: 0;
}

.xotourlife h2 {
margin: 10px 10px -10px 10px; padding: 0;font: 12px contrail one; text-transform: uppercase;
text-align: center; letter-spacing: 0px; width: 115px;
height: 15px; padding: 5px; color: #000;
}

.xotourlife .text {
background: #c7d4dc; margin: 0; overflow: hidden;
position: relative; z-index: 200;
width: 145px; height: 0px; transition: .8s;
border-top: solid 5px;
}

.xotourlife .box:hover .text {
margin: -248px 0 0 0; height: 240px;
}

.xotourlife .scroll {
margin: 15px 10px 15px 15px; color: #000; font: 11px/16px lato; text-align: justify;
padding-right: 10px; height: 190px; overflow: auto; width: 110px;
}

.xotourlife .scroll::-webkit-scrollbar {
width: 5px; background: #c7d4dc; border: solid 2px #f2bd53;
}

.xotourlife .scroll::-webkit-scrollbar-track {
background: #c7d4dc; border: solid 2px #f2bd53;
}

.xotourlife .scroll::-webkit-scrollbar-thumb {
border: solid 1px #f2bd53; background: #f2bd53;
border-radius: 8px;
}
</style>[/html]

+1