ONE-TWO-FREE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ONE-TWO-FREE » три » жижа


жижа

Сообщений 1 страница 13 из 13

1

и потекла жижа

0

2

http://forumupload.ru/uploads/0018/1f/c9/8/t744542.png

0

3

http://forumupload.ru/uploads/0018/1f/c9/8/132099.png
http://forumupload.ru/uploads/0018/1f/c9/8/531946.png
http://forumupload.ru/uploads/0018/1f/c9/8/933023.png

0

4

[html]
<link href="https://fonts.googleapis.com/css?family=Gothic+A1|Roboto" rel="stylesheet">
<style>

#foolforyou {
   width: 450px;
   height: auto;
}

.ffyinbox {
   height: 200px;
   background: #eee;
   width: 400px;
   box-shadow: -2px 2px 5px #ccc;
   margin: 15px;
   border: 1px solid white;
   outline: 5px solid #eee;
   overflow: hidden;
   margin-bottom: 5px;
}

.ffyicon {
   width: 150px;
   height: 150px;
   border: 10px solid #eee;
   box-shadow: 0 0 1pt 1pt #b3cad3;
   box-shadow: 0 0 0 1pt #fff;
   float: left;
   margin: 15px;
}

.ffyicon img {
   height: 150px;
   width: 150px;
}

.ffytraittext {
   height: 15px;
   width: 350px;
   padding: 10px;
   margin-left: 10px;
   padding-top: 15px;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #558b99;
   letter-spacing: 3px;
   text-transform: uppercase;
   text-align: left;
   border-bottom: 1px solid white;
   line-height: 80%;
}

.ffytraittext .ffytraittext2 {
   font-size: 10px;
   color: #aaa;
}

.ffytextbox {
   height: 135px;
   overflow: auto;
   width:180px;
   color: #aaa;
   font-family: 'Gothic A1', sans-serif;
   float: right;
   text-align: justify;
   margin-right: 15px;
   margin-top: 10px;
   font-size: 10px;
   line-height: 100%;
   padding-right: 5px;

.ffytextbox::-webkit-scrollbar {
   width: 5px;
}

.ffytextbox::-webkit-scrollbar-track {
   display: none;
}

.ffytextbox::-webkit-scrollbar-thumb {
   background: #e1e1e1;
}

</style><center>
<div id="foolforyou">

<div class="ffyinbox"><div style="position:relative">
   <div class="ffyicon"><img src="http://forumupload.ru/uploads/0018/1f/c9/8/132099.png"></div>
   <div class="ffytraittext">Имя Фамилия<br>
     <span class="ffytraittext2">цитата</span>
   </div>

<div class="ffytextbox">
   
описани
     
   </p>
   
</div></div></div>

</div>
<a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#ccc;font-size:7px;letter-spacing:7px;">MONTY</a>
</center>
[/html]

[html]
<link href="https://fonts.googleapis.com/css?family=Gothic+A1|Roboto" rel="stylesheet">
<style>

#foolforyou {
   width: 450px;
   height: auto;
}

.ffyinbox {
   height: 200px;
   background: #eee;
   width: 400px;
   box-shadow: -2px 2px 5px #ccc;
   margin: 15px;
   border: 1px solid white;
   outline: 5px solid #eee;
   overflow: hidden;
   margin-bottom: 5px;
}

.ffyicon {
   width: 150px;
   height: 150px;
   border: 10px solid #eee;
   box-shadow: 0 0 1pt 1pt #b3cad3;
   box-shadow: 0 0 0 1pt #fff;
   float: left;
   margin: 15px;
}

.ffyicon img {
   height: 150px;
   width: 150px;
}

.ffytraittext {
   height: 15px;
   width: 350px;
   padding: 10px;
   margin-left: 10px;
   padding-top: 15px;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   color: #558b99;
   letter-spacing: 3px;
   text-transform: uppercase;
   text-align: left;
   border-bottom: 1px solid white;
   line-height: 80%;
}

.ffytraittext .ffytraittext2 {
   font-size: 10px;
   color: #aaa;
}

.ffytextbox {
   height: 135px;
   overflow: auto;
   width:180px;
   color: #aaa;
   font-family: 'Gothic A1', sans-serif;
   float: right;
   text-align: justify;
   margin-right: 15px;
   margin-top: 10px;
   font-size: 10px;
   line-height: 100%;
   padding-right: 5px;

.ffytextbox::-webkit-scrollbar {
   width: 5px;
}

.ffytextbox::-webkit-scrollbar-track {
   display: none;
}

.ffytextbox::-webkit-scrollbar-thumb {
   background: #e1e1e1;
}

</style><center>
<div id="foolforyou">

<div class="ffyinbox"><div style="position:relative">
   <div class="ffyicon"><img src="http://forumupload.ru/uploads/0018/1f/c9/8/132099.png"></div>
   <div class="ffytraittext">Имя Фамилия<br>
     <span class="ffytraittext2">цитата</span>
   </div>

<div class="ffytextbox">
   
описани
     
   </p>
   
</div></div></div>

</div>
<a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#ccc;font-size:7px;letter-spacing:7px;">MONTY</a>
</center>
[/html]

Отредактировано жижа (2021-08-10 20:35:58)

0

5

[html]
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<style>#reqbg {
margin: auto;
background-image: url('https://66.media.tumblr.com/5f9b6c99e2bd0a6a3bdc7333fde3a0b0/tumblr_pf9l1sxaYj1slyxceo1_1280.jpg');
background-repeat: repeat;
background-size: cover;
height: auto;
width: 490px; padding: 20px;
box-shadow: 1px 1px 3px;
}
.reqside {
margin-left: -4px;
margin-top: -4px;
margin-bottom: -4px;
background-size: cover;
background-position: center;
width: 225px;
height: 350px;
filter: grayscale(100%);
}
.reqinfo {
border: 1px solid #111111;
background-color: #111111;
padding: 10px;
height: auto;
width: 100px;
text-align: center;
font: 11px 'times new roman';
color: #FFF;
font-weight: 600;
position: absolute; margin-top: 220px;
margin-left: 50px;
opacity: 0.9;
}
.reqtext {
color: #FFF;
width: 245px;
height: 330px;
padding: 10px;
margin-right: -4px;
margin-top: -25px;
margin-bottom: -23px;
margin-left: 0px;
background-color: #111111;
font-weight: 200;
font: 11px/110% 'montserrat';
text-align: justify;
overflow-y: auto;
line-height: 110%;
opacity: 0.9;
}
.reqtext b {
color: #FFF;
font-size: 11px;
font-family: 'times new roman';
text-transform: uppercase;
}
.reqtext a {
font: 11px 'times new roman';
text-transform: uppercase;
font-weight: 500;
color: #7a6945;
letter-spacing: 1px;
text-decoration: none;
}
.reqtext::-webkit-scrollbar { width: 5px; }
.reqtext::-webkit-scrollbar-track { background: rgba(15, 15, 15, 0.95); }
.reqtext::-webkit-scrollbar-thumb { background: #fff; border: none; }
</style>
<div id="reqbg">
<table><tr>
<td><div class="reqside" style="background-image: url(http://forumupload.ru/uploads/0018/1f/c9/8/617175.png)">
<div class="reqinfo">SAMANTHA BURR<BR>
17 Y.O.<br>
жуки
</div>
</div></td>
<td>
<div class="reqtext">
<b>Сокращения:</b> Сэм, Сэмми, одноглазая, цепной жук, паучиха, психованная.<br>
<b>Дата рождения:</b> 14.10.88, 17 лет<br>
<b>Прибытие в приют:</b> 01.09.2004, I класс<br>
<b>Класс:</b> III-II<br>
<b>Банда:</b> жуки, солдат<br>
<b>Клубная деятельность:</b> лидер группы поддержки команды А; неофициальный член театрального кружка (под настроение участвует в постановках смеха ради)<br>

</div>
</td>
</tr></table>
</div>[/html]

Отредактировано жижа (2021-08-10 22:03:54)

0

6

[html]<div align="center">
<div class="paradiseBG">
<div class="paradiseLeft"><img src="https://forumupload.ru/uploads/0018/1f/c9/8/782857.png"></div>
<div class="paradiseScreen"></div>
<div class="paradiseIMG"><img src="https://forumupload.ru/uploads/0018/1f/c9/8/782857.png">

<div class="paradiseTag">@Sam Burr</div>

<div class="paradiseNote">цитата о себе</div>

</div>

<div class="paradiseBody">

<b>прозвища:</b><br><br>текст

</div>

</div>
<a href="http://wecode.jcink.net/index.php?showuser=6438" style="font-family:trebuchet ms;font-size:7px;text-transform:uppercase;color:#777;letter-spacing:1px;text-decoration:none">coded by ulla</a>
</div>

<link href="https://fonts.googleapis.com/css?family=Comfortaa|Sacramento|Varela+Round|Muli|Gruppo|Krub" rel="stylesheet">
<style>

.paradiseBG {
background-color:#fff;
height:380px;
width:450px;
}

.paradiseLeft {
background-color:#eee;
height:380px;
width:150px;
float:left;
overflow:hidden;
}

.paradiseLeft IMG {
-webkit-filter:grayscale(100%);
-webkit-transform:scale(1.35);
}

.paradiseScreen {
height:380px;
width:150px;
float:left;
background-color:#777777;
margin-left:-150px;
opacity:.7;
}

.paradiseIMG {
float:left;
margin:22px;
margin-left:-125px;
opacity:.9999999;
border:#fff 5px solid;
height:325px;
width:175px;
overflow:hidden;
transition:.3s;
}

.paradiseIMG IMG {
transition:.3s;
transition-delay:.3s;
}

.paradiseIMG:hover IMG {
-webkit-filter:brightness(60%);
transition:.3s;
}

.paradiseBody {
width:205px;
float:right;
height:350px;
overflow:auto;
padding:0 15px 0 20px;
border-top:#fff 15px solid;
border-bottom:#fff 15px solid;
border-right:#fff 10px solid;
margin-left:-40px;
text-align:justify;
font-family:arial;
font-size:10px;
line-height:12px;
}

.paradiseBody b {
color:#777777;
font-family:varela round;
font-size:11px;
}

.paradiseBody::-webkit-scrollbar {width:3px;background-color:#ddd;border:#fff 1px solid;}
.paradiseBody::-webkit-scrollbar-thumb {width:3px;background-color:#ddd;}

.paradiseTag {
margin-top:-100px;
margin-bottom:15px;
text-shadow:#fff 0 0 1px;
opacity:0;
transition:.3s;
transition-delay:.3s;
}

.paradiseTag a {
color:#fff!important;
text-decoration:none;
font-family:comfortaa!important;
font-size:11px;
font-weight:400!important;
text-transform:lowercase!important;
}

.paradiseNote {
font-family:muli;
font-size:10px;
width:80%;
color:#fff;
opacity:0;
transition:.3s;
line-height:12px;
transition-delay:.3s;
}

.paradiseIMG:hover .paradiseTag, .paradiseIMG:hover .paradiseNote {
opacity:.99999;
transition:.3s;
}

</style>[/html]

Отредактировано жижа (2021-08-10 22:22:10)

0

7

[html]<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,600,700,800,900|Roboto|Raleway|Sawarabi+Gothic" rel="stylesheet">
<style>

#memberdirectory {
width: 500px;
background: #fff;
height: auto;
position: relative;
margin: 20px auto;
border: 1px solid #ccc;
outline: 1px solid #bb9656;
outline-offset: 10px;
font-family: roboto;
color: #191919;
line-height: 170%;
font-size: 11px;
}

#memberdirectory maintitle {
position: relative;
display: block;
height: 60px;
border-bottom: 1px solid #bb9656;
overflow: hidden;
font-family: playfair display;
font-weight: 800;
text-align: center;
color: #bababa;
text-transform: uppercase;
line-height: 230%;
font-size: 40px;
}

#memberdirectory text {
font-family: roboto;
padding: 30px;
display: block;
color: #191919;
text-align: justify;
font-size: 11px;
line-height: 150%;
}

#memberdirectory subtitle {
position: relative;
display: block;
height: 20px;
border-bottom: 1px solid #ccc;
overflow: hidden;
font-family: playfair display;
font-weight: 800;
text-align: left;
color: #bababa;
text-transform: uppercase;
line-height: 130%;
font-size: 20px;
}

#memberdirectory membertitle {
position: relative;
display: block;
height: 60px;
border-bottom: 1px solid #ccc;
overflow: hidden;
font-family: playfair display;
font-weight: 800;
text-align: center;
color: #ccc;
text-transform: uppercase;
line-height: 200%;
font-size: 45px;
}

#memberdirectory info {
font-family: roboto;
text-align: center;
display: block;
position: absolute;
top: 0px;
font-size: 11px;
width: 500px;
color: #bb9656;
line-height: 1000%;
}

#memberdirectory memberblock {
display: block;
padding: 20px 20px 30px;
border-bottom: 1px solid #ccc
}

.characterblock {
display: block;
height: 30px;
width: 460px;
border-bottom: 1px solid#bb9656;
margin: 5px 0px;
position: relative;
overflow: hidden;
}

#memberdirectory icon {
height: 30px;
width: 30px;
float: right;
border: 1px solid #bb9656;
background-size: cover;
position: relative;
top: 0px;
right: 0px;
}

#memberdirectory chartext {
text-align: left;
float: left;
color: #777;
text-transform: uppercase;
display: block;
top: 3px;
position: relative;
}

.charname {
display: block;
font-family: playfair display;
color: #ccc;
font-size: 20px;
position: absolute;
text-align: right;
width: 425px;
text-transform: uppercase;
font-weight: 700;
top:14px;
}

.membergroup1 .charname {
color: #99BABC;
}

.membergroup1 .characterblock {
border-bottom: 1px solid #99BABC;
}

.membergroup2 .charname {
color: #7788A7;
}

.membergroup2 .characterblock {
border-bottom: 1px solid #7788A7;
}

.membergroup3 .charname {
color: #C28E8E;
}

.membergroup3 .characterblock {
border-bottom: 1px solid #C28E8E;
}

.membergroup4 .charname {
color: #99BABC;
}

.membergroup4 .characterblock {
border-bottom: 1px solid #99BABC;
}

.membergroup5 .charname {
color: #99BABC;
}

.membergroup5 .characterblock {
border-bottom: 1px solid #99BABC;
}

.membergroup6 .charname {
color: #C28E8E;
}

.membergroup6 .characterblock {
border-bottom: 1px solid #C28E8E;
}

.membergroup7 .charname {
color: #99BABC;
}

.membergroup7 .characterblock {
border-bottom: 1px solid #99BABC;
}

.membergroup8 .charname {
color: #7788A7;
}

.membergroup8 .characterblock {
border-bottom: 1px solid #7788A7;
}

.membergroup9 .charname {
color: #7788A7;
}

.membergroup9 .characterblock {
border-bottom: 1px solid #7788A7;
}

.membergroup10 .charname {
color: #7788A7;
}

.membergroup10 .characterblock {
border-bottom: 1px solid #7788A7;
}

.membergroup11 .charname {
color: #99BABC;
}

.membergroup11 .characterblock {
border-bottom: 1px solid #99BABC;
}

.membergroup12 .charname {
color: #C28E8E;
}

.membergroup12 .characterblock {
border-bottom: 1px solid #C28E8E;
}

.membergroup13 .charname {
color: #99BABC;
}

.membergroup13 .characterblock {
border-bottom: 1px solid #99BABC;
}

.membergroup14 .charname {
color: #99BABC;
}

.membergroup14 .characterblock {
border-bottom: 1px solid #99BABC;
}

</style>
<div id="memberdirectory">
<maintitle>ХРОНОЛОГИЯ</maintitle>
<text>немного о хронологии</text>
<subtitle>что-то</subtitle>

<membertitle>эпизоды
   <info> название - время
</info>
</membertitle>
<memberblock>
<div class="membergroup1"><div class="characterblock">
   <div class="charname">05.03.05</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=4995">моя голова винтом</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup2"><div class="characterblock">
   <div class="charname">05.07.05</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=5510">fuck that shit, let's start a riot</a>
</chartext>
   <icon style="background-image: url(http://forumupload.ru/uploads/0018/1f/c9/8/971758.png)"></icon>
</div></div>
<div class="membergroup3"><div class="characterblock">
   <div class="charname">~08.05</div>
   <chartext> <a href="https://shelterme.rusff.me/viewtopic.php?id=5513">ловушка меломана</a>
</chartext>
   <icon style="background-image: url(http://forumupload.ru/uploads/0018/1f/c9/8/923038.png)"></icon>
</div></div>
<div class="membergroup4"><div class="characterblock">
   <div class="charname">23.02.06</div>
   <chartext> <a href="https://shelterme.rusff.me/viewtopic.php?id=5005">гулять так гулять или красиво запиваем горе</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup5"><div class="characterblock">
   <div class="charname">12.04.06</div>
   <chartext> <a href="https://shelterme.rusff.me/viewtopic.php?id=5512">а мы тут плюшками балуемся</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup6"><div class="characterblock">
   <div class="charname">17.05.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=4958">дело случая</a>
</chartext>
   <icon style="background-image: url(http://forumupload.ru/uploads/0018/1f/c9/8/923038.png)"></icon>
</div></div>
<div class="membergroup7"><div class="characterblock">
   <div class="charname">21.05.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=5003">доигрался ты, старый дурак, – вот и вся эпитафия</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup8"><div class="characterblock">
   <div class="charname">29.06.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=5026">ЭХО ТЕРРОРА: перемены для перемен II</a>
</chartext>
   <icon style="background-image: url(http://forumupload.ru/uploads/0018/1f/c9/8/971758.png)"></icon>
</div></div>
<div class="membergroup8"><div class="characterblock">
   <div class="charname">30.06.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=5037">ЭХО ТЕРРОРА: громкий финал. Сцена VIII</a>
</chartext>
   <icon style="background-image: url(http://forumupload.ru/uploads/0018/1f/c9/8/971758.png)"></icon>
</div></div>
<div class="membergroup9"><div class="characterblock">
   <div class="charname">03.07.06</div>
   <chartext> <a href="https://shelterme.rusff.me/viewtopic.php?id=5023">ты и я, вместе мы — партия</a>
</chartext>
   <icon style="background-image: url(http://forumupload.ru/uploads/0018/1f/c9/8/971758.png)"></icon>
</div></div>
<div class="membergroup10"><div class="characterblock">
   <div class="charname">07.07.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=4955">воспитание дворняги</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup10"><div class="characterblock">
   <div class="charname">11.07.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=5004">где нас нет</a>
</chartext>
   <icon style="background-image: url(http://forumupload.ru/uploads/0018/1f/c9/8/923038.png)"></icon>
</div></div>
<div class="membergroup11"><div class="characterblock">
   <div class="charname">29.07.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=4960">король умер. да здравствует новый король!</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup12"><div class="characterblock">
   <div class="charname">03.09.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=5570">бульварный роман</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
</memberblock>

</div><center><a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>[/html]

Отредактировано жижа (2021-08-10 22:26:27)

0

8

[html]<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,600,700,800,900|Roboto|Raleway|Sawarabi+Gothic" rel="stylesheet">
<style>

#memberdirectory {
width: 500px;
background: #fff;
height: auto;
position: relative;
margin: 20px auto;
border: 1px solid #ccc;
outline: 1px solid #bb9656;
outline-offset: 10px;
font-family: roboto;
color: #191919;
line-height: 170%;
font-size: 11px;
}

#memberdirectory maintitle {
position: relative;
display: block;
height: 60px;
border-bottom: 1px solid #bb9656;
overflow: hidden;
font-family: playfair display;
font-weight: 800;
text-align: center;
color: #bababa;
text-transform: uppercase;
line-height: 230%;
font-size: 40px;
}

#memberdirectory text {
font-family: roboto;
padding: 30px;
display: block;
color: #191919;
text-align: justify;
font-size: 11px;
line-height: 150%;
}

#memberdirectory subtitle {
position: relative;
display: block;
height: 20px;
border-bottom: 1px solid #ccc;
overflow: hidden;
font-family: playfair display;
font-weight: 800;
text-align: left;
color: #bababa;
text-transform: uppercase;
line-height: 130%;
font-size: 20px;
}

#memberdirectory membertitle {
position: relative;
display: block;
height: 60px;
border-bottom: 1px solid #ccc;
overflow: hidden;
font-family: playfair display;
font-weight: 800;
text-align: center;
color: #ccc;
text-transform: uppercase;
line-height: 200%;
font-size: 45px;
}

#memberdirectory info {
font-family: roboto;
text-align: center;
display: block;
position: absolute;
top: 0px;
font-size: 11px;
width: 500px;
color: #bb9656;
line-height: 1000%;
}

#memberdirectory memberblock {
display: block;
padding: 20px 20px 30px;
border-bottom: 1px solid #ccc
}

.characterblock {
display: block;
height: 30px;
width: 460px;
border-bottom: 1px solid#bb9656;
margin: 5px 0px;
position: relative;
overflow: hidden;
}

#memberdirectory icon {
height: 30px;
width: 30px;
float: right;
border: 1px solid #bb9656;
background-size: cover;
position: relative;
top: 0px;
right: 0px;
}

#memberdirectory chartext {
text-align: left;
float: left;
color: #777;
text-transform: uppercase;
display: block;
top: 3px;
position: relative;
}

.charname {
display: block;
font-family: playfair display;
color: #ccc;
font-size: 20px;
position: absolute;
text-align: right;
width: 425px;
text-transform: uppercase;
font-weight: 700;
top:14px;
}

.membergroup1 .charname {
color: #99BABC;
}

.membergroup1 .characterblock {
border-bottom: 1px solid #99BABC;
}

.membergroup2 .charname {
color: #7788A7;
}

.membergroup2 .characterblock {
border-bottom: 1px solid #7788A7;
}

.membergroup3 .charname {
color: #C28E8E;
}

.membergroup3 .characterblock {
border-bottom: 1px solid #C28E8E;
}

.membergroup4 .charname {
color: #99BABC;
}

.membergroup4 .characterblock {
border-bottom: 1px solid #99BABC;
}

.membergroup5 .charname {
color: #99BABC;
}

.membergroup5 .characterblock {
border-bottom: 1px solid #99BABC;
}

.membergroup6 .charname {
color: #C28E8E;
}

.membergroup6 .characterblock {
border-bottom: 1px solid #C28E8E;
}

.membergroup7 .charname {
color: #99BABC;
}

.membergroup7 .characterblock {
border-bottom: 1px solid #99BABC;
}

.membergroup8 .charname {
color: #7788A7;
}

.membergroup8 .characterblock {
border-bottom: 1px solid #7788A7;
}

.membergroup9 .charname {
color: #7788A7;
}

.membergroup9 .characterblock {
border-bottom: 1px solid #7788A7;
}

.membergroup10 .charname {
color: #7788A7;
}

.membergroup10 .characterblock {
border-bottom: 1px solid #7788A7;
}

.membergroup11 .charname {
color: #99BABC;
}

.membergroup11 .characterblock {
border-bottom: 1px solid #99BABC;
}

.membergroup12 .charname {
color: #C28E8E;
}

.membergroup12 .characterblock {
border-bottom: 1px solid #C28E8E;
}

.membergroup13 .charname {
color: #99BABC;
}

.membergroup13 .characterblock {
border-bottom: 1px solid #99BABC;
}

.membergroup14 .charname {
color: #99BABC;
}

.membergroup14 .characterblock {
border-bottom: 1px solid #99BABC;
}

</style>
<div id="memberdirectory">
<maintitle>ХРОНОЛОГИЯ</maintitle>
<text>спиздила у себя же хронологию. во дела!</text>
<subtitle>что-то с чем-то</subtitle>

<membertitle>эпизоды
   <info> название - время
</info>
</membertitle>
<memberblock>
<div class="membergroup1"><div class="characterblock">
   <div class="charname">05.03.05</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=4995">моя голова винтом</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup2"><div class="characterblock">
   <div class="charname">05.07.05</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=5510">fuck that shit, let's start a riot</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup3"><div class="characterblock">
   <div class="charname">~08.05</div>
   <chartext> <a href="https://shelterme.rusff.me/viewtopic.php?id=5513">ловушка меломана</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup4"><div class="characterblock">
   <div class="charname">23.02.06</div>
   <chartext> <a href="https://shelterme.rusff.me/viewtopic.php?id=5005">гулять так гулять или красиво запиваем горе</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup5"><div class="characterblock">
   <div class="charname">12.04.06</div>
   <chartext> <a href="https://shelterme.rusff.me/viewtopic.php?id=5512">а мы тут плюшками балуемся</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup6"><div class="characterblock">
   <div class="charname">17.05.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=4958">дело случая</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup7"><div class="characterblock">
   <div class="charname">21.05.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=5003">доигрался ты, старый дурак, – вот и вся эпитафия</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup8"><div class="characterblock">
   <div class="charname">29.06.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=5026">ЭХО ТЕРРОРА: перемены для перемен II</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup8"><div class="characterblock">
   <div class="charname">30.06.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=5037">ЭХО ТЕРРОРА: громкий финал. Сцена VIII</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup9"><div class="characterblock">
   <div class="charname">03.07.06</div>
   <chartext> <a href="https://shelterme.rusff.me/viewtopic.php?id=5023">ты и я, вместе мы — партия</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup10"><div class="characterblock">
   <div class="charname">07.07.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=4955">воспитание дворняги</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup10"><div class="characterblock">
   <div class="charname">11.07.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=5004">где нас нет</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup11"><div class="characterblock">
   <div class="charname">29.07.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=4960">король умер. да здравствует новый король!</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup12"><div class="characterblock">
   <div class="charname">03.09.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=5570">бульварный роман</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup13"><div class="characterblock">
   <div class="charname">03.09.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=5570">бульварный роман</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>
<div class="membergroup14"><div class="characterblock">
   <div class="charname">03.09.06</div>
   <chartext> <a href="http://shelterme.rusff.me/viewtopic.php?id=5570">бульварный роман</a>
</chartext>
   <icon style="background-image: url(https://placehold.it/100x100)"></icon>
</div></div>

</memberblock>

</div><center><a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>[/html]

Отредактировано жижа (2021-08-10 22:35:44)

0

9

[html]<link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cousine:400,400i,700,700i" rel="stylesheet">

<div id="pins">
<bg style="background-image: url(http://forumupload.ru/uploads/0018/1f/c9/8/963658.png)"></bg>
<sc1></sc1>
<h1>rudolf skitto</h1>
<input type="radio" name="pinsts" id="pinst1" checked>
<label for="pinst1">home</label>
   <input type="radio" name="pinsts" id="pinst2">
<label for="pinst2">about</label>
   <input type="radio" name="pinsts" id="pinst3">
<label for="pinst3">chrono</label>
   <input type="radio" name="pinsts" id="pinst4">
<label for="pinst4">relat</label>
   <input type="radio" name="pinsts" id="pinst5">
<label for="pinst5">invent</label>
<bg1></bg1>

<div id="pinscont1"><b>Сокращения:</b> Руди, Руд, просит называть себя Вольфом, а также козёл, бабник, придурок твоей мечты.<br>
<b>Дата рождения:</b> 07.09.1989, 16 лет<br>
<b>Прибытие в приют:</b> 19.08.05 (I класс)<br>
<b>Класс:</b> II-I<br>
<b>Банда:</b> Шакалы: солдат<br>
<b>Клубная деятельность:</b> клуб выживания, неофиц. бойцовский клуб<br>

</div>

<div id="pinscont2">

<a href="https://shelterme.rusff.me/viewtopic.php?id=5438">[19.08.05] looking for trouble</a><br>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5440">[02.09.05] вашей маме зять не нужен?</a><br>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5437">[03.09.05] красотка, есть минутка?</a><br>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5435">[23.06.06] mixed my medicine</a><br>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5583">[04.07.06] помятый воротник рубашки</a><br>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5436">[15.07.06] тупой и ещё тупее</a><br>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5276">[29.07.06] токсичные гонки на выживание</a><br>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5455">[07.08.06] лев, шакал и жук ✘</a><br>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5422">[09.08.06] raise your glass to another lie</a><br>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5567#p766974">[10.08.06] all dressed up for a hit and run</a><br>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5459">[20.08.06] бабки на лавочке</a><br>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5491">[22.08.06] издевательский этузиазм</a><br>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5494">[25.08.06] по делам любовным</a><br>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5338">[27.08.06] third class dance</a><br>
<a href="https://shelterme.rusff.me/viewtopic.php?id=5492#p754606">[08.10.06] страсти-мордастим</a><br>
</div>

<div id="pinscont3"><b>имя</b> - описание<br>

</div>

<div id="pinscont4">инвентарь<br>
</div>
</div>

<a href="http://wecode.jcink.net/index.php?showuser=4918"><div style="width: 420px; margin: 10px auto; text-align: right; font-size: 8px; font-family: arial; text-transform: uppercase; color: #aaa;">liv's codes</div></a>
<style>#pins {height: 500px; width: 400px; border: 1px solid #192520; outline: 1px solid #C27489; outline-offset: 10px; margin: 20px auto; position: relative; background: #e0e0e0}
#pins bg {position: absolute; bottom: 0; right: 0; background-size: cover; height: 430px; width: 350px; filter: grayscale(100%)}
#pins sc1 {background: #C27489; position: absolute; bottom: 0; right: 0; height: 430px; width: 350px; mix-blend-mode: darken;}
#pins h1 {font-family: poppins; text-transform: uppercase; color: #192520; position: absolute; left: 50px; font-size: 20px; height: 0; line-height:65px; letter-spacing: 1px;}
#pinst1+label, #pinst2+label, #pinst3+label, #pinst4+label, #pinst5+label {font-family: poppins; position: absolute; text-transform: uppercase; font-weight: 700; font-size: 12px; letter-spacing: 1px; color: #192520; transform: rotate(-90deg); height: 30px; line-height: 30px; width: 50px; cursor: crosshair; }
#pins input {display: none;}
#pinst1+label {top: 70px}
#pinst2+label {top: 135px}
#pinst3+label {top: 210px}
#pinst4+label {top: 285px}
#pinst5+label {top: 355px}
#pinst1:checked+label, #pinst2:checked+label, #pinst3:checked+label, #pinst4:checked+label, #pinst5:checked+label {color: #C27489; font-style: italic; font-weight: 900; }
#pins bg1 {background: rgba(0,0,0,0.5); height: 430px; width: 350px; opacity: 1; position: absolute; bottom: 0; right: 0; transition: 0.4s ease}
#pinst1:checked+label ~ bg1 {opacity: 0}
#pinscont1, #pinscont2, #pinscont3, #pinscont4 {height: 330px; width: 250px; background: #eee; box-sizing: border-box; position: absolute; bottom: 50px; right: 50px; border-width: 20px 15px 20px 20px; border-color: #eee; border-style: solid; padding-right: 5px; font-family: cousine; color: #192520; font-size: 10px; line-height: 1.6; text-align: justify; overflow: auto; transition: 0.5s ease; opacity: 0}
#pinst2:checked+label ~ #pinscont1 {opacity: 1; z-index: 5}
#pinst3:checked+label ~ #pinscont2 {opacity: 1; z-index: 5}
#pinst4:checked+label ~ #pinscont3 {opacity: 1; z-index: 5}
#pinst5:checked+label ~ #pinscont4 {opacity: 1; z-index: 5}
#pins b {font-family: poppins; color: #C27489; font-size: 14px}
#pinst1:checked+label:before, #pinst2:checked+label:before, #pinst3:checked+label:before, #pinst4:checked+label:before, #pinst5:checked+label:before {height: 10px; width: 1px; background: #C27489; content: ""; display: block; position: absolute; top: -10px}
#pinst1:checked+label:before {left: 20px}
#pinst2:checked+label:before, #pinst3:checked+label:before, #pinst5:checked+label:before {left: 25px}
#pinst4:checked+label:before {left: 30px}
#pins h2 {font-family: poppins; color: #C27489; text-transform: uppercase; font-weight: 700; margin: 0px 0px 10px 0px}
#pinscont1::-webkit-scrollbar, #pinscont2::-webkit-scrollbar, #pinscont3::-webkit-scrollbar, #pinscont4::-webkit-scrollbar {width: 5px}
#pinscont1::-webkit-scrollbar-thumb, #pinscont2::-webkit-scrollbar-thumb, #pinscont3::-webkit-scrollbar-thumb, #pinscont4::-webkit-scrollbar-thumb {background: #C27489; border: 2px solid #eee}
#pinscont1::-webkit-scrollbar-track, #pinscont2::-webkit-scrollbar-track, #pinscont3::-webkit-scrollbar-track, #pinscont4::-webkit-scrollbar-track {background: #eee!important; border: none!important}
</style>[/html]

Отредактировано жижа (2021-08-26 11:24:31)

+1

10

[html]<link href="https://fonts.googleapis.com/css?family=Josefin+Sans|Playfair+Display:900" rel="stylesheet">

<div id="lgallery">
       <section id="home">
           <header id="bigTitle">
               Threads
           </header>

           <div class="subTitle">
               <p>YOUR NAME • YOUR CHARACTER'S NAME<br>
               Thread Tracker</p>
           </div>

           <div class="open" onclick="openPage()">
               Open *
           </div>

           <span class="credit"><a href="http://wecode.jcink.net/index.php?showuser=6263">❤︎ oh georgia</a></span>
       </section>

       <section id="openThreads" class="overlay">
               <div class="overlay-content">
                       <header id="bigTitle">
                           Open
                       </header>
                       <main id="toc">
                           <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                           <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                           <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                           <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                           <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                           <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                           <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                           <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                           <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                           <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>
                       </main>
               </div>
               <a href="javascript:void(0)" class="backbtn" onclick="closePage()">Back *</a>

               <div class="archive" onclick="openArchive()">
                   Archives *
               </div>

        </section>

        <section id="archivedThreads" class="overlay">
           <div class="overlay-content">
                   <header id="bigTitle">
                       Archives
                   </header>
                   <main id="toc">
                       <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                       <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                       <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                       <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                       <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                       <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                       <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                       <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                       <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>

                       <div class="label"><a href="LIKE URL HERE">01. <span class="ltitle">THREAD TITLE</span> with other character name</a></div>
                   </main>
           </div>
           <a href="javascript:void(0)" class="backbtn" onclick="closeArchive()">Back *</a>
    </section>
</div>

<style>

#lgallery {
   max-width: 400px;
   width: 100%;
   height: 400px;
   max-height: 400px;
   overflow: hidden;
   background-color: #fff;
   margin: 1em auto;
   letter-spacing: 0;
   line-height: 1.3em;
   color: #000;
   border: 1px solid;
   max-width: 400px;
   width: 100%;
   height: 400px;
   max-height: 400px;
   overflow: hidden;
   position: relative;
}

header#bigTitle {
   font-family: 'Playfair Display', serif;
   font-size: 8.5em;
   transform: rotate(180deg);
   line-height: .7em;
   color: #000;
   letter-spacing: 0;
   text-transform: lowercase;
   text-shadow: -3px -3px 0 #fff;
   width: auto;
   min-width: 0;
   padding: 0;
   text-align: left;
   height: auto;
}

.subTitle {
   left: 5em;
   top: 17em;
   font-family: 'Josefin Sans', sans-serif;
   font-size: 12px;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 2px;
   line-height: 1em;
   text-align: right;
   position: absolute;
   width: auto;
   display: inline-block;
}

.subTitle:after {
   content: " ";
   display: block;
   background: #000;
   height: 8em;
   width: 1px;
   transform: rotate(30deg);
   position: absolute;
   top: -1em;
   right: -2em;
}

.overlay header#bigTitle {
   font-size: 6.5em;
}

.open, .overlay .closebtn, .overlay .backbtn, .archive {
   position: absolute;
   right: 2em;
   bottom: 2em;
   font-family: 'Josefin Sans', sans-serif;
   font-size: .75em;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 2px;
   line-height: 1em;
   text-align: left;
}

.archive {
   bottom: 3.5em;
}

.overlay .closebtn {
   color: #fff;
   text-decoration: none;
}

.overlay .backbtn {
   color: #000;
   text-decoration: none;
}

.overlay {
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 1;
   top: 100%;
   left: 0;
   background-color: #fff;
   overflow-x: hidden;
   transition: 0.5s;
}
.overlay.active {
   top: 0;
}

.overlay-content {
position: relative;
width: 100%;
height: 100%;
}

main#toc {
   width: 80%;
   margin: 2em auto;
}

main#toc .label {
   background: #fff;
   font-family: 'Josefin Sans', sans-serif;
   font-size: .7em;
   display: inline-block;
   padding: 3px;
   line-height: 1em;
   position: relative;
   margin-bottom: 2em;
}

#toc .label span.ltitle {
   font-weight: 700;
   text-transform: uppercase;
}

main#toc .label a {
   color: #000;
   text-decoration: none;
   position: relative;
   z-index: 10;
}

main#toc .label:after {
   content: " ";
   width: 0;
   display: block;
   position: absolute;
   top: 0px;
   left: 0px;
   background-color: #cddc39;
   height: 1em;
   padding: 3px;
   transition: width ease 0.5s;
}

main#toc .label.no-link:after {
   display: none;
}

main#toc .label:hover:after {
   width: 100%;
}

span.credit {
   position: absolute;
   bottom: 1em;
   left: 1em;
}

span.credit a {
   text-decoration: none;
   font-style: normal;
   color: #666;
   -webkit-transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1);
   -o-transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1);
   transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1);
   border-bottom: 3px solid #C6C11F;
   -webkit-box-shadow: inset 0 -4px 0 #C6C11F;
   box-shadow: inset 0 -4px 0 #C6C11F;
   font-family: 'Josefin Sans', sans-serif;
   font-size: .7em;
}

span.credit a:hover {
   background-color: #C6C11F;
   color: #000;
}

#lgallery section::-webkit-scrollbar, ::-webkit-scrollbar-thumb {
   border: 5px solid #ffffff;
}

#lgallery section::-webkit-scrollbar {
   width: 11px;
   height: 11px;
   background-color: #efefef;
}

#lgallery section::-webkit-scrollbar-thumb {
   background-color: #000;
}

</style>

<script>

       function openPage() {
         document.getElementById("openThreads").classList.add('active');
       }
       
       function closePage() {
         document.getElementById("openThreads").classList.remove('active');
       }

       function openArchive() {
         document.getElementById("archivedThreads").classList.add('active');
       }
       
       function closeArchive() {
         document.getElementById("archivedThreads").classList.remove('active');
       }
</script>[/html]

Отредактировано жижа (2021-08-24 15:03:51)

0

11

Код:
[html]<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,600,700,800,900|Roboto|Raleway|Sawarabi+Gothic" rel="stylesheet">
<style>

#liwmitracker {
 width: 500px;
 background:  #fff;
 height: 400px;
 position: relative;
 margin: 20px auto;
 border: 1px solid #ccc;
 outline: 1px solid #bb9656;
 outline-offset: 10px;
 font-family: roboto;
 color: #191919;
 line-height: 170%;
 font-size: 11px;
}

#liwmitracker picture {
 height: 400px;
 width: 200px;
 position: absolute;
 left: 0px;
 top: 0px;
 background-size: cover;
 display: block;
 border-right: 1px solid #bb9656;
}

#liwmitracker name {
 font-family: playfair display;
 font-weight: 900;
 width: 400px;
 height: 20px;
 font-size: 25px;
 text-transform: uppercase;
 color: #bababa;
 position: absolute;
 text-align: left;
 transform: rotate(-90deg);
 -webkit-transform: rotate(-90deg);
 top: 190px;
 left: 9px;
 display: block;
}

#liwmitracker infobox {
 width: 245px;
 height: 360px;
 position: absolute;
 top: 20px;
 right: 20px;
 overflow: auto;
 font-family: roboto;
 font-size: 11px;
 line-height: 170%;
 text-align: justify;
 padding-right: 5px;
 color: #191919;
 display: block;
}

#liwmitracker h1 {
 color: #bb9656;
 position: relative;
 font-size: 20px;
 text-transform: uppercase;
 font-family: playfair display;
 display: block;
 width: auto;
 text-align: right;
 font-weight: 900;
 margin:10px 0px;
 border-bottom: 1px solid #bababa;
}

#liwmitracker a {
 color: #bb9656;
 text-transform: uppercase;
 font-family: playfair display;
 font-weight: 700;
 display: block;
}

#liwmitracker a:before {
 background: #bb9656;
 height: 5px;
 width: 5px;
 border-radius: 100%;
 content: "";
 display: inline-block;
 margin: 0px 5px;
}

#liwmitracker infobox::-webkit-scrollbar{width:1px}
#liwmitracker infobox::-webkit-scrollbar-thumb{border:none!important;background:#bababa!important}
#liwmitracker infobox::-webkit-scrollbar-track{background:none!important;border:none!important}


</style>
<div id="liwmitracker">
<name>Eliza Thackeray</name>
 <picture style="background-image: url(http://forumupload.ru/uploads/0018/1f/c9/8/468492.png)"></picture>
 <infobox>
   <h1>ВЕСНА 06</h1>
   <a href="https://shelterme.rusff.me/viewtopic.php?id=5093">[07.05.06] If it hurts you, that’s alright</a> шота
   <a href="">Thread Title</a> Description here
   <a href="">Thread Title</a> Description here
   <h1>ЛЕТО 06</h1>
   <a href="">Thread Title</a> Description here
   <a href="">Thread Title</a> Description here
   <a href="">Thread Title</a> Description here
   <h1>ОСЕНЬ 06</h1>
   <a href="">Thread Title</a> Description here
   <a href="">Thread Title</a> Description here
   <a href="">Thread Title</a> Description here
   <h1>ЗИМА 06</h1>
   <a href="">Thread Title</a> Description here
   <a href="">Thread Title</a> Description here
   <a href="">Thread Title</a> Description here
 </infobox>
</div>
<center><a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>[/html]

0

12

О̸͚̳̰͍͙̺̙̒͌̐̀̄͆̒͒̐̿͗̊̓͘н̷̡̛̱̠̪̝̭̘̄͛͆̋͊͝а̸̧̛̰̹͓̲̰̱̮̼̯͕̤̥͚̼͈́̀̆̔̆͊͂̌͜ стояла у окна. Лёгкий бриз размывал лицо, красиво и нежно обнимая её лучистые блондинистые волос. Он с тяжестью пушинки поднимал её локоны. Такая нежная, такая милая. Она не говорит - поёт, поёт как соловей, только чуточку нежнее. Задевает нотки души. Сэм садится на край кровати и замечает, что на ней одна большая рубашка. А вот на н̶̢̛͙̬̞̬̻̺̘͓̜͍̩͓̞̳̎̍͛̅̍̀͛̂͋̉͑̅̀̋͝е̸̨͓̌й̸̛̠͑́̔̌̎̈͆̂̆̿͘͘ ничего нет, девственно голая как младенец или ангел. Нет, больше всё-таки как ангел. Только нимба с крыльями не хватало, а в остальном — божий агнец во плоти.

Бёрр привстаёт, направляется к ней и обнимает со спины. Крыжовник терпкий, сладкая сирень переплетаются с запахом книг. Положив голову ей на плечо, Саманта ласково поворачивает её голову и только хочет поцеловать, как видит что-то странное, но напоминающее... Нет, это точно не она. О нет, нет, нет. Окно захлопывается, а бурный ветер сносит с ног. Одна она остаётся, медленно поворачивает голову на 180 градусов и лыбится своей мерзкой, отвратительной и тошнотворной лыбой. — М̵̛̬̫͍̥̲̌͋̒̉̐̔̄̆̈́̾̓͒̾̕͘и̶̢͓̜̻̳̪̘͈̃͂͆̾͆͒̏л̴̧̧̧̼̝̬̲̻̭̺̘̥̰̭̯̜̻̺͗͊̓͊̃̑̓̉̔̂̂̓̾̽͐̍̾͜͜͜͝͠ͅа̴̢̡̘̯̟̲̭̻̫͔̬̹̝́̃͗̇̎̓͑̌͂͌͝͠ͅя̸̻̻̗̲̬͙̫̟̰͓͕̯͓̟͕̽̉̏͗́̆̈́̕͜, — она скалится, с неё как с восковой свечи капает кровь, — п̴̖͋о̵̭͋ц̶́͜е̶̧̓л̵̥̊у̴͈͘й̴̙̀ ̶͍̂с̷̳̇в̵̖̓о̴̨̅ю̵͎̎ ̴̈́͜л̵̯̒ю̸̼̓б̷̡̋о̵̪̎в̸̩͐ь̵̡̽.

Сэм тяжело дышит, скалится, утирает пот и никак не может развидеть Е̵̡̧̭͔̞͔̖̟̲͙̄͑͋̓͐͗̒͋̑̽Ё̵̰̿̅̐̓̒̂͘͝.Она как туалетная бумага, прилепленная к ноге, крепко вцепилась в сознание девушки, поэтому, несмотря на попытки умыться, поесть и даже закричать, она не пропадала. Только летала в воздухе и дико хохотала, утирая из глазниц рой червячков.

Сэм последнее время какая-то гиперактивная
Ой, да она всегда такая
Думаешь, ей что-нибудь поможет?
Горбатого могила избавит

Могила, могила, могила. Могила Жуков — опушка со светлячками, Могила Львов — показ мод, Могила Шакалов — бравое поле, а Могила Сов — это, наверное, их лаборатория. В которую они направились. Зачем, зачем, зачем милые насекомые показывают свои зубы?
п̴̗̤͂̽ͅӧ̸̯́͜с̸̮̼̩͗͐̈́̓̋л̶̘̾͑ӳ̴̯̬̦̝̓̊̈́́ш̴͍̩͛͛̌а̴̡̛͙̝̠̳̒́̈́й̶̠̠̱̞̇̐͒̕ ̴̘̉͝м̷͙͙̻̣͂̽̒е̴͕̟̃͌̔̀͝н̵͙͋̎̓͊я̸̢̭̜̇̓͝,̸̻̃͊ ̶̪͛͑̾̏̕т̵̝͂͐͆͘в̷̫̂͆͒̏͜о̷̡͕͂͋̚я̵̡̨͚͓͚̃͂̓͝ ̵̫̐̒с̵̱̳̰͌̇е̸͇͙̮̿м̶̛̰͖̿̽͠ь̶̬̉͂я̸̼͎̣̪̽̀̍̂̕ ̷̮̺̊͐т̷̩̲͆̈́ӗ̵̧̦̟̻͎б̸̫͌͂я̷̮̥̹͓̀͋̊̆̇ ̵̜̺̣̦̚п̷͓͑̿͂̕р̶̨̭͔̝̹̀ӗ̵̧̟͖̞͂ͅд̶̧͍̙̕а̸̛̥̭̜͊͂̚͝л̵̘̘͙͆̿͊͝͝а̴͚͍̋͝

Сэм закрывает уши и кричит, остановившись прямо у дверей. Её тошнит, ей плохо, но тошнит далеко не едой — её тошнит словами. Словами для Сигрид — извини, милая, между тобой и семьёй я выбрала семью, — словами для Марго, — извини, милая, между тобой и адекватностью я выбрала адекватность, — словами для Себя, — извини, милая, я перебрала с наркотой. Держась за голову, Бёрр старалась избавиться от мыслей, от любых мыслей, которые по-жучиному настойчиво лезли в голову.

с̵͔̇̀э̴̝̅̇̚м̶̱̣̲̌̋̓́̚м̸̼̘̹̾ӥ̴̧͓̥̤́

Сэм взвизгнула от лёгкого прикосновения друга. Подожди, а друга ли? А семьи ли? Что есть вообще семья? Что есть добро? А зло? А дружба? Что это такое?

Саманта — маленький ребёнок, потерявших своих друзей (прямо сейчас или как тогда?), родителей (прямо сейчас или как тогда?) и совесть (точно прямо сейчас. или всё-таки как когда?). Застыв в позе и сжимая в своих руках фаллический инструмент, Сэмми  сжимается до атома, разжимается и поднимает тяжёлые веки. Рядом с ней по одну руку Шарп, по другую — Хакс. Они как волки, как голодные, блять, псы. Это не друзья, это, мать вашу, звери. А что, если в глазах банды я тоже зверь?

Сигрид у л ы б а е т с я. Саманта улыбается вслед за ней. Она хохочет и что-то рассказывает. Не ругает за наркотики, как Марго, не посылает кого-то отпиздить, как Олаф, лишь невинно держит за руку и обещает, что справится со всеми невзгодами вместе.

Знаете, псы, что вами помыкают? — С грубостью взвизгнула Саманта и оскалилась. В руках оказался дилдос, весь такой чёрный и жилистый, точно побывавшей в чьей-то заднице уже не раз, — свободу блядским зверям, отношения к людям к блядским зверям! И, самое главное... — Тяжело выдохнув, Сэм ощетинилась словно волк и встала в позу, по которой сразу ясно — будет бить-водить или водить-бить. — Не тронь невиновных. Иначе я вас посажу на это без раздумий.

Отредактировано жижа (2021-09-13 15:17:58)

0

13

— все будет хорошо тебя свои пырнут ножом
если ты болен на голову значит вооружен —

ЭСТЕР ЭЛИЗАБЕТ АНДЕРСОН
[Maki Zenin | Jujutsu Kaisen]
концепт: большая злая бука-ауешница

прозвища, сокращения: Лиз, Бетти, адское отродье и ублюдесса
позывной в формации: Битчвульф
дата рождения и возраст: 16 лет, 235 год от Катаклизма

класс и параллель:Спарта, 2 курс, 1 параллель
статус: живее всех живых

https://forumupload.ru/uploads/001b/69/83/7/312890.png


Внешность

Рост\вес:183/67
Цвет глаз\цвет волос: зелёно-карие/тёмно-зелёные, натуральные - тёмно-русые
Особые приметы: шрамы по всему телу, отсутствие правого глаза
[!] Личные вещи: спортивная сумка, одежда для спорта, средства для ухода и коробочка с первой медицинской помощью, телефон-раскладушка, отцовский старый бумажник, ключи от комнаты

Характер
Эстер простая как дважды два. Для неё нет серого (и не потому что она дальтоник), нет нейтрального и нет среднего между правдой и ложью. Она сразу оценивает людей на "своих" и "чужих", редко переводя человека из одной касты в другую. И если вы находитесь в классе "чужих", ждите от Элизабет только плохого: обидных подколов, пинаний и иногда даже избиений. Она признаёт одно правила жизни — кто сильнее, тот и прав, поэтому всех сильных она переманивает в дружбу с ней, а над слабыми глумится и издевается. И ей даже не стыдно. Из-за страха стать той, над кем издеваются, она упорно и усердно каждый день  тренируется, стараясь стать самой лучшей, самой сильной, самой ловкой.
Друзей, именно настоящих друзей, Лиз не заводила. Она отнекивается, говоря, что в одиночку легче, но всё ещё проще: она не умеет дружить. Так уж вышло, что с самого детства единственными друзьями Эстер были только игрушки, деревянный меч и книги. Поэтому каждый социальный контакт для неё настоящая пытка. В отличие от физических упражнений, болтать о чём-то или делиться для неё настоящая трудная задача. Несмотря на всю непробиваемость, она всё-таки очень хочет быть в центре внимания с настоящими друзьями, которые оценивают её не за силу, а за душевные качества. Но она не пытается даже заиметь их. Ей кажется, что он скажет что-то не то, как-то не так поведёт, обидет. Поэтому, раз уж человек заранее обидется (по её мнению), надо обидеть сразу (действительно, что булки мять?)
Андерсон очень упёртая. Вот в чём-в чём, а упорстваа и желания достичь первых мест у неё не занимать. Она готова бить рекорды, вырываться вперёд и занимать почётные места то ли из-за здоровой конкуренции, то ли из-за комплекса неполноценности. Но самое страшное дело в том, что она не знает, когда стоит остановиться. Однако для всей Спарты Элизабет — настоящий светоч, идеал упорства и трудолюбия, за что её, собственно, и хвалят.
Больше всего на свете Эстер любит волков и цитаты про них. Поэтому она выбрала себе позывной, связанный с волками. Цитирует тупые высказывания об ауешников и волках не потому, что это смешно, а потому что искренне их любит и считает очень важными. Бьёт морды тем, кто не согласен или начинает намекать на то, что это неуместно.
Не умеет признавать ошибки или поражения. Сделает всё что угодно, но не признает поражения и уж тем более не извиниться. Один раз даже заплакала, но не попросила прощения

Цели: стать известной и богатой
Желания: найти друзей и любовь
Хобби: бить грушу, издеваться над слабым
Страхи: отец

Автобиография

Триггер: избиение отцом

У Эстер красивое и нежное имя, которое ей вовсе не подходит. Оно подразумевает хрупкую, нежную даму, утончённую и такую возвышенную, будто она — кусочек июльского неба с лёгкими облачными движениями. Наверное, они и хотели такую девочку, когда родилась в пелёнках малышка-Эстер. Однако отец, который хотел бы мальчика Николаса (что, в принципе, тоже звучит по-пидорски), решил воспитать в девочке то, что хотел бы видеть в мальчике. Поэтому она была не просто нежной красоткой в платье, она была опасной, мальчиковой и очень грубой леди. Несмотря на попытки матери дать девочке утончённость (которой обладала сама), отец всё перебил на корню: он сказал, что его слово — закон, и, следовательно, он сам будет решать. Поэтому девочку с самого детства идеального бойца, который не посрамит честь семьи Андерсон.
У отца был тот же ген, что и у дочери. Он знал, что рано или поздно их традиционная способность будет передана из поколения в поколение. И, сам бучившийся в Спарте, готовил любимую дочурку к тому аду в крепости. А ведь всё начиналось с простого: режим дня, еда, короткий сон, драки на деревянных мечах. Он плотно занялся учёбой ребёнка, не давая ей даже шанса реализовать ей в других сферах: у ребёнка не было друзей, школьных заданий и даже свободного времени. Отец настаивал на плотно обучении. Сначала Элизабет держалась и училась. Но чем старше она становилась, тем сильнее бурлил юношеский максимализм. Она начала прогуливать отцовские уроки, связываться с плохой компании ауешников, вести себя распутно, пить и курить. Конечно, отцу это не нравилось (никому это не понравится), что заставляло не просто строго относиться к ребёнку, но и наказывать. И, воспитанный в Спарте, он не знал иных насилий кроме физических. Старый пёс новым трюкам не научится, поэтому жена, молившая о воспитательных беседах, бывала так же избита, как и юная Эстер. Он не жалел сил, высекая родную дочь по заднице, спине и рукам. И чем старше становился ребёнок, тем сильнее становились наказания. Андерсон так и не поняла, зачем он это делал: возможно, ему в кайф быть главным, возможно, он садист, а, возможно, ему просто хотелось, чтобы способность этой четырнадцатилетней Элизабет наконец-то проявилась.
Вместе с растущим бунтовским поведением Эстер рос и алкоголизм отца — его давно уволили с работы из-за некомпетентности, семьянин жил и бухал на деньги жены, которые та откладывала на ребёнка, что только подводила к концу: они переходили из среднего класса в низший. Друзья-ауешники начинали смеяться с Лиз, всячески говоря ей о том, что лучше бы она сама владела семейными деньгами и желательно вкладывала их в общаг.
Тяжело выдохнув, в очередной раз Бетти вошла в дом. Царила разруха, пахло алкоголем, а на кухне кто-то визжал. Обычное дело — добор пожаловать в дом Андерсонов. Быстро юркнув в сторону родительской комнаты, она быстро нашла деньги и начала их пересчитывать. послышалось, что по лестнице плетётся тело. Чёрт! Быстро пихнув деньги в карман, она хотела вынырнуть из комнаты, то отец поймал её за руку, шлёпнув по щеке. Немного горит, но это не страшно — она переживала и более сильные удары. Однако сегодня был особенный день — отец нашёл в кармане Элизабет деньги, швырнул её на кровать и начал расстёгивать ремень. Дальше всё было в тумане, она знает только по фактам: пьяный отец хлестанул ремнём с жестяной бляхой по лицу, она попала в глаз, проснулась способность. И дальше всё было как в тумане — во хлестнул адреналин, проснулись новые силы и с новыми силами в отца полетели кулака то ли из-за обиды за всё случившееся, то ли из-за отчаяния, то ли из-за боли глаза. Не в силах из-за состояния пробудить свою способность, отец просто на следующей день сдал просто-напросто без вопросов сдал ребёнка в крепость, не дав дав даже попрощаться с близкими и "друзьями".
Конечно же, из-за отца, который так рьяно твердил ребёнку про Спарту, она пошла именно туда, дабы там блеснуть своей мощью. И, попав в на 1 курс, она там оказалась как рыба в воде. Конечно, у неё есть небольшие проблемы с коммуникацией, но она очень старается спрятать от всех правду об избиениях, бедности, о том, какая у неё семья и прочее. Иногда (то есть часть) она хулиганит, бьёт неправых и даже обижает слабых. (да, ей не стыдно). Из-за всего этого несмотря на то, насколько хороша она в своих дисциплинах, Москва не зовёт её. Но Эстер плевать — ей и так хорошо на своём тёплом троне.


Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.


Связь
все итак всё знают

0


Вы здесь » ONE-TWO-FREE » три » жижа


Рейтинг форумов | Создать форум бесплатно