ÊÍÈÃÎ×ÅÐÂÜ

Once upon a time: magic comes with a price

Èíôîðìàöèÿ î ïîëüçîâàòåëå

Ïðèâåò, Ãîñòü! Âîéäèòå èëè çàðåãèñòðèðóéòåñü.



Êîäû

Ñîîáùåíèé 1 ñòðàíèöà 12 èç 12

1

https://forumroleplay.com/roleplay-code … templates/
https://imagiart.ru/viewtopic.php?id=14660
https://imagiart.ru/viewtopic.php?id=18300

https://imagiart.ru/search.php?action=s … 2%E8%F2%FC - êàê óñòàíîâèòü ñâîè øðèôòû

0

2

[html]<html>
<style type="text/css">
   table {
    width: 90%; /* Øèðèíà òàáëèöû */   
    background: #faf6eb; /* Öâåò ôîíà òàáëèöû */
    color: black; /* Öâåò òåêñòà */
    }
caption {
background: #faf6eb; /* Öâåò ôîíà çàãîëîâêà*/
padding-top: 30px;
padding-right : 20px;
padding-left : 20px;
}
h2 {
font-family: SantaCatarina;
font-size: 45px;
letter-spacing: 3px;
}
a {
position: relative;
color: black; /*çàäà¸ì öâåò ññûëêè*/
cursor: pointer;
line-height: 1; /*çàäà¸ì âûñîòó ñòðîêè*/
text-decoration: none; /*óáèðàåì ïîä÷¸ðêèâàíèå*/
font-weight: 600;
font-size: 11px;
}
a:after {
display: block;
position: absolute;
left: 0; /*èçìåíèòü íà right:0;, ÷òîáû èçìåíèòü íàïðàâëåíèå ïîä÷¸ðêèâàíèÿ */
width: 0;/*çàäà¸ì äëèíó ëèíèè äî íàâåäåíèÿ êóðñîðà*/
height: 1px; /*çàäà¸ì øèðèíó ëèíèè*/
background-color: black; /*çàäà¸ì öâåò ëèíèè*/
content: "";
    transition: width 0.3s ease-out; /*çàäà¸ì âðåìÿ àíèìàöèè*/
}
a:hover:after,
a:focus:after {
width: 100%; /*óñòàíàâëèâàåì çíà÷åíèå 100% ÷òîáû ññûëêà ïîä÷¸ðêèâàëàñü ïîëíîñòüþ*/
}
.block1 { 
padding-top: 30px;
padding-bottom : 15px;
box-sizing: border-box; 
    float: left;
   }
.block2 {
padding-top: 15px;
padding-bottom : 30px;
box-sizing: border-box; 
}
.block3 {
padding-right : 20px;
padding-top: 30px;
padding-bottom : 20px;
box-sizing: border-box; 
    float: left;
}
     </style>
<body>
  <table style="margin: 0 auto">
<caption>http://upforme.ru/uploads/0019/1a/e3/2/29246.jpg
</caption>
<tr><td width = "30%"></td> 
<td width = "30%">
<div class="block1"><h2>ÑÞÆÅÒ</h2><br>
<p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></div></td>
<td width = "40%" align = "right"><div class="block3">https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg</div></td></tr>
<tr><td width = "30%"></td> 
<td width = "30%">
<h2>ÃÎÑÓÄÀÐÑÒÂÎ</h2><br>
<p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></td>
<td width = "40%" align = "right"><div class="block3">https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg</div></td></tr>
<tr><td width = "30%"></td> 
<td width = "30%"><div class="block2">
<h2>ÎÁÙÅÑÒÂÎ</h2><br>
<p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></div></td>
<td width = "40%" align = "right"><div class="block3">https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg</div></td></tr>
<tr><td width = "30%"></td> 
<td width = "30%"><div class="block2">
<h2>ÊÓËÜÒÓÐÀ</h2><br>
<p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></div></td>
<td width = "40%" align = "right"><div class="block3">https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg</div></td></tr>
<tr><td width = "30%"></td> 
<td width = "30%"><div class="block2">
<h2>ÎÐÃÀÍÈÇÀÖÈÈ</h2><br>
<p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></div></td>
<td width = "40%" align = "right"><div class="block3">https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg</div></td></tr>
<tr><td width = "30%"></td> 
<td width = "30%"><div class="block2">
<h2>ÍÀÓÊÀ</h2><br>
<p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></div></td>
<td width = "40%" align = "right"><div class="block3">https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg</div></td></tr>
<tr><td width = "30%"></td> 
<td width = "30%"><div class="block2">
<h2>ÎÁÐÀÇÎÂÀÍÈÅ</h2><br>
<p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></div></td>
<td width = "40%" align = "right"><div class="block3">https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg</div></td></tr>
<tr><td width = "30%"></td> 
<td width = "30%"><div class="block2">
<h2>ÌÀÃÈß</h2><br>
<p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></div></td>
<td width = "40%" align = "right"><div class="block3">https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg</div></td></tr>
  </table>
  </body>
</html>[/html]
hide-autor

Êîä:
[html]<html>
<style type="text/css">
   table {
    width: 90%; /* Øèðèíà òàáëèöû */    
    background: #faf6eb; /* Öâåò ôîíà òàáëèöû */
    color: black; /* Öâåò òåêñòà */
    }
caption {
background: #faf6eb; /* Öâåò ôîíà çàãîëîâêà*/
padding-top: 30px;
padding-right : 20px;
padding-left : 20px;
}
h2 {
font-family: SantaCatarina;
font-size: 45px;
letter-spacing: 3px;
}
a {
	position: relative;
	color: black; /*çàäà¸ì öâåò ññûëêè*/
	cursor: pointer;
	line-height: 1; /*çàäà¸ì âûñîòó ñòðîêè*/
	text-decoration: none; /*óáèðàåì ïîä÷¸ðêèâàíèå*/
font-weight: 600;
font-size: 11px;
}
a:after {
	display: block;
	position: absolute;
	left: 0; /*èçìåíèòü íà right:0;, ÷òîáû èçìåíèòü íàïðàâëåíèå ïîä÷¸ðêèâàíèÿ */
	width: 0;/*çàäà¸ì äëèíó ëèíèè äî íàâåäåíèÿ êóðñîðà*/
	height: 1px; /*çàäà¸ì øèðèíó ëèíèè*/
	background-color: black; /*çàäà¸ì öâåò ëèíèè*/
content: "";
    transition: width 0.3s ease-out; /*çàäà¸ì âðåìÿ àíèìàöèè*/
}
a:hover:after,
a:focus:after {
	width: 100%; /*óñòàíàâëèâàåì çíà÷åíèå 100% ÷òîáû ññûëêà ïîä÷¸ðêèâàëàñü ïîëíîñòüþ*/
}
.block1 {  
padding-top: 30px;
padding-bottom : 15px;
box-sizing: border-box;  
    float: left;
   }
.block2 {
padding-top: 15px;
padding-bottom : 30px;
box-sizing: border-box;  
}
.block3 {
padding-right : 20px;
padding-top: 30px;
padding-bottom : 20px;
box-sizing: border-box;  
    float: left;
}
     </style>
 <body>
  <table style="margin: 0 auto">
<caption>[img]http://upforme.ru/uploads/0019/1a/e3/2/29246.jpg[/img]
</caption>
<tr><td width = "30%"></td>  
<td width = "30%">
<div class="block1"><h2>ÑÞÆÅÒ</h2><br>
 <p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></div></td>
 <td width = "40%" align = "right"><div class="block3">[img]https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg[/img]</div></td></tr>
<tr><td width = "30%"></td>  
<td width = "30%">
<h2>ÃÎÑÓÄÀÐÑÒÂÎ</h2><br>
 <p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></td>
 <td width = "40%" align = "right"><div class="block3">[img]https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg[/img]</div></td></tr>
<tr><td width = "30%"></td>  
<td width = "30%"><div class="block2">
<h2>ÎÁÙÅÑÒÂÎ</h2><br>
 <p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></div></td>
 <td width = "40%" align = "right"><div class="block3">[img]https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg[/img]</div></td></tr>
<tr><td width = "30%"></td>  
<td width = "30%"><div class="block2">
<h2>ÊÓËÜÒÓÐÀ</h2><br>
 <p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></div></td>
 <td width = "40%" align = "right"><div class="block3">[img]https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg[/img]</div></td></tr>
<tr><td width = "30%"></td>  
<td width = "30%"><div class="block2">
<h2>ÎÐÃÀÍÈÇÀÖÈÈ</h2><br>
 <p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></div></td>
 <td width = "40%" align = "right"><div class="block3">[img]https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg[/img]</div></td></tr>
<tr><td width = "30%"></td>  
<td width = "30%"><div class="block2">
<h2>ÍÀÓÊÀ</h2><br>
 <p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></div></td>
 <td width = "40%" align = "right"><div class="block3">[img]https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg[/img]</div></td></tr>
<tr><td width = "30%"></td>  
<td width = "30%"><div class="block2">
<h2>ÎÁÐÀÇÎÂÀÍÈÅ</h2><br>
 <p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></div></td>
 <td width = "40%" align = "right"><div class="block3">[img]https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg[/img]</div></td></tr>
<tr><td width = "30%"></td>  
<td width = "30%"><div class="block2">
<h2>ÌÀÃÈß</h2><br>
 <p>Ave Maria, gratia plena; Dominus tecum: benedicta tu in mulieribus, et benedictus fructus ventris tui, Iesus. Sancta Maria, Mater Dei, ora pro nobis peccatoribus, nunc et in hora mortis nostrae. </p>
<p><a href="https://gotreincarnation.f-rpg.me/viewtopic.php?id=9#p10" style="color: black">Óçíàòü áîëüøå</a></p></div></td>
 <td width = "40%" align = "right"><div class="block3">[img]https://upforme.ru/uploads/0019/1a/e3/2/557912.jpg[/img]</div></td></tr>
  </table>
  </body>
</html>[/html]
[img=hide-autor]https://is.gd/ekiTPp[/img]

0

3

[html]<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<style type='text/css'>
    #policy{
    width: 250px;
    height: 250px;
    background-image:url(https://i.imgur.com/zT5LU5C.jpg);
    --accentcolour:rgba(110,94,34,1);
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #policy .request-content {
    width: 210px;
    height: 290px;
    padding: 20px;
    background: var(--accentcolour);
  background: linear-gradient(180deg, rgba(110,94,34,1) 0%, rgba(203,195,167,1) 27%, rgba(115,87,34,1) 100%);
    position: absolute;
    top:200px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
 
  #policy:hover .request-content{
    top:-50px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }

  #organizations{
    width: 250px;
    height: 250px;
    background-image:url(https://i.imgur.com/0SFd08N.jpg);
    background-position: 30% 0%;
    --accentcolour:rgba(110,94,34,1);
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #organizations .request-content {
    width: 210px;
    height: 290px;
    padding: 20px;
    background: var(--accentcolour);
    position: absolute;
    top:200px;
    background: linear-gradient(180deg, rgba(110,94,34,1) 0%, rgba(203,195,167,1) 27%, rgba(115,87,34,1) 100%);
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
 
  #organizations:hover .request-content{
    top:-50px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
 
    #culture{
    width: 250px;
    height: 250px;
    background-image:url(https://i.imgur.com/bkBlwpu.jpg);
    background-position: 80% 50%;
    --accentcolour:rgba(110,94,34,1);
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #culture .request-content {
    width: 210px;
    height: 290px;
    padding: 20px;
    background: var(--accentcolour);
  background: linear-gradient(180deg, rgba(110,94,34,1) 0%, rgba(203,195,167,1) 27%, rgba(115,87,34,1) 100%);
    position: absolute;
    top:200px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
 
  #culture:hover .request-content{
    top:-50px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }

    #magic{
    width: 250px;
    height: 250px;
    background-image:url(https://i.imgur.com/d7duSqr.jpg);
    background-position: 50% 0%;
    --accentcolour:rgba(110,94,34,1);
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #magic .request-content {
    width: 210px;
    height: 290px;
    padding: 20px;
    background: var(--accentcolour);
    position: absolute;
    top:200px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
 
  #magic:hover .request-content{
    top:-50px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
 
  #society {
    width: 250px;
    height: 250px;
    background-image:url(https://i.imgur.com/IFkbZlj.jpg);
    background-position: 0% 50%;
    --accentcolour:rgba(110,94,34,1);
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #society .request-content {
    width: 210px;
    height: 290px;
    padding: 20px;
    background: var(--accentcolour);
    position: absolute;
    top:200px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
 
  #society:hover .request-content{
    top:-50px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  } 
 
  #brothercatthoor {
    width: 250px;
    height: 250px;
    background-image:url(https://thumbs.gfycat.com/CompleteHopef … ricted.gif);
    background-position: 50% 20%;
    --accentcolour:rgba(110,94,34,1);
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #brothercatthoor .request-content {
    width: 210px;
    height: 290px;
    padding: 20px;
    background: var(--accentcolour);
    position: absolute;
    top:200px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
 
  #brothercatthoor:hover .request-content{
    top:-50px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
 
  .request-name {
    font-family:'Calibri', sans-serif;
    color:rgba(255,255,255,1);
    text-transform: uppercase;
    font-style: italic;
    font-size: 10px;
    letter-spacing: 3px;
    text-align: left;
    margin-bottom:40px;
  }
 
  .request-important {
    font-family:'Calibri', sans-serif;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
    font-style: italic;
    font-size: 10px;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 10px;
  }
 
  .request-details {
    font-family: 'Calibri', sans-serif;
    background: rgba(255,255,255,1);
    color:rgb(0,0,0);
    width:180px;
    height: 160px;
    padding: 10px 15px;
    text-align: justify;
    font-size: 12px;
    overflow: auto;
  }
#education{
    width: 250px;
    height: 250px;
    background-image:url(https://i.imgur.com/nC789rc.jpg);
    --accentcolour:rgba(110,94,34,1);
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #education .request-content {
    width: 210px;
    height: 290px;
    padding: 20px;
    background: var(--accentcolour);
    position: absolute;
    top:200px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
 
  #education:hover .request-content{
    top:-50px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }

   .fa {
     color:rgba(255,255,255,1);
}
 
a {
position: relative;
color: #00a650; /*çàäà¸ì öâåò ññûëêè*/
cursor: pointer;
line-height: 1; /*çàäà¸ì âûñîòó ñòðîêè*/
text-decoration: none; /*óáèðàåì ïîä÷¸ðêèâàíèå*/

}
a:after {
display: block;
position: absolute;
left: 0; /*èçìåíèòü íà right:0;, ÷òîáû èçìåíèòü íàïðàâëåíèå ïîä÷¸ðêèâàíèÿ */
width: 0;/*çàäà¸ì äëèííó ëèíèè äî íàâåäåíèÿ êóðñîðà*/
height: 1px; /*çàäà¸ì øèðèíó ëèíèè*/
background-color: black; /*çàäà¸ì öâåò ëèíèè*/
content: "";
transition: width 0.3s ease-out; /*çàäà¸ì âðåìÿ àíèìàöèè*/
}

a:hover:after,
a:focus:after {
width: 100%; /*óñòàíàâëèâàåì çíà÷åíèå 100% ÷òîáû ññûëêà ïîä÷¸ðêèâàëàñü ïîëíîñòüþ*/
}
</style>
  <center>
<table><tr>
<td>
    <div id="policy">
     <div class="request-content">
      <div class="request-name">
       ãîñóäàðñòâî
       <i class="fa fa-bars" style="float: right"></i>
      </div>
      <div class="request-important">
        ãîñóäàðñòâî
      </div>
      <div class="request-details">
        <b>Îáúåäèíåííûå êîðîëåâñòâà Âåñòåðîñà</b> [United kingdoms of Westeros] (ÎÊÂ) ïî ôîðìå ïðàâëåíèÿ íàèáîëåå ïðèáëèæåíû ê êîíñòèòóöèîííîé äóàëèñòè÷åñêîé ìîíàðõèè. Ìîíàðõà îãðàíè÷èâàåò  <b>Áîëüøîé ñâîä çàêîíîâ è Âåëèêèé ñîâåò</b> ëîðäîâ äåâÿòè îáëàñòåé, íàçûâàåìûõ Çåìëÿìè. Ïðàâÿùàÿ äèíàñòèÿ — Òàðãàðèåíû. Êîðîëü — <b>Âèçåðèñ II Òàðãàðèåí</b>. Âî ãëàâå ïðàâèòåëüñòâà ñòîèò äåñíèöà Äàìîí Ëàííèñòåð, îí íàçíà÷àåò «ìèíèñòðîâ» — ìàñòåðîâ íàä îïðåäåëåííîé ñôåðîé îáùåñòâåííîé æèçíè. Ãðàæäàíå ãîñóäàðñòâà ìîãóò âëèÿòü íà ïîëèòèêó ÷åðåç âûáîðû â «ïàðëàìåíò» — <b>Ñîâåò ãîñóäàðñòâà</b> (è «ïàðëàìåíòû» Çåìåëü — Íàðîäíûå ñîâåòû), îäíàêî ïî-ïðåæíåìó ãëàâàìè Çåìåëü, âëàäåíèé è ðàéîíîâ îñòàþòñÿ ìåñòíûå ëîðäû. Íåñìîòðÿ íà ýòî, âñå ëþäè Âåñòåðîñà ðàâíû ïåðåä çàêîíîì, è çà ëþáîé ïðîèçâîë áóäóò îäèíàêîâî îòâå÷àòü â ñóäå.<br>
<a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=5#p6" style="color: black">Óçíàòü áîëüøå</a> 
      </div>
    </div>
   </div>
  </td>
  <td>
    <div id="society">
     <div class="request-content">
      <div class="request-name">
       îáùåñòâî
       <i class="fa fa-bars" style="float: right"></i>
      </div>
      <div class="request-important">
        îáùåñòâî
      </div>
      <div class="request-details">
 êîðîëåâñòâå ñîñóùåñòâóþò <b>ñîñëîâíàÿ è êëàññîâàÿ ñòðàòèôèêàöèè</b> îáùåñòâà. Íåñìîòðÿ íà òî, ÷òî âñå íàñåëåíèå Âåñòåðîñà ðàâíî ïåðåä çàêîíîì, ñîõðàíÿþòñÿ íåêîòîðûå íàñëåäóåìûå ïðèâèëåãèè: ìåñòî â ïàëàòå ëîðäîâ Ñîâåòà ãîñóäàðñòâà, óïðàâëåíèå Çåìëåé, âëàäåíèåì èëè ðàéîíîì, èñêëþ÷èòåëüíîå ïðàâî íà âûñøèå îôèöåðñêèå ÷èíû è äîëæíîñòè. <b>Ïîäîáàþùèå îáðàùåíèÿ</b> ê êîðîëþ è êîðîëåâå: âàøå âåëè÷åñòâî, âàøà ìèëîñòü. Ïîäîáàþùåå îáðàùåíèå ê ìóæó ïðàâÿùåé êîðîëåâû, ïðèíöó-êîíñîðòó: âàøå êîðîëåâñêîå âûñî÷åñòâî, ê ïðèíöàì è ïðèíöåññàì êðîâè: âàøå âûñî÷åñòâî, ê ëîðäàì è ëåäè, à òàêæå áëèæàéøèì ÷ëåíàì èõ ñåìüè: ìèëåäè, ìèëîðä. Îäíîâðåìåííî ñ ýòèì ñâîáîäà ñîáñòâåííîñòè è òîðæåñòâî êàïèòàëèçìà îáåñïå÷èâàþò èìóùåñòâåííóþ äèôôåðåíöèàöèþ êëàññîâ, íå çàâèñèìî îò ñîñëîâèÿ.<br>
Ñ 12 ëåò âñå ãðàæäàíå îôîðìëÿþò id - <b>Westeros Card</b., êîòîðóþ ìåíÿþò â 16 ëåò (ìîæíî ïîëó÷èòü âîäèòåëüñêèå ïðàâà, âîçðàñò ñîãëàñèÿ) è 18 ëåò (ñîâåðøåííîëåòèå).
        <br>
<a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=5#p26" style="color: black">Óçíàòü áîëüøå</a> 
      </div>
    </div>
   </div>
  </td>
    <td>
    <div id="organizations">
     <div class="request-content">
      <div class="request-name">
       îðãàíèçàöèè
       <i class="fa fa-bars" style="float: right"></i>
      </div>
      <div class="request-important">
        îðãàíèçàöèè
      </div>
      <div class="request-details">
        Êîììåð÷åñêèå è íå êîììåð÷åñêèå îðãàíèçàöèè íå âõîäÿò â ãîñóäàðñòâåííóþ ñòðóêòóðó, íî ìíîãèå èç íèõ èãðàþò çíà÷èòåëüíóþ ðîëü â Âåñòåðîñå è äàæå ïî âñåìó ìèðó. Ê íèì îòíîñÿòñÿ ðàçëè÷íûå <b>îðäåíà</b> ñ äëèííîé è ñëàâíîé èñòîðèåé: Êîðîëåâñêàÿ ãâàðäèÿ, Íî÷íîé äîçîð (ëè÷íàÿ ãâàðäèÿ Ñòàðêîâ òåïåðü); <b>ìåéñòåðû</b> — ïðîôåññèîíàëüíûå ó÷åíûå ñ ðàçíûìè ñòåïåíÿìè; <b>Âîëüíûé íàðîä</b>, êîòîðûé êîãäà-òî ïðåíåáðåæèòåëüíî íàçûâàëè «Îäè÷àëûå» (òåïåðü îíè íàöèîíàëüíîñòü Ñåâåðà, æèâóùèå â ðåãèîíå Äàð íåäàëåêî íà þã îò Ñòåíû); øïèîíñêèå, áëàãîòâîðèòåëüíûå îðãàíèçàöèè, êîðïîðàöèè. Îñîáûìè îðãàíèçàöèÿìè ÿâëÿþòñÿ êðèìèíàëüíûå ãðóïïèðîâêè è êàðòåëè, ñðåäè êîòîðûõ ïî ìàñøòàáó è æåñòîêîñòè íèêòî íå ñðàâíèòñÿ ñ êàðòåëåì <b>Æåëåçíàÿ êðîâü</b>.<br>
<a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=10#p11" style="color: black">Óçíàòü áîëüøå</a> 
      </div>
    </div>
   </div>
  </td>
</tr>
<tr>
<td>
    <div id="education">
     <div class="request-content">
      <div class="request-name">
       îáðàçîâàíèå
       <i class="fa fa-bars" style="float: right"></i>
      </div>
      <div class="request-important">
        îáðàçîâàíèå
      </div>
      <div class="request-details">
         Ïîëó÷åíèå îáðàçîâàíèÿ â âîçðàñòå <b>îò 6 äî 16 ëåò</b> ÿâëÿåòñÿ íå òîëüêî ïðàâîì, íî è îáÿçàííîñòüþ ãðàæäàíèíà Îáúåäèíåííûõ êîðîëåâñòâ Âåñòåðîñà. Âïîñëåäñòâèè ïîäðîñòîê ìîæåò íà÷àòü ðàáîòàòü, ïðîäîëæèòü îáó÷åíèå â øêîëå äî 18 ëåò äëÿ ïîäãîòîâêè ê ïîñòóïëåíèþ â âûñøåå ó÷åáíîå çàâåäåíèå èëè ïîëó÷èòü ïðîôåññèîíàëüíîå îáðàçîâàíèå. Ñðåäè íåêîòîðûõ îáåñïå÷åííûõ ñåìåé ðàñïðîñòðàíåíî <b>äîìàøíåå îáðàçîâàíèå</b> ñ ÷àñòíûìè ó÷èòåëÿìè, îäíàêî ïîÿâëåíèå îáðàçîâàòåëüíûõ îíëàéí-ïëàòôîðì äåëàåò äîìàøíåå ñàìîîáó÷åíèå âñå áîëåå äîñòóïíûì. <b>Âûñøåå îáðàçîâàíèå</b> ïðåäñòàâëåíî íåñêîëüêèìè óðîâíÿìè: áàêàëàâðèàò â çàâèñèìîñòè îò ñïåöèàëüíîñòè 4 èëè 5 ëåò è ìàãèñòåðñêàÿ ïðîãðàììà íà 1 - 2 ãîäà. Äëÿ ìàëü÷èêîâ è äåâî÷åê (â íåêîòîðûõ Çåìëÿõ), æåëàþùèõ <b>ïîñòðîèòü êàðüåðó â àðìèè èëè ñòàòü ìèðîòâîðöåì</b> («ïîëèöåéñêèì»), ñóùåñòâóþò âîåííûå àêàäåìèè. Ïîñòóïëåíèå òóäà äîñòóïíî ñ 14 ëåò è äëèòñÿ äî 18 ëåò.<br>
<a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=11#p12" style="color: black">Óçíàòü áîëüøå</a>
      </div>
    </div>
   </div>
  </td>
    <td>
    <div id="culture">
     <div class="request-content">
      <div class="request-name">
       êóëüòóðà
       <i class="fa fa-bars" style="float: right"></i>
      </div>
      <div class="request-important">
        êóëüòóðà
      </div>
      <div class="request-details">
        Îáúåäèíåííûå êîðîëåâñòâà Âåñòåðîñà — ñâåòñêîå ãîñóäàðñòâî, è ñðåäè åãî ãðàæäàí ðàñïðîñòðàíåí àòåèçì èëè àãíîñòèöèçì. Îäíàêî âî ìíîãèõ Çåìëÿõ âåðà ïðåäêîâ ÿâëÿåòñÿ ïî÷èòàåìîé è çàëîæåíà â îñíîâå òðàäèöèé, êîòîðûå âëèÿþò íà ÷àñòíóþ æèçíü. Ñîâåðøàòü ðåëèãèîçíûå ðèòóàëû â òîðæåñòâåííûõ ñëó÷àÿõ òàêæå ñ÷èòàåòñÿ ïðèçíàêîì õîðîøåãî òîíà. Íà Ñåâåðå íàèáîëåå âåëèê ïðîöåíò âåðóþùèõ â <b>Ñòàðûõ áîãîâ</b>, íà Æåëåçíûõ îñòðîâàõ — â <b>Óòîíóâøåãî áîãà</b>, à â îñòàëüíûõ Çåìëÿõ — â <b>Ñåìåðûõ</b>. Ïîÿâèëñÿ è íîâûé <b>êóëüò Ìàòåðè äðàêîíîâ</b> — ôàíàòèêè, êîòîðûå æäóò âîçâðàùåíèÿ äðàêîíîâ è êîðîëåâû Äåéíåðèñ.<br>
Íàèáîëåå êîíñåðâàòèâíûìè ÿâëÿþòñÿ ñåâåðÿíå (îíè îñóæäàþò «ðàñïóòíîå, íåòðàäèöèîííîå» ñåêñóàëüíîå è «íåïîäîáàþùåå» ïîâåäåíèå, íàëè÷èå áàñòàðäîâ), íàèáîëåå òîëåðàíòíûìè êî âñåìó — äîðíèéöû. Âî âñåõ çåìëÿõ ëþäè ÷èòàþò æóðíàëû è ãàçåòû, ñìîòðÿò òåëåâèçîð, ñëóøàþò ðàäèî è âñå ÷àùå ÷åðåç <b>Èíòåðíåò</b>. Íåñìîòðÿ íà ðàçìåð è ðàçíîîáðàçèå ñîáñòâåííûõ òåððèòîðèé, æèçíü íà äðóãèõ êîíòèíåíòàõ èíòåðåñóåò ãðàæäàí ÎÊÂ: îíè ñòðåìÿòñÿ ïîáûâàòü çà ãðàíèöåé èëè õîòÿ áû óçíàòü î äðóãèõ ñòðàíàõ è ëþäÿõ äèñòàíöèîííî. <br>
<a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=3" style="color: black">Óçíàòü áîëüøå</a>
      </div>
    </div>
   </div>
  </td>
    <td>
    <div id="magic">
     <div class="request-content">
      <div class="request-name">
       ìàãèÿ
       <i class="fa fa-bars" style="float: right"></i>
      </div>
      <div class="request-important">
        ìàãèÿ
      </div>
      <div class="request-details">
        Ìàãèÿ öèêëè÷íà è ìîæåò èñ÷åçàòü è âîçâðàùàòüñÿ ïî íåîáúÿñíèìûì ïðè÷èíàì. Îíà íèêîãäà íå ïîêèäàåò ìèð ïîëíîñòüþ, è ãäå-òî âñåãäà ìîæíî íàéòè åå îòãîëîñêè. Îäíàêî ïîñëå ñìåðòè ïîñëåäíåãî äðàêîíà ïîñòåïåííî ëþäè ïåðåñòàëè â íåå âåðèòü è îòâåëè ìåñòî èñêëþ÷èòåëüíî â ôîëüêëîðå, à âñå «ìàãè÷åñêèå» <b>àðòåôàêòû</b> ïîìåñòèëè â ìóçåè è òàéíîå õðàíèëèùå â Öèòàäåëè. Ýòîìó àêòèâíî ïîòâîðñòâîâàëè ìåéñòåðû, êîòîðûå ïî÷èâàëè íà ëàâðàõ, êîãäà íàóêà çàíÿëà ìåñòî ìàãèè. Òå, êòî ïðîäîëæàë â íåå âåðèòü, îáúÿâëÿëèñü ñóìàñøåäøèìè ëèáî øàðëàòàíàìè. Ïîýòîìó ëþäè, êîòîðûå îòêðûâàþò â ñåáå ñïîñîáíîñòè <b>îáîðîòíåé, ñíîâèäöåâ èëè ïèðîìàíòîâ</b> ëèáî îòðèöàþò ñîáñòâåííóþ ïðèðîäó, ëèáî òùàòåëüíî åå ñêðûâàþò. Äîëæíî ïðîèçîéòè ÷òî-òî î÷åíü çíà÷èòåëüíîå, ÷òîáû ïåðåâåðíóòü íàñòîÿùåå ïîëîæåíèå âåùåé.<br>
<a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=6" style="color: black">Óçíàòü áîëüøå</a>
      </div>
    </div>
   </div>
  </td>
</tr>

</table>

  </center>[/html]

Êîä:
[html]<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<style type='text/css'>
    #policy{
    width: 250px;
    height: 250px;
    background-image:url(https://i.imgur.com/zT5LU5C.jpg);
    --accentcolour:rgba(110,94,34,1);
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #policy .request-content {
    width: 210px;
    height: 290px;
    padding: 20px;
    background: var(--accentcolour);
  background: linear-gradient(180deg, rgba(110,94,34,1) 0%, rgba(203,195,167,1) 27%, rgba(115,87,34,1) 100%);
    position: absolute;
    top:200px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
  
  #policy:hover .request-content{
    top:-50px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }

  #organizations{
    width: 250px;
    height: 250px;
    background-image:url(https://i.imgur.com/0SFd08N.jpg);
    background-position: 30% 0%;
    --accentcolour:rgba(110,94,34,1);
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #organizations .request-content {
    width: 210px;
    height: 290px;
    padding: 20px;
    background: var(--accentcolour);
    position: absolute;
    top:200px;
    background: linear-gradient(180deg, rgba(110,94,34,1) 0%, rgba(203,195,167,1) 27%, rgba(115,87,34,1) 100%);
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
  
  #organizations:hover .request-content{
    top:-50px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
  
    #culture{
    width: 250px;
    height: 250px;
    background-image:url(https://i.imgur.com/bkBlwpu.jpg);
    background-position: 80% 50%;
    --accentcolour:rgba(110,94,34,1);
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #culture .request-content {
    width: 210px;
    height: 290px;
    padding: 20px;
    background: var(--accentcolour);
  background: linear-gradient(180deg, rgba(110,94,34,1) 0%, rgba(203,195,167,1) 27%, rgba(115,87,34,1) 100%);
    position: absolute;
    top:200px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
  
  #culture:hover .request-content{
    top:-50px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }

    #magic{
    width: 250px;
    height: 250px;
    background-image:url(https://i.imgur.com/d7duSqr.jpg);
    background-position: 50% 0%;
    --accentcolour:rgba(110,94,34,1);
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #magic .request-content {
    width: 210px;
    height: 290px;
    padding: 20px;
    background: var(--accentcolour);
    position: absolute;
    top:200px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
  
  #magic:hover .request-content{
    top:-50px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
  
  #society {
    width: 250px;
    height: 250px;
    background-image:url(https://i.imgur.com/IFkbZlj.jpg);
    background-position: 0% 50%;
    --accentcolour:rgba(110,94,34,1);
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #society .request-content {
    width: 210px;
    height: 290px;
    padding: 20px;
    background: var(--accentcolour);
    position: absolute;
    top:200px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
  
  #society:hover .request-content{
    top:-50px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }  
  
  #brothercatthoor {
    width: 250px;
    height: 250px;
    background-image:url(https://thumbs.gfycat.com/CompleteHopefulApatosaur-size_restricted.gif);
    background-position: 50% 20%;
    --accentcolour:rgba(110,94,34,1);
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #brothercatthoor .request-content {
    width: 210px;
    height: 290px;
    padding: 20px;
    background: var(--accentcolour);
    position: absolute;
    top:200px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
  
  #brothercatthoor:hover .request-content{
    top:-50px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
  
  .request-name {
    font-family:'Calibri', sans-serif;
    color:rgba(255,255,255,1);
    text-transform: uppercase;
    font-style: italic;
    font-size: 10px;
    letter-spacing: 3px;
    text-align: left;
    margin-bottom:40px;
  }
  
  .request-important {
    font-family:'Calibri', sans-serif;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
    font-style: italic;
    font-size: 10px;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 10px;
  }
  
  .request-details {
    font-family: 'Calibri', sans-serif;
    background: rgba(255,255,255,1);
    color:rgb(0,0,0);
    width:180px;
    height: 160px;
    padding: 10px 15px;
    text-align: justify;
    font-size: 12px;
    overflow: auto;
  }
#education{
    width: 250px;
    height: 250px;
    background-image:url(https://i.imgur.com/nC789rc.jpg);
    --accentcolour:rgba(110,94,34,1);
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #education .request-content {
    width: 210px;
    height: 290px;
    padding: 20px;
    background: var(--accentcolour);
    position: absolute;
    top:200px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }
  
  #education:hover .request-content{
    top:-50px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
  }

   .fa {
     color:rgba(255,255,255,1);
}
  
a {
	position: relative;
	color: #00a650; /*çàäà¸ì öâåò ññûëêè*/
	cursor: pointer;
	line-height: 1; /*çàäà¸ì âûñîòó ñòðîêè*/
	text-decoration: none; /*óáèðàåì ïîä÷¸ðêèâàíèå*/

}
a:after {
	display: block;
	position: absolute;
	left: 0; /*èçìåíèòü íà right:0;, ÷òîáû èçìåíèòü íàïðàâëåíèå ïîä÷¸ðêèâàíèÿ */
	width: 0;/*çàäà¸ì äëèííó ëèíèè äî íàâåäåíèÿ êóðñîðà*/
	height: 1px; /*çàäà¸ì øèðèíó ëèíèè*/
	background-color: black; /*çàäà¸ì öâåò ëèíèè*/
	content: "";
	transition: width 0.3s ease-out; /*çàäà¸ì âðåìÿ àíèìàöèè*/
}

a:hover:after,
a:focus:after {
	width: 100%; /*óñòàíàâëèâàåì çíà÷åíèå 100% ÷òîáû ññûëêà ïîä÷¸ðêèâàëàñü ïîëíîñòüþ*/
}
</style>
  <center>
<table><tr>
<td>
    <div id="policy">
     <div class="request-content">
      <div class="request-name">
       ãîñóäàðñòâî
       <i class="fa fa-bars" style="float: right"></i>
      </div>
      <div class="request-important">
        ãîñóäàðñòâî
      </div>
      <div class="request-details">
        <b>Îáúåäèíåííûå êîðîëåâñòâà Âåñòåðîñà</b> [United kingdoms of Westeros] (ÎÊÂ) ïî ôîðìå ïðàâëåíèÿ íàèáîëåå ïðèáëèæåíû ê êîíñòèòóöèîííîé äóàëèñòè÷åñêîé ìîíàðõèè. Ìîíàðõà îãðàíè÷èâàåò  <b>Áîëüøîé ñâîä çàêîíîâ è Âåëèêèé ñîâåò</b> ëîðäîâ äåâÿòè îáëàñòåé, íàçûâàåìûõ Çåìëÿìè. Ïðàâÿùàÿ äèíàñòèÿ — Òàðãàðèåíû. Êîðîëü — <b>Âèçåðèñ II Òàðãàðèåí</b>. Âî ãëàâå ïðàâèòåëüñòâà ñòîèò äåñíèöà Äàìîí Ëàííèñòåð, îí íàçíà÷àåò «ìèíèñòðîâ» — ìàñòåðîâ íàä îïðåäåëåííîé ñôåðîé îáùåñòâåííîé æèçíè. Ãðàæäàíå ãîñóäàðñòâà ìîãóò âëèÿòü íà ïîëèòèêó ÷åðåç âûáîðû â «ïàðëàìåíò» — <b>Ñîâåò ãîñóäàðñòâà</b> (è «ïàðëàìåíòû» Çåìåëü — Íàðîäíûå ñîâåòû), îäíàêî ïî-ïðåæíåìó ãëàâàìè Çåìåëü, âëàäåíèé è ðàéîíîâ îñòàþòñÿ ìåñòíûå ëîðäû. Íåñìîòðÿ íà ýòî, âñå ëþäè Âåñòåðîñà ðàâíû ïåðåä çàêîíîì, è çà ëþáîé ïðîèçâîë áóäóò îäèíàêîâî îòâå÷àòü â ñóäå.<br>
<a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=5#p6" style="color: black">Óçíàòü áîëüøå</a>  
      </div>
    </div> 
   </div> 
  </td>
  <td>
    <div id="society">
     <div class="request-content">
      <div class="request-name">
       îáùåñòâî
       <i class="fa fa-bars" style="float: right"></i>
      </div>
      <div class="request-important">
        îáùåñòâî
      </div>
      <div class="request-details">
  êîðîëåâñòâå ñîñóùåñòâóþò <b>ñîñëîâíàÿ è êëàññîâàÿ ñòðàòèôèêàöèè</b> îáùåñòâà. Íåñìîòðÿ íà òî, ÷òî âñå íàñåëåíèå Âåñòåðîñà ðàâíî ïåðåä çàêîíîì, ñîõðàíÿþòñÿ íåêîòîðûå íàñëåäóåìûå ïðèâèëåãèè: ìåñòî â ïàëàòå ëîðäîâ Ñîâåòà ãîñóäàðñòâà, óïðàâëåíèå Çåìëåé, âëàäåíèåì èëè ðàéîíîì, èñêëþ÷èòåëüíîå ïðàâî íà âûñøèå îôèöåðñêèå ÷èíû è äîëæíîñòè. <b>Ïîäîáàþùèå îáðàùåíèÿ</b> ê êîðîëþ è êîðîëåâå: âàøå âåëè÷åñòâî, âàøà ìèëîñòü. Ïîäîáàþùåå îáðàùåíèå ê ìóæó ïðàâÿùåé êîðîëåâû, ïðèíöó-êîíñîðòó: âàøå êîðîëåâñêîå âûñî÷åñòâî, ê ïðèíöàì è ïðèíöåññàì êðîâè: âàøå âûñî÷åñòâî, ê ëîðäàì è ëåäè, à òàêæå áëèæàéøèì ÷ëåíàì èõ ñåìüè: ìèëåäè, ìèëîðä. Îäíîâðåìåííî ñ ýòèì ñâîáîäà ñîáñòâåííîñòè è òîðæåñòâî êàïèòàëèçìà îáåñïå÷èâàþò èìóùåñòâåííóþ äèôôåðåíöèàöèþ êëàññîâ, íå çàâèñèìî îò ñîñëîâèÿ.<br>
Ñ 12 ëåò âñå ãðàæäàíå îôîðìëÿþò id - <b>Westeros Card</b., êîòîðóþ ìåíÿþò â 16 ëåò (ìîæíî ïîëó÷èòü âîäèòåëüñêèå ïðàâà, âîçðàñò ñîãëàñèÿ) è 18 ëåò (ñîâåðøåííîëåòèå).
        <br>
<a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=5#p26" style="color: black">Óçíàòü áîëüøå</a>  
      </div>
    </div> 
   </div> 
  </td>
    <td>
    <div id="organizations">
     <div class="request-content">
      <div class="request-name">
       îðãàíèçàöèè
       <i class="fa fa-bars" style="float: right"></i>
      </div>
      <div class="request-important">
        îðãàíèçàöèè
      </div>
      <div class="request-details">
        Êîììåð÷åñêèå è íå êîììåð÷åñêèå îðãàíèçàöèè íå âõîäÿò â ãîñóäàðñòâåííóþ ñòðóêòóðó, íî ìíîãèå èç íèõ èãðàþò çíà÷èòåëüíóþ ðîëü â Âåñòåðîñå è äàæå ïî âñåìó ìèðó. Ê íèì îòíîñÿòñÿ ðàçëè÷íûå <b>îðäåíà</b> ñ äëèííîé è ñëàâíîé èñòîðèåé: Êîðîëåâñêàÿ ãâàðäèÿ, Íî÷íîé äîçîð (ëè÷íàÿ ãâàðäèÿ Ñòàðêîâ òåïåðü); <b>ìåéñòåðû</b> — ïðîôåññèîíàëüíûå ó÷åíûå ñ ðàçíûìè ñòåïåíÿìè; <b>Âîëüíûé íàðîä</b>, êîòîðûé êîãäà-òî ïðåíåáðåæèòåëüíî íàçûâàëè «Îäè÷àëûå» (òåïåðü îíè íàöèîíàëüíîñòü Ñåâåðà, æèâóùèå â ðåãèîíå Äàð íåäàëåêî íà þã îò Ñòåíû); øïèîíñêèå, áëàãîòâîðèòåëüíûå îðãàíèçàöèè, êîðïîðàöèè. Îñîáûìè îðãàíèçàöèÿìè ÿâëÿþòñÿ êðèìèíàëüíûå ãðóïïèðîâêè è êàðòåëè, ñðåäè êîòîðûõ ïî ìàñøòàáó è æåñòîêîñòè íèêòî íå ñðàâíèòñÿ ñ êàðòåëåì <b>Æåëåçíàÿ êðîâü</b>.<br>
<a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=10#p11" style="color: black">Óçíàòü áîëüøå</a>  
      </div>
    </div> 
   </div> 
  </td>
</tr>
 <tr> 
<td>
    <div id="education">
     <div class="request-content">
      <div class="request-name">
       îáðàçîâàíèå
       <i class="fa fa-bars" style="float: right"></i>
      </div>
      <div class="request-important">
        îáðàçîâàíèå
      </div>
      <div class="request-details">
         Ïîëó÷åíèå îáðàçîâàíèÿ â âîçðàñòå <b>îò 6 äî 16 ëåò</b> ÿâëÿåòñÿ íå òîëüêî ïðàâîì, íî è îáÿçàííîñòüþ ãðàæäàíèíà Îáúåäèíåííûõ êîðîëåâñòâ Âåñòåðîñà. Âïîñëåäñòâèè ïîäðîñòîê ìîæåò íà÷àòü ðàáîòàòü, ïðîäîëæèòü îáó÷åíèå â øêîëå äî 18 ëåò äëÿ ïîäãîòîâêè ê ïîñòóïëåíèþ â âûñøåå ó÷åáíîå çàâåäåíèå èëè ïîëó÷èòü ïðîôåññèîíàëüíîå îáðàçîâàíèå. Ñðåäè íåêîòîðûõ îáåñïå÷åííûõ ñåìåé ðàñïðîñòðàíåíî <b>äîìàøíåå îáðàçîâàíèå</b> ñ ÷àñòíûìè ó÷èòåëÿìè, îäíàêî ïîÿâëåíèå îáðàçîâàòåëüíûõ îíëàéí-ïëàòôîðì äåëàåò äîìàøíåå ñàìîîáó÷åíèå âñå áîëåå äîñòóïíûì. <b>Âûñøåå îáðàçîâàíèå</b> ïðåäñòàâëåíî íåñêîëüêèìè óðîâíÿìè: áàêàëàâðèàò â çàâèñèìîñòè îò ñïåöèàëüíîñòè 4 èëè 5 ëåò è ìàãèñòåðñêàÿ ïðîãðàììà íà 1 - 2 ãîäà. Äëÿ ìàëü÷èêîâ è äåâî÷åê (â íåêîòîðûõ Çåìëÿõ), æåëàþùèõ <b>ïîñòðîèòü êàðüåðó â àðìèè èëè ñòàòü ìèðîòâîðöåì</b> («ïîëèöåéñêèì»), ñóùåñòâóþò âîåííûå àêàäåìèè. Ïîñòóïëåíèå òóäà äîñòóïíî ñ 14 ëåò è äëèòñÿ äî 18 ëåò.<br>
<a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=11#p12" style="color: black">Óçíàòü áîëüøå</a> 
      </div>
    </div> 
   </div> 
  </td>
    <td>
    <div id="culture">
     <div class="request-content">
      <div class="request-name">
       êóëüòóðà
       <i class="fa fa-bars" style="float: right"></i>
      </div>
      <div class="request-important">
        êóëüòóðà
      </div>
      <div class="request-details">
        Îáúåäèíåííûå êîðîëåâñòâà Âåñòåðîñà — ñâåòñêîå ãîñóäàðñòâî, è ñðåäè åãî ãðàæäàí ðàñïðîñòðàíåí àòåèçì èëè àãíîñòèöèçì. Îäíàêî âî ìíîãèõ Çåìëÿõ âåðà ïðåäêîâ ÿâëÿåòñÿ ïî÷èòàåìîé è çàëîæåíà â îñíîâå òðàäèöèé, êîòîðûå âëèÿþò íà ÷àñòíóþ æèçíü. Ñîâåðøàòü ðåëèãèîçíûå ðèòóàëû â òîðæåñòâåííûõ ñëó÷àÿõ òàêæå ñ÷èòàåòñÿ ïðèçíàêîì õîðîøåãî òîíà. Íà Ñåâåðå íàèáîëåå âåëèê ïðîöåíò âåðóþùèõ â <b>Ñòàðûõ áîãîâ</b>, íà Æåëåçíûõ îñòðîâàõ — â <b>Óòîíóâøåãî áîãà</b>, à â îñòàëüíûõ Çåìëÿõ — â <b>Ñåìåðûõ</b>. Ïîÿâèëñÿ è íîâûé <b>êóëüò Ìàòåðè äðàêîíîâ</b> — ôàíàòèêè, êîòîðûå æäóò âîçâðàùåíèÿ äðàêîíîâ è êîðîëåâû Äåéíåðèñ.<br>
Íàèáîëåå êîíñåðâàòèâíûìè ÿâëÿþòñÿ ñåâåðÿíå (îíè îñóæäàþò «ðàñïóòíîå, íåòðàäèöèîííîå» ñåêñóàëüíîå è «íåïîäîáàþùåå» ïîâåäåíèå, íàëè÷èå áàñòàðäîâ), íàèáîëåå òîëåðàíòíûìè êî âñåìó — äîðíèéöû. Âî âñåõ çåìëÿõ ëþäè ÷èòàþò æóðíàëû è ãàçåòû, ñìîòðÿò òåëåâèçîð, ñëóøàþò ðàäèî è âñå ÷àùå ÷åðåç <b>Èíòåðíåò</b>. Íåñìîòðÿ íà ðàçìåð è ðàçíîîáðàçèå ñîáñòâåííûõ òåððèòîðèé, æèçíü íà äðóãèõ êîíòèíåíòàõ èíòåðåñóåò ãðàæäàí ÎÊÂ: îíè ñòðåìÿòñÿ ïîáûâàòü çà ãðàíèöåé èëè õîòÿ áû óçíàòü î äðóãèõ ñòðàíàõ è ëþäÿõ äèñòàíöèîííî. <br>
<a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=3" style="color: black">Óçíàòü áîëüøå</a> 
      </div>
    </div> 
   </div> 
  </td>
    <td>
    <div id="magic">
     <div class="request-content">
      <div class="request-name">
       ìàãèÿ
       <i class="fa fa-bars" style="float: right"></i>
      </div>
      <div class="request-important">
        ìàãèÿ
      </div>
      <div class="request-details">
        Ìàãèÿ öèêëè÷íà è ìîæåò èñ÷åçàòü è âîçâðàùàòüñÿ ïî íåîáúÿñíèìûì ïðè÷èíàì. Îíà íèêîãäà íå ïîêèäàåò ìèð ïîëíîñòüþ, è ãäå-òî âñåãäà ìîæíî íàéòè åå îòãîëîñêè. Îäíàêî ïîñëå ñìåðòè ïîñëåäíåãî äðàêîíà ïîñòåïåííî ëþäè ïåðåñòàëè â íåå âåðèòü è îòâåëè ìåñòî èñêëþ÷èòåëüíî â ôîëüêëîðå, à âñå «ìàãè÷åñêèå» <b>àðòåôàêòû</b> ïîìåñòèëè â ìóçåè è òàéíîå õðàíèëèùå â Öèòàäåëè. Ýòîìó àêòèâíî ïîòâîðñòâîâàëè ìåéñòåðû, êîòîðûå ïî÷èâàëè íà ëàâðàõ, êîãäà íàóêà çàíÿëà ìåñòî ìàãèè. Òå, êòî ïðîäîëæàë â íåå âåðèòü, îáúÿâëÿëèñü ñóìàñøåäøèìè ëèáî øàðëàòàíàìè. Ïîýòîìó ëþäè, êîòîðûå îòêðûâàþò â ñåáå ñïîñîáíîñòè <b>îáîðîòíåé, ñíîâèäöåâ èëè ïèðîìàíòîâ</b> ëèáî îòðèöàþò ñîáñòâåííóþ ïðèðîäó, ëèáî òùàòåëüíî åå ñêðûâàþò. Äîëæíî ïðîèçîéòè ÷òî-òî î÷åíü çíà÷èòåëüíîå, ÷òîáû ïåðåâåðíóòü íàñòîÿùåå ïîëîæåíèå âåùåé.<br>
<a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=6" style="color: black">Óçíàòü áîëüøå</a> 
      </div>
    </div> 
   </div> 
  </td>
</tr>

</table>

  </center>[/html]

0

4

[html]<style>#ship0 {
--mrs0: auto; /* îòñòóï ñëåâà, auto - äëÿ öåíòðîâêè */
--bgs0: #fff; /* ôîí êàðòî÷êè */
--cls0: #111; /* öâåò òåêñòà */
--shw0: 700px; /* øèðèíà êàðòî÷êè */
--shw1: 200px; /* øèðèíà êàðòèíêè */
--shh1: 350px; /* âûñîòà êàðòèíêè */
--shh2: 300px; /* âûñîòà áëîêà ñ îïèñàíèåì */
--brs0: #e6e6e6; /* öâåò âíóòðåííèõ ðàìîê */
}
#ship0 {display:grid; grid-template-columns:auto auto; grid-template-rows:1fr auto; margin: 10px auto 10px var(--mrs0); max-width:var(--shw0); overflow:hidden; background:var(--bgs0); color: var(--cls0);}
#ship0, #ship0 * {box-sizing:border-box; /* shipovnik */}
.apict {grid-column: 1 / 2; grid-row: 1 / -1; background: no-repeat 50% 50%; background-size:cover; width:var(--shw1); height:var(--shh1); overflow:hidden; clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);}
.atext {grid-column: 2 / 3; grid-row: 1 / 2; display:block; padding: 24px 24px 0 24px;}
.atext > em {display:block; padding: 6px 0; line-height:100%; text-align:center; font-style:normal !important; margin-bottom:26px; font-size: 10px; border-bottom: 1px solid var(--brs0); border-top: 1px solid var(--brs0);}
.anzv {grid-column: 2 / 3; grid-row: 2 / 3; display:block; position:relative; padding: 0px 24px 12px calc(var(--shw1) / 2); margin-left: calc(0px - var(--shw1)); text-align:center;}
.anzv > span {display:block; padding:0 !important; width:100%; height:0px; background:transparent; border-bottom: 6px solid var(--brs0);}
.anzv > h6 {transform: translateY(-70%); text-shadow: 1px 1px 3px var(--brs0); font-family: Georgia, Tahoma, serif; font-weight: 400; font-style: italic; font-size: 26px;}
.atext p::-webkit-scrollbar {width:5px; height:5px; background-color: rgba(255, 255, 255,1);}
.atext p::-webkit-scrollbar-thumb {background:#bdbdbd; box-shadow:inset 0 0 0 2px var(--bgs0);}
/* ÒÅÊÑÒÎÂÛÉ ÁËÎÊ */
.atext > p {padding: 0 5px 0 0 !important; overflow: auto; line-height: 130% !important; height: var(--shh2); font-size: 11px;
text-align: center; font-style: italic;
}</style>

<div id="ship0">
  <div class="apict" style="background-image:url(https://i.pinimg.com/564x/f5/4a/eb/f54a … d10615.jpg);"></div>
  <div class="atext"><em>

èìÿ ôàìèëèÿ // ðîëü

  </em><p><br>
<font size="6" face="Book Antiqua"><b>Crownlands</b></font><br><br>
★ <a href="http://gotreincarnation.f-rpg.me/profile.php?id=2">èìÿ ôàìèëèÿ</a> //  êõàëèñè<br><br>
<a href="http://gotreincarnation.f-rpg.me/profile.php?id=2">èìÿ ôàìèëèÿ</a> //  <a href="http://gotreincarnation.f-rpg.me/">ðîëü</a><br>

  </p></div>
  <div class="anzv"><span></span>

<h6> </h6>

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

Êîä:
[html]<style>#ship0 {
--mrs0: auto; /* îòñòóï ñëåâà, auto - äëÿ öåíòðîâêè */
--bgs0: #fff; /* ôîí êàðòî÷êè */
--cls0: #111; /* öâåò òåêñòà */
--shw0: 700px; /* øèðèíà êàðòî÷êè */
--shw1: 200px; /* øèðèíà êàðòèíêè */
--shh1: 350px; /* âûñîòà êàðòèíêè */
--shh2: 300px; /* âûñîòà áëîêà ñ îïèñàíèåì */
--brs0: #e6e6e6; /* öâåò âíóòðåííèõ ðàìîê */
}
#ship0 {display:grid; grid-template-columns:auto auto; grid-template-rows:1fr auto; margin: 10px auto 10px var(--mrs0); max-width:var(--shw0); overflow:hidden; background:var(--bgs0); color: var(--cls0);}
#ship0, #ship0 * {box-sizing:border-box; /* shipovnik */}
.apict {grid-column: 1 / 2; grid-row: 1 / -1; background: no-repeat 50% 50%; background-size:cover; width:var(--shw1); height:var(--shh1); overflow:hidden; clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);}
.atext {grid-column: 2 / 3; grid-row: 1 / 2; display:block; padding: 24px 24px 0 24px;}
.atext > em {display:block; padding: 6px 0; line-height:100%; text-align:center; font-style:normal !important; margin-bottom:26px; font-size: 10px; border-bottom: 1px solid var(--brs0); border-top: 1px solid var(--brs0);}
.anzv {grid-column: 2 / 3; grid-row: 2 / 3; display:block; position:relative; padding: 0px 24px 12px calc(var(--shw1) / 2); margin-left: calc(0px - var(--shw1)); text-align:center;}
.anzv > span {display:block; padding:0 !important; width:100%; height:0px; background:transparent; border-bottom: 6px solid var(--brs0);}
.anzv > h6 {transform: translateY(-70%); text-shadow: 1px 1px 3px var(--brs0); font-family: Georgia, Tahoma, serif; font-weight: 400; font-style: italic; font-size: 26px;}
.atext p::-webkit-scrollbar {width:5px; height:5px; background-color: rgba(255, 255, 255,1);}
.atext p::-webkit-scrollbar-thumb {background:#bdbdbd; box-shadow:inset 0 0 0 2px var(--bgs0);}
/* ÒÅÊÑÒÎÂÛÉ ÁËÎÊ */
.atext > p {padding: 0 5px 0 0 !important; overflow: auto; line-height: 130% !important; height: var(--shh2); font-size: 11px;
text-align: center; font-style: italic;
}</style>

<div id="ship0">
  <div class="apict" style="background-image:url(https://i.pinimg.com/564x/f5/4a/eb/f54aebe9cc0758ade7a68b8f25d10615.jpg);"></div>
  <div class="atext"><em>

èìÿ ôàìèëèÿ // ðîëü

  </em><p><br>
<font size="6" face="Book Antiqua"><b>Crownlands</b></font><br><br>
★ <a href="http://gotreincarnation.f-rpg.me/profile.php?id=2">èìÿ ôàìèëèÿ</a> //  êõàëèñè<br><br>
<a href="http://gotreincarnation.f-rpg.me/profile.php?id=2">èìÿ ôàìèëèÿ</a> //  <a href="http://gotreincarnation.f-rpg.me/">ðîëü</a><br>

  </p></div>
  <div class="anzv"><span></span>

<h6> </h6>

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

0

5

[html]<!--HTML--><link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Poppins:400,700&display=swap" rel="stylesheet">

<div class="besad"> <div class="lines">
<div class="box">
    <div class="words"><iframe width="550" height="315" src="https://www.youtube.com/embed/H9U-rhVp1CQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div>
   
    <div class="body">
      Äîáðî ïîæàëîâàòü íà ôîðóìíóþ ðîëåâóþ èãðå ïî ìîòèâàì öèêëà Äæ. Ìàðòèíà «Ïåñíü ëüäà è ïëàìåíè»: 700 ëåò ñïóñòÿ!  ìèðå, òàê ïîõîæåì íà íàøó ñîâðåìåííîñòü, Âåëèêèå äîìà Âåñòåðîñà ïðîäîëæàþò âåñòè áîðüáó çà âëàñòü, íî âðåìåíà èçìåíèëèñü. Òå, êòî âíèçó, áîëüøå íå òåðïÿò, ÷òî èõ äàâÿò, è ãðîìêî çàÿâëÿþò î ñåáå. Çàñòàâëÿþò ñ íèìè ñ÷èòàòüñÿ ÷åðåç çàêîí èëè áåççàêîíèå. È íåêîìó íàïîìíèòü íè òåì, íè äðóãèì, ÷òî ñëó÷àåòñÿ, êîãäà ìèð ëþäåé çàëèâàåò êðîâü.
<p><b>Ðåéòèíã:</b> NC-17<br>
<b>Ôàíäîì:</b> ÏËèÎ modern au<br>
<b>Æàíð:</b> ýëåìåíòû ïîëèòè÷åñêîãî òðèëëåðà + ìèñòèêà + ðåàëüíàÿ æèçíü <br>
<b>Âðåìÿ:</b> àâãóñò 1019 ã. îò Ç.Ý.<br>
<b>Äàòà îòêðûòèÿ:</b> 17.02.2023<br>
<details>
<summary>Ïðàâèëà.<br> 1.1 § Íåçíàíèå ïðàâèë íå îñâîáîæäàåò îò îòâåòñòâåííîñòè. Ðåãèñòðèðóÿñü íà ôîðóìå âû àâòîìàòè÷åñêè ñîãëàøàåòåñü ñîáëþäàòü èõ.</summary>

<p>1.2 § Ïðàâèëà, ïðîïèñàííûå â êîíêðåòíûõ ðàçäåëàõ ôîðóìà, ïðèðàâíèâàþòñÿ ê îñíîâíûì è îáÿçàòåëüíû ê èñïîëíåíèþ.<br>
1.3 § Ðîëåâàÿ ñîçäàíà ïî ìîòèâàì âñåëåííîé Äæ. Ìàðòèíà èç öèêëà «Ïåñíü ëüäà è ïëàìåíè» ñ èñïîëüçîâàíèåì îòêðûòûõ èñòî÷íèêîâ. Î ïðàâàõ íà àâòîðñêèé òåêñò è ãðàôè÷åñêèå ìàòåðèàëû çàÿâëåíî ïîä ýòèì êîíòåíòîì.   <br>
1.4 § Ïðàâà íà àêöèîííûõ ïåðñîíàæåé ïðèíàäëåæàò àäìèíèñòðàöèè ïðîåêòà. Èñïîëüçîâàíèå àíêåò àêöèîííûõ ïåðñîíàæåé çà ïðåäåëàìè ïðîåêòà çàïðåùåíî. Ïîñëå âàøåãî óõîäà àêòóàëüíûé àêöèîííûé ïåðñîíàæ âîçâðàùàåòñÿ â òåìó çàÿâîê.<br>

<p>2.1 § Íèê ïðîôèëÿ äîëæåí ñîñòîÿòü èç èìåíè è ôàìèëèè ïåðñîíàæà íà ëàòèíèöå. Äî ïðèíÿòèÿ â èãðó îò ýòîãî ïðàâèëà ìîæíî îòñòóïèòüñÿ. <br>
2.2 § Ðåãèñòðàöèÿ âòîðîãî è áîëåå ïåðñîíàæà âîçìîæíà òîëüêî ñ ðàçðåøåíèÿ àìñ. Ïðè îáíàðóæåíèè íàðóøåíèÿ âòîðîé ïðîôèëü áóäåò óäàë¸í, à èãðîêó âûíåñåíî ïðåäóïðåæäåíèå. <br>
2.3 § Âñå âîïðîñû äî ïðèíÿòèÿ â èãðó, âîçíèêøèå êàê ó ãîñòåé, òàê è ó çàðåãèñòðèðîâàííûõ ïðîôèëåé, ðåøàþòñÿ â ãîñòåâîé èëè ëè÷íûõ ñîîáùåíèÿõ àäìèíèñòðàöèè.  <br>
2.4 § Àíêåòà ñîçäà¸òñÿ â íîâîé òåìå â <a href="http://gotreincarnation.f-rpg.ru/viewforum.php?id=4">ýòîì</a> ðàçäåëå è çàïîëíÿåòñÿ ñòðîãî ïî øàáëîíó ñ ñîáëþäåíèåì óêàçàííûõ â òåìå ñ øàáëîíîì ïðàâèë.<br>
2.5 § Àäìèíèñòðàöèÿ îáÿçóåòñÿ ðàññìîòðåòü çàêîí÷åííóþ àíêåòó â òå÷åíèå òðåõ ñóòîê.  ñëó÷àå çàäåðæåê àìñ ñ îòâåòîì áåç ïðåäóïðåæäåíèÿ àíêåòà ñ÷èòàåòñÿ àâòîìàòè÷åñêè ïðèíÿòîé. <br>
2.6 § Àäìèíèñòðàöèÿ îñòàâëÿåò çà ñîáîé ïðàâî îòêàçàòü â ïðèíÿòèè ñ îäíîêðàòíûì îáúÿñíåíèåì ïðè÷èí. <br>
2.7 § Èãðîê îáÿçàí ðåàãèðîâàòü íà çàìå÷àíèÿ àìñ ïî àíêåòå. Íà âíåñåíèå êîððåêòèðîâîê â àíêåòó èëè îñïàðèâàíèå çàìå÷àíèé äà¸òñÿ äâîå ñóòîê. Èãðîê îáÿçàí ïðåäóïðåäèòü àäìèíèñòðàöèþ îá îêîí÷àíèè âíåñåíèÿ êîððåêòèðîâîê.<br>
2.8 § Åñëè çàìå÷àíèé ê àíêåòå íåò èëè áîëüøå íåò, àäìèíèñòðàöèÿ âûêëàäûâàåò â àíêåòå øàáëîí ïðèíÿòèÿ. Îòïèñàòüñÿ â óêàçàííûõ â øàáëîíå ïðèíÿòèÿ òåìàõ îáÿçàòåëüíî. Èãðîê ñ÷èòàåòñÿ ïðèíÿòûì, êîððåêòíî çàïîëíèò íåîáõîäèìûå øàáëîíû è êîãäà àäìèíèñòðàöèÿ ïåðåâåäåò åãî â ðàíã ïðèíÿòûõ.<br>

<p>3.1 § Ïîñòû â ñþæåòíûõ ýïèçîäàõ â îáÿçàòåëüíîì ïîðÿäêå îôîðìëÿþòñÿ ïî òðîéêå (ðå÷ü, ìûñëè, ÷óæèå ðåïëèêè). Ëè÷íûå ýïèçîäû âåäóòñÿ è îôîðìëÿþòñÿ ïðîèçâîëüíî.<br>
3.2 § Êîëè÷åñòâî ìèíèìàëüíûõ è ìàêñèìàëüíûõ ñèìâîëîâ ïîñòà îòñóòñòâóþò. Òåì íå ìåíåå, ïîìíèòå, ÷òî ïîñò — ýòî ñâÿçàííûé õóäîæåñòâåííûé òåêñò. <br>
3.3 § Çàïðåùåíî îïèñûâàòü äåéñòâèÿ äðóãèõ ïåðñîíàæåé, óáèâàòü èõ èëè ïðè÷èíÿòü òÿæêèé âðåä áåç ñîãëàñèÿ èãðîêà. Ïî æåëàíèþ èãðîêîâ èñõîä êàêîãî-ëèáî ñîáûòèÿ ìîæåò ðåøèòü òð¸õãëàçûé âîðîí ñ ïîìîùüþ äàéñîâ èëè èíñòðóìåíòîâ ñëó÷àéíîãî âûáîðà.<br>
3.4 § Àêöèîííûå ïåðñîíàæè îáÿçàíû ó÷àñòâîâàòü â ñþæåòå. <br>

<p>4.1 § Ôëóä ðàçðåø¸í òîëüêî â <a href="http://gotreincarnation.f-rpg.ru/viewforum.php?id=15">ñîîòâåòñòâóþùåì ðàçäåëå</a>.<br>
4.2 § Çàïðåùåíî ðåãóëÿðíîå è ìíîãîêðàòíîå èñïîëüçîâàíèå íåöåíçóðíîé ëåêñèêè.      <br>
4.3 § Çàïðåùåíî ïðîâîöèðîâàíèå êîíôëèêòîâ. Æàëîáû èãðîêîâ íà ïîâåäåíèå äðóãèõ èãðîêîâ áóäóò ðàññìàòðèâàòüñÿ â èíäèâèäóàëüíîì ïîðÿäêå. Ðåøåíèå âûíîñèò àäìèíèñòðàöèÿ.<br>
4.4 § Èãðîê ìîæåò ïîëó÷èòü ïðåäóïðåæäåíèå çà íåàäåêâàòíîå ïîâåäåíèå ïî ìíåíèþ àäìèíèñòðàöèè.<br>
4.5 § Ðåêëàìà ïðîåêòîâ ðàçðåøåíà òîëüêî â <a href="http://gotreincarnation.f-rpg.ru/viewforum.php?id=12">ñîîòâåòñòâóþùåé òåìå</a> ñ PR àêêàóíòà (çà èñêëþ÷åíèåì äðóãèõ ñïåöèàëüíûõ ïðîôèëåé ðåêëàìû ëþäåé èëè èãðîêîâ íàøåãî ôîðóìà).<br>

<p>5.1. § Çà íàðóøåíèå ïðàâèë, êðîìå îòäåëüíî ïðîïèñàííûõ ñëó÷àåâ, âûíîñèòñÿ ïðåäóïðåæäåíèå. Ïðè ðåöèäèâå — áàí íà íåäåëþ. Ñàíêöèè çà òðîåêðàòíîå íàðóøåíèå ïðàâèë — óäàëåíèå.<br>
5.2 § Óäàëåíèå èãðîêîâ ïðîèñõîäèò ïî ñëåäóþùèì ïðè÷èíàì:<br>
    ● òðîåêðàòíîå íàðóøåíèå ïðàâèë ïðîåêòà;<br>
    ● îòñóòñòâèå áîëåå äâóõ íåäåëü áåç ïðåäóïðåæäåíèÿ;<br>
    ● îòñóòñòâèå ïîñòîâ áîëåå ìåñÿöà áåç ïðåäóïðåæäåíèÿ;<br>
    ● íå íà÷àòà èãðà ïîñëå äâóõ íåäåëü ñ ìîìåíòà ïðèíÿòèÿ;<br>
    ● ïî ñîáñòâåííîìó æåëàíèþ;<br>
5.3 § Óäàë¸ííûé èãðîê ìîæåò âåðíóòüñÿ íà ïðîåêò (çà èñêëþ÷åíèåì ïåðâîé ïðè÷èíû óäàëåíèÿ), ïîïðîñèòü ñâîþ àíêåòó ó àìñ. <br>

<p>Íå çàáûâàéòå, ÷òî íà âñåõ ôîðóìàõ ïëàòôîðìû äåéñòâóþò åå <a href="https://rusff.me/rules/">ïðàâèëà</a>. Çàïðåùåííûé êîíòåíò áóäåò óäàëÿòüñÿ, à íà èãðîêà íàêëàäûâàòüñÿ ñàíêöèè â ñîîòâåòñòâèè ñ § 5 äàííûõ ïðàâèë.

<p>«3.1 Íà Quadro.Boards êàòåãîðè÷åñêè çàïðåùåíî:<br>

● Ðàçìåùàòü (äåëàòü äîñòóïíûì èçâíå) ëþáîé êîíòåíò, ñâÿçàííûé (íî íå îãðàíè÷èâàÿñü ýòèìè óñëîâèÿìè) ñ îáíàæåíèåì òåëà, ïîðíîãðàôèåé, à ðàâíî è ññûëîê íà òàêèå ðåñóðñû.
● Ïðèçûâàòü ê ïðîòèâîïðàâíûì äåéñòâèÿì è íàðóøåíèþ äåéñòâóþùåãî çàêîíîäàòåëüñòâà ÐÔ.
● Îáèëèå íåöåíçóðíûõ èëè êîùóíñòâåííûõ âûñêàçûâàíèé.
● Âûðàæåíèÿ íåíàâèñòè èëè íåïðèÿçíè ê îòäåëüíûì ëþäÿì, ãðóïïàì èëè îðãàíèçàöèÿì.
● Ðàçæèãàíèå ðàñîâîé íåíàâèñòè. Íàöèîíàëèñòè÷åñêèå âûñêàçûâàíèÿ.
● Óñòàíîâêà ïîëíîé èëè ÷àñòè÷íîé ïåðåàäðåñàöèè íà âíåøíèå ðåñóðñû è êîíêóðåíòíûå ñåðâèñû».</details>
    <p><p> — Âíåøíîñòè è ðîëè ïðèäåðæèâàþòñÿ íà òðè äíÿ (äåíü ïðèäåðæàíèÿ, ñëåä. äåíü, åù¸ îäèí äåíü äî 00). Âîçìîæíî ïðîäëèòü ñðîê åù¸ íà òðè äíÿ îäèí ðàç. <b> ÷åñòü îòêðûòèÿ âíåøíîñòè è ðîëè ïðèäåðæèâàþòñÿ íà íåäåëþ ñ âîçìîæíîñòüþ ïðîäëèòü åùå íà íåäåëþ.</b> Íå çàáóäüòå ñâåðèòüñÿ ñî ñïèñêîì çàíÿòûõ âíåøíîñòåé è ðîëåé.<br>
— Èãðîêè èìåþò ïðàâî ïðèäåðæèâàòü ðîëü è/èëè âíåøíîñòü äëÿ ñåáÿ èëè äðóãîãî èãðîêà çà èãðîâóþ âàëþòó íà <b>15 èëè 30 äíåé</b>. Åñëè âû çàèíòåðåñîâàíû â òàêîé ðîëè èëè âíåøíîñòè, óòî÷íèòå çäåñü íàñ÷¸ò âîçìîæíîñòè è óñëîâèé îòäàòü å¸ âàì. <br>
— Èãðîêè èìåþò ïðàâî ïðèäåðæèâàòü ðîëü è âíåøíîñòü äëÿ ñâîåãî ÍÏÑ íà <b>1 ìåñÿö áåñïëàòíî</b>. Äàëüíåéøàÿ áðîíü îôîðìëÿåòñÿ çà èãðîâóþ âàëþòó.<br>
— Àäìèíèñòðàöèÿ îñòàâëÿåò çà ñîáîé ïðàâî áåññðî÷íîãî ïðèäåðæàíèÿ íåêîòîðûõ ðîëåé, ôèãóðèðóþùèõ êàê ÍÏÑ, è âíåøíîñòåé. Åñëè âû çàèíòåðåñîâàíû â òàêîé ðîëè èëè âíåøíîñòè, óòî÷íèòå çäåñü íàñ÷¸ò âîçìîæíîñòè è óñëîâèé îòäàòü å¸ âàì.<br></div>
  </div>
</div></div>

<style>
  .besad {
    width: 800px; margin: auto;
    background: #ddd; padding: 25px;
    --accent1:#B86A35;
    --accent2:#69C0FC;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  }
 
  .besad .lines {
    background: rgb(34,21,12);
background: linear-gradient(14deg, rgba(34,21,12,1) 8%, rgba(173,78,27,1) 35%, rgba(180,141,111,1) 100%);
    overflow: hidden;
  }
 
  .besad .box {
    background: #ddd; margin: 8px; overflow: hidden;
  }
 
  .besad .words {
  background: -webkit-linear-gradient(transparent, transparent);
  -webkit-text-fill-color: transparent; background: linear-gradient(-15deg,var(--accent2),var(--accent1));
  -webkit-background-clip: text; margin: 25px; font: bold 45px/40px poppins;
  text-transform: uppercase; letter-spacing: -3px; margin: 65px;
  border: solid 30px #EAEAEA; padding: 35px 20px;
  }
 
  .besad .body {
    margin: 25px; margin-top: -25px;
    font: 13px "Book Antiqua"; color: #000;
    text-align: justify;
  }
</style> [/html]

0

6

[html]<!--HTML--><link href="https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i|Istok+Web:400,700|Noto+Sans+JP:100,300,400,500,700,900|Roboto:400,400i,500,500i,700,700i,900,900i&display=swap" rel="stylesheet">
<style>

.thecorner {
  position: relative;
  background: #191919;
  width: 700px;
  margin: 20px auto 0;
  padding-bottom: 1px;
}

.thecorneroutline {
  position: absolute;
  left: 10px;
  width: calc(100% - 20px);
  border: 1px solid #000;
  height: calc(100% - 20px);;
  top: 10px;
  z-index: 1;
}

.thecorner h1 {
  font-family: roboto;
  font-weight: 700;
  text-transform: uppercase;
  color: #bababa;
  width: 230px;
  text-align: center;
  position: relative;
  z-index: 1;
  line-height: 450%;
  font-size:10px;
  letter-spacing: 3px;
  margin: auto;
}

.thecorner h1 span {
  font-size: 23px;
  letter-spacing: 10px;
    margin-left: 10px;
}

.thecorner h1 b {
  font-weight: 800;
  letter-spacing: 12px;
  font-family: eb garamond;
  text-transform: uppercase;
  font-size: 50px;
  font-style: normal;
  display: block;
  color: #000;
  margin: auto;
}

.thecornerblock {
  position: relative;
  background: rgba(207, 121, 49, 0.5);
  height: 150px;
  width: 600px;
  top: 0px;
  left: 0px;
  padding: 50px;
  text-align: center;
}

.thecorner img {
  position: absolute;
  height: 40px;
  width: 40px;
  object-fit: cover;
  border-radius: 100%;
  border: 1px solid #333;
  padding: 10px;
  left: 320px;
  bottom: -30px;
  background: #161616;
  z-index: 5;
}

.thecorner text {
  display: block;
  padding: 30px;
  text-align: justify;
  color: #ccc;
  font-family: noto sans jp;
  font-size: 12px;
  background: #151515;
  border: 1px solid #222;
  line-height: 170%;
  margin: 40px;
  z-index: 3;
}

.texttopblock {
  position: relative;
  margin: -30px;
  margin-bottom: 20px;
  padding: 10px;
  border-bottom: 1px solid #222;
  font-family: eb garamond;
  text-transform: lowercase;
  letter-spacing: 5px;
  color: #3b4a2d;
  font-weight:700;
  text-align: center;
  background: #111;
}

</style>

<div class="thecorner">
 
    <div class="thecornerblock"><h1> WESTEROS: REINCARNATION<b>äâå íåäåëè</b> <span></span></h1>
        <img src="https://i.pinimg.com/564x/88/6f/5b/886f5b5258b5e20f9b81ff3877f04275.jpg">
<div class="thecorneroutline"></div>
    </div>
 
 
  <text>
  <div class="texttopblock">the rest is confetti</div>
   
    Ïðèâåòñòâóþ âñåõ èãðîêîâ â ïðåñòîëû! Îò âñåãî ñåðäöà áëàãîäàðåí è ðàä, ÷òî âû ñ íàìè. Îêàçàëîñü, íå òîëüêî âîðîí ñîñêó÷èëñÿ ïî ëþäÿì â ýòîé âñåëåííîé, íî è ëþäè ñîñêó÷èëèñü ïî ìèðó. Âçàèìíîñòü ïðèÿòíàÿ øòóêà, ïðàâäà?<br><br>

Íàøå îòêðûòèå ïðèøëîñü íà ïÿòíèöó, è ïòèöà î÷åíü ïîñòàðàåòñÿ äåðæàòü âàñ â êóðñå è íàãðàæäàòü çà àêòèâíîñòü êàæäóþ ïÿòíèöó, íà÷èíàÿ ñ ýòîé. Âû òîëüêî ïîñìîòðèòå, ñêîëüêî ôëóäîâ ìû óæå çàêðûëè! È, êîíå÷íî, âñåõ íàñ âëåêóò òóäà ÷àðóþùèå ñèðåíû <b>ëåäè Äåéí, Ëàííèñòåð, Ñòàðê è Òèðåëë</b>. Àêòèâíîñòü âî ôëóäå íà÷àëàñü ñ ñàìîãî íà÷àëà, íî ïòèöà æäàëà, êîãäà íà÷íåòñÿ èãðà, ÷òîáû çàïîëíèòü íàøó ìåñòíóþ àëëåþ ñëàâû öåëèêîì. Ïåðâûé îòêðûòûé ýïèçîä íà ôîðóìå î íåäîïîíèìàíèè, ðåâíîñòè è, áóäåì íàäåÿòüñÿ, íà÷àëå êðåïêîé äðóæáû. Îí óæå ïîïîëíèëñÿ ïåðâûì ïîñòîì, è òîò ãîðäî îïðîâåðãàåò ïîâåðèå, ïî êîòîðîìó äîëæåí áûòü"êîìîì", ïîïàâ â òàáëèöó êàê ëó÷øèé! <a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=68"> Èä¸ì ÷èòàòü</a>. Ïåðâàÿ èãðà - íå åäèíñòâåííàÿ. Îñîáåííî â ïåðñïåêòèâå! Ñïðàâåäëèâîñòè ðàäè, ñàìûé ïåðâûé ïîñò íà ôîðóìå <a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=72#p3177"> î ñåìåéíûõ öåííîñòÿõ Òèðåëë</a>. Íó... òàê, êàê îíè èõ ïðåäñòàâëÿþò. Ìëàäøèé Òèðåëë íå óñòóïàåò îòöó, îòïðàâèâøèñü íà Ñåâåð <a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=77#p4104">ïîêîðÿòü ñåðäöå çèìíåé ïðèíöåññû</a>. <br><br>

Ïòèöà âèäèò âñå âàøè çàäóìêè è âîïëîùåíèÿ, è òàùèò â <a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=2#p427">Ñþæåò</a>. Êòî åù¸ íå îçíàêîìèëñÿ ñ òåì, ÷òî ïðîèñõîäèò íà Ñåâåðå, è íå áîèòñÿ ñíåæíûõ áóðü? Íî åñëè çèìà íå áëèçêî (ïðîñòèòå, Ñòàðêè), òî ëåòî íàøëî, ÷åì âàñ çàäåòü. Óáèéñòâåííûé íàðêîòèê, ïîõèùåíèÿ ëþäåé, äîòðàêèéöû â Âåñòåðîñå? Òðåáóéòå îòâåòà ñ êàðòåëÿ Æåëåçíàÿ êðîâü. <br><br>

Âñå åù¸ íå ñòðàøíî? Äîáàâèì íåìíîãî äèñöèïëèíû â íàøó ðîëåâóþ æèçíü. ×òî, òåïåðü ñòðàøíî? Îáðàòèòå âíèìàíèå íà íîâîå òðåáîâàíèå ê ãðàôèêå â çàÿâêàõ íà õî÷ó âèäåòü, íóæíûõ è àíêåòå. Òåì, êòî íå ñïåøèò åå ïèñàòü, íàïîìèíàåì, ÷òî äàæå õàëÿâíûé ñðîê ïðèäåðæàíèÿ äëèííîé â íåäåëþ ìîæåò çàêàí÷èâàòüñÿ. Ïðîäëÿéòå èëè âëèâàéòåñü, èíîãî âûáîðà íåò! Äëÿ ëåíèâûõ è íåîïðåäåëèâøèõñÿ âåñü ìàðò äåéñòâóåò òåñò-äðàéâ. Êòî çíàåò, ìîæåò, âàø ïðèòîê àíêåò ÷åðåç ýòó àêöèþ ïîìîæåò ïðîäëèòü ñðîê äëÿ äðóãèõ ïîòåíöèàëüíûõ èãðîêîâ?<br><br>

Íàïîñëåäîê íàïîìèíàþ, ÷òî ó âàñ âñ¸ åù¸ åñòü âîçìîæíîñòü ñûãðàòü â <a href="http://gotreincarnation.f-rpg.me/viewtopic.php?id=64">"áèíãî!"</a> è íå òîëüêî ïîðàäîâàòü ïòèöó âíåôëóäîâîé àêòèâíîñòüþ, íî è ïîëó÷èòü âäîõíîâëÿþùèå ïðèçû: êîìïëåêò äëÿ íîâîãî îáðàçà èëè ýïèãðàô ê äîëãîæäàííîìó ýïèçîäó!<br><br>

Çà ñèì ïðîùàþñü. Äî âñòðå÷è ÷åðåç íåäåëþ. Êàð!
   
  </text>
</div> </div>[/html]

0

7

â õòìë âåðõ
÷òîáû øðèôòû ìîæíî áûëî èñïîëüçîâàòü ïðÿì â ôîðìå îòâåòà

Êîä:
<style type="text/css">
@font-face {
font-family: 'BEWARE';
src: url('http://forumstatic.ru/files/0019/1a/e3/46777.eot'),
url('http://forumstatic.ru/files/0019/1a/e3/25713.woff') format('woff'),
url('http://forumstatic.ru/files/0019/1a/e3/30366.ttf') format('truetype'),
url('http://forumstatic.ru/files/0019/1a/e3/89018.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SantaCatarina';
src: url('http://forumstatic.ru/files/0019/1a/e3/72318.eot'),
url('http://forumstatic.ru/files/0019/1a/e3/36742.woff') format('woff'),
url('http://forumstatic.ru/files/0019/1a/e3/31042.ttf') format('truetype'),
url('http://forumstatic.ru/files/0019/1a/e3/12807.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
</style>

0

8

[html]<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet"><style>
:root {
  --s6m: auto;  /* îòñòóï îò ëåâîãî êðàÿ, auto - äëÿ öåíòðîâêè */
  --shav1: 100px; /* øèðèíà àâàòàðà */
  --shav2: 100px; /* âûñîòà àâàòàðà */
  --shclr: #9fb1c3; /* ãðàíèöû */
  --shbg: rgba(255, 255, 255, 0.17); /* ôîí áëîêà ñ òåêñòîì */
}
.ship6 {max-width:700px;  /* îãðàíè÷èâàåì øèðèíó áëîêà*/
position:relative; display:block; box-sizing:border-box; padding: 8px 0 0 0; margin: auto auto auto var(--s6m);}
.ship6 * {box-sizing:border-box;}
.ship6 .sh1 {margin: 18px auto 0px auto !important; padding:0px !important; display:grid; grid-template-columns: auto auto; align-items: start;}
.ship6 .sh1:nth-child(1) {margin-top: 0px !important;}
.ship6 .sh2 {display:grid; grid-template-columns: auto 1fr;}
.ship6 .sh2 {order:1; min-width:200px; min-height:100px;}
/* áëîê òåêñòà */
.ship6 .sh3 {order:2; text-align:justify; border: 1px solid var(--shclr); background:var(--shbg); padding:14px; line-height: 120%; font-size: 11px; min-height:64px; min-width:100px;}
/* àâàòàð */
.ship6 .ava {order:1; display: block; object-fit: cover; object-position: 50% 50%; background-color:var(--shclr); border: 1px solid var(--shclr); outline: 1px solid var(--shclr); outline-offset:5px; margin:6px; width:var(--shav1); height:var(--shav2);}
/* íèêíåéì */
.ship6 .ava2 {order:2; padding: 10px; min-width:90px; max-width:180px; font-size:10px;}
.ship6 .ava2 em {display:block; position:relative; border-bottom: 1px solid var(--shclr); margin: 0px -10px 5px -10px; padding: 0 10px 5px 10px; font-style:normal !important; font-weight: 600; font-size: 16px; text-transform: uppercase; font-family: 'Roboto Condensed', Tahoma, sans-serif;}
/* ÷åòíûå áëîêè */
.ship6 .ava2 em:after {display:block; content:""; background:var(--shclr); border-radius:50%; width:6px; height:6px; position: absolute; margin: 3px -3px auto auto !important; right: 0px;} /* shipovnik */
.ship6 .sh1:nth-child(2n) .sh3 {order:-1;}
.ship6 .sh1:nth-child(2n) .ava2 {order:-1; text-align:right;}
.ship6 .sh1:nth-child(2n) .ava2 em:after {margin: 3px auto auto -3px !important; left: 0px;}
.ship6 .sh1:nth-child(2n) .sh2 {grid-template-columns: 1fr auto;}
</style><div class="ship6"><!-- ÍÀ×ÀËÎ -->

<!-- ÏÅÐÂÛÉ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://i.ibb.co/VHPhdg0/mikasa.jpg"><div class="ava2">
  <em><a href="#">Ïåðñîíàæ_1</a></em>
Íåêîòîðîå ïîÿñíåíèå èëè îïèñàíèå
  </div></div><div class="sh3">
Ìû âñå åùå æèâåì áîê î áîê ñ âàìè. Ìû òàêæå òðàâèì ñåáÿ ñèãàðåòàìè è àëêîãîëåì, ëîâèì òàêñè ïî ïóòè íà ðàáîòó, âàëèìñÿ ñ íîã îò óñòàëîñòè ïî âå÷åðàì è ìå÷òàåì î íåñáûâøåìñÿ. Ìû - çàìêíóòîå îáùåñòâî è ñ íåîõîòîé îòêðûâàåìñÿ ÷óæàêàì.
  </div></div>

<!-- ÂÒÎÐÎÉ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://i.ibb.co/bH6cVrS/armin.jpg"><div class="ava2">
  <em><a href="#">Ïåðñîíàæ_2</a></em>
Íåêîòîðîå ïîÿñíåíèå èëè îïèñàíèå
  </div></div><div class="sh3">
Ìû âñå åùå æèâåì áîê î áîê ñ âàìè. Ìû òàêæå òðàâèì ñåáÿ ñèãàðåòàìè è àëêîãîëåì, ëîâèì òàêñè ïî ïóòè íà ðàáîòó, âàëèìñÿ ñ íîã îò óñòàëîñòè ïî âå÷åðàì è ìå÷òàåì î íåñáûâøåìñÿ. Ìû - çàìêíóòîå îáùåñòâî è ñ íåîõîòîé îòêðûâàåìñÿ ÷óæàêàì.
  </div></div>

<!-- ÒÐÅÒÈÉ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://i.ibb.co/M8xDyrG/eren.jpg"><div class="ava2">
  <em><a href="#">Ïåðñîíàæ_3</a></em>
Íåêîòîðîå ïîÿñíåíèå èëè îïèñàíèå
  </div></div><div class="sh3">
Ìû âñå åùå æèâåì áîê î áîê ñ âàìè. Ìû òàêæå òðàâèì ñåáÿ ñèãàðåòàìè è àëêîãîëåì, ëîâèì òàêñè ïî ïóòè íà ðàáîòó, âàëèìñÿ ñ íîã îò óñòàëîñòè ïî âå÷åðàì è ìå÷òàåì î íåñáûâøåìñÿ. Ìû - çàìêíóòîå îáùåñòâî è ñ íåîõîòîé îòêðûâàåìñÿ ÷óæàêàì.
  </div></div>

<!-- ÊÎÍÅÖ --><div>[/html]

Êîä:
[html]<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet"><style>
:root {
  --s6m: auto;  /* îòñòóï îò ëåâîãî êðàÿ, auto - äëÿ öåíòðîâêè */
  --shav1: 100px; /* øèðèíà àâàòàðà */
  --shav2: 100px; /* âûñîòà àâàòàðà */
  --shclr: #9fb1c3; /* ãðàíèöû */
  --shbg: rgba(255, 255, 255, 0.17); /* ôîí áëîêà ñ òåêñòîì */
}
.ship6 {max-width:700px;  /* îãðàíè÷èâàåì øèðèíó áëîêà*/
position:relative; display:block; box-sizing:border-box; padding: 8px 0 0 0; margin: auto auto auto var(--s6m);}
.ship6 * {box-sizing:border-box;}
.ship6 .sh1 {margin: 18px auto 0px auto !important; padding:0px !important; display:grid; grid-template-columns: auto auto; align-items: start;}
.ship6 .sh1:nth-child(1) {margin-top: 0px !important;}
.ship6 .sh2 {display:grid; grid-template-columns: auto 1fr;}
.ship6 .sh2 {order:1; min-width:200px; min-height:100px;}
/* áëîê òåêñòà */
.ship6 .sh3 {order:2; text-align:justify; border: 1px solid var(--shclr); background:var(--shbg); padding:14px; line-height: 120%; font-size: 11px; min-height:64px; min-width:100px;}
/* àâàòàð */
.ship6 .ava {order:1; display: block; object-fit: cover; object-position: 50% 50%; background-color:var(--shclr); border: 1px solid var(--shclr); outline: 1px solid var(--shclr); outline-offset:5px; margin:6px; width:var(--shav1); height:var(--shav2);}
/* íèêíåéì */
.ship6 .ava2 {order:2; padding: 10px; min-width:90px; max-width:180px; font-size:10px;}
.ship6 .ava2 em {display:block; position:relative; border-bottom: 1px solid var(--shclr); margin: 0px -10px 5px -10px; padding: 0 10px 5px 10px; font-style:normal !important; font-weight: 600; font-size: 16px; text-transform: uppercase; font-family: 'Roboto Condensed', Tahoma, sans-serif;}
/* ÷åòíûå áëîêè */
.ship6 .ava2 em:after {display:block; content:""; background:var(--shclr); border-radius:50%; width:6px; height:6px; position: absolute; margin: 3px -3px auto auto !important; right: 0px;} /* shipovnik */
.ship6 .sh1:nth-child(2n) .sh3 {order:-1;}
.ship6 .sh1:nth-child(2n) .ava2 {order:-1; text-align:right;}
.ship6 .sh1:nth-child(2n) .ava2 em:after {margin: 3px auto auto -3px !important; left: 0px;}
.ship6 .sh1:nth-child(2n) .sh2 {grid-template-columns: 1fr auto;}
</style><div class="ship6"><!-- ÍÀ×ÀËÎ -->

<!-- ÏÅÐÂÛÉ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://i.ibb.co/VHPhdg0/mikasa.jpg"><div class="ava2">
  <em><a href="#">Ïåðñîíàæ_1</a></em>
Íåêîòîðîå ïîÿñíåíèå èëè îïèñàíèå
  </div></div><div class="sh3">
Ìû âñå åùå æèâåì áîê î áîê ñ âàìè. Ìû òàêæå òðàâèì ñåáÿ ñèãàðåòàìè è àëêîãîëåì, ëîâèì òàêñè ïî ïóòè íà ðàáîòó, âàëèìñÿ ñ íîã îò óñòàëîñòè ïî âå÷åðàì è ìå÷òàåì î íåñáûâøåìñÿ. Ìû - çàìêíóòîå îáùåñòâî è ñ íåîõîòîé îòêðûâàåìñÿ ÷óæàêàì.
  </div></div>


<!-- ÂÒÎÐÎÉ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://i.ibb.co/bH6cVrS/armin.jpg"><div class="ava2">
  <em><a href="#">Ïåðñîíàæ_2</a></em>
Íåêîòîðîå ïîÿñíåíèå èëè îïèñàíèå
  </div></div><div class="sh3">
Ìû âñå åùå æèâåì áîê î áîê ñ âàìè. Ìû òàêæå òðàâèì ñåáÿ ñèãàðåòàìè è àëêîãîëåì, ëîâèì òàêñè ïî ïóòè íà ðàáîòó, âàëèìñÿ ñ íîã îò óñòàëîñòè ïî âå÷åðàì è ìå÷òàåì î íåñáûâøåìñÿ. Ìû - çàìêíóòîå îáùåñòâî è ñ íåîõîòîé îòêðûâàåìñÿ ÷óæàêàì.
  </div></div>


<!-- ÒÐÅÒÈÉ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://i.ibb.co/M8xDyrG/eren.jpg"><div class="ava2">
  <em><a href="#">Ïåðñîíàæ_3</a></em>
Íåêîòîðîå ïîÿñíåíèå èëè îïèñàíèå
  </div></div><div class="sh3">
Ìû âñå åùå æèâåì áîê î áîê ñ âàìè. Ìû òàêæå òðàâèì ñåáÿ ñèãàðåòàìè è àëêîãîëåì, ëîâèì òàêñè ïî ïóòè íà ðàáîòó, âàëèìñÿ ñ íîã îò óñòàëîñòè ïî âå÷åðàì è ìå÷òàåì î íåñáûâøåìñÿ. Ìû - çàìêíóòîå îáùåñòâî è ñ íåîõîòîé îòêðûâàåìñÿ ÷óæàêàì.
  </div></div>


<!-- ÊÎÍÅÖ --><div>[/html]

0

9

[html]<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Cuprum&display=swap" rel="stylesheet"><style>
.ship7 {
  --shtxt: #11001a;   /* òåêñò â çàãîëîâêàõ*/
  --shbg: #fdfbf9; /* ôîí â çàãîëîâêàõ */
  --shbrd: #11001a; /* ãðàíèöû çàãîëîâêà è êàðòèíêè */
  --shots: 14px;   /* îòñòóïû ýïèçîäîâ äðóã îò äðóãà */
  --shotg: 16px;   /* îòñòóï òåêñòà îò êàðòèíêè */
  --shotz: auto auto 16px -40px;   /* îòñòóï çàãîëîâêà */
  --shgrad: linear-gradient(90deg, transparent 10%, #11001a 50%, transparent 90%);
}
.ship7 {max-width:700px;  /* îãðàíè÷èâàåì øèðèíó áëîêà*/
position:relative; overflow:hidden; box-sizing:border-box; display:grid; grid-template-columns: 120px auto; align-items: start; margin: 8px auto auto 2em;}
.ship7 * {box-sizing:border-box;}
.ship7 *::-webkit-scrollbar {width:3px; height:3px; background: rgba(0, 0, 0, 0.05);}
.ship7 *::-webkit-scrollbar-thumb {background: var(--shbg);}
.ship7 *::-webkit-scrollbar-corner {background: transparent;}
.ship7 .sh1 {display:block; min-height: 100px; height:100%; padding:0px !important; background: var(--shbg) 50% 0% repeat; border: 1px solid var(--shbrd);} /* shipovnik */
.ship7 .sh2 {display:block; height: 100%; width: auto; padding: 20px 6px 14px var(--shotg);}
.ship7 .sh3 {display:block; margin-top:34px;}
.ship7 .sh3:nth-child(1) {margin-top:0px;}
.ship7 h7 {font-family: 'Cuprum', Georgia, serif; font-size: 18px; display:block; background:var(--shbg); color:var(--shtxt); padding: 8px 14px 7px; width: 85%; margin: var(--shotz); border: 1px solid var(--shbrd);}
.ship7 p.sh5 {display:block; overflow:auto; scroll-behavior: smooth; padding-right:8px; max-height: 60px;}
.ship7 .sh4 {position:relative; padding: 0 !important; margin-bottom:var(--shots); text-align: justify; font-size: 11px; line-height: 120%;}
.ship7 .sh4:last-child {margin-bottom:0px;}
.ship7 .sh4::after {display:block; content:""; width:auto; height:1px; background:var(--shgrad); margin-top:var(--shots); }
.ship7 .sh4:last-child::after {display:none;}
.ship7 a.epss {font-family: 'Oswald', Tahoma, sans-serif; font-size: 15px; display:block; width:max-content;}
.ship7 .pers {font-size: 10px; font-family: Tahoma, sans-serif; color: rgba(0, 0, 0, 0.6); font-style:normal !important; display:block; width:max-content; margin: 3px auto 5px 0px;}
</style><div class="ship7"><!-- START -->

<div class="sh1" style="background-image:url(https://i.pinimg.com/564x/24/ee/86/24ee … ba045e.jpg);"></div><div class="sh2">

<!-------- ÏÅÐÂÛÉ ÃÎÄ -------->
  <div class="sh3"><h7> äî 2022 </h7>

    <!-- Ýïèçîä_1 -->
  <div class="sh4"><a href="http://darksymphony.f-rpg.me/viewtopic.php?id=113" class="epss">  [18.05.2017] ÖÂÅÒ¨Ò ÑÈÐÅÍÜ, È ÒÈÕÎ ÏËÀ×ÅÒ ÑÂÈÐÅËÜ </a>
  <em class="pers">  Ëåòòà </em>
  <p class="sh5">
Ïåðâàÿ âñòðå÷à Ëåòòû è Êëàóñà (òîãäà åùå ñíà). Ñíîâèäöû â "Óòðà÷åííîé íàäåæäå" çàòåÿëè äóýëü, à Êëàóñ, áóäó÷è îáðàçöîâûì ñíîì, ïûòàåòñÿ âñåõ ïîìèðèòü.
  </p></div>

</div><!-- ÊÎÍÅÖ ÃÎÄÀ -->

<!-------- ÂÒÎÐÎÉ ÃÎÄ -------->
    <div class="sh3"><h7> [íà÷àëî] 2022 </h7>

    <!-- Ýïèçîä_1 -->
  <div class="sh4"><a href="#" class="epss">  Íàçâàíèå ýïèçîäà  </a>
  <em class="pers">  Ñïèñîê èãðîêîâ  </em>
  <p class="sh5">
òåêñò-îïèñàíèå
  </p></div>

</div><!-- ÊÎÍÅÖ ÃÎÄÀ -->

<!-------- ÒÐÅÒÈÉ ÃÎÄ -------->
  <div class="sh3"><h7> [êîíåö] 2022 </h7>

    <!-- Ýïèçîä_1 -->
  <div class="sh4"><a href="http://darksymphony.f-rpg.me/viewtopic.php?id=104" class="epss">  [27.06.2022] ÊÀÊ ÒÛ ÒÀÌ, ÍÀ ÏÐÎÑÒÎÐÀÕ ÁÅÇÌÎËÂÍÎÃÎ ÖÀÐÑÒÂÀ? </a>
  <em class="pers">  Àðòóð</em>
  <p class="sh5">
Âèêòîð ïðîïàë íà äâà äîëãèõ ìåñÿöà. Àðòóð âîçâðàùàåòñÿ â Àííóí è íå ìîæåò â òî, ÷òî ïðîèñõîäèò. Êëàóñ è äðóãèå æèòåëè Àííóíà íàõîäÿòñÿ íà ãðàíè âûìèðàíèÿ.
  </p></div>

    <!-- Ýïèçîä_2 -->
    <div class="sh4"><a href="http://darksymphony.f-rpg.me/viewtopic.php?id=180" class="epss">[15.08.22] ÅÑËÈ ÍÅ ÂÛÍÎÑÈØÜ ÊÎØÌÀÐÎÂ — ÍÅ ÑËÅÄÓÅÒ ËÎÆÈÒÜÑß ÑÏÀÒÜ</a>
    <em class="pers">  Ìîëëè </em>
    <p class="sh5">
Êîøìàðû òîæå õîòÿò ðàçâëåêàòüñÿ
  </p></div>

    <!-- Ýïèçîä_3 -->
  <div class="sh4"><a href="http://darksymphony.f-rpg.me/viewtopic.php?id=86" class="epss">  [16.09.2022] ÍÅ×ÅÑÒÈÂÛÉ ÏÀÊÒ </a>
  <em class="pers">  Àèäà, Àðòóð, Âèêòîð</em>
  <p class="sh5">
Âèçèò îäíîãî äðèìëîðäà â ãîñòè ê äðóãîìó – íå òàêàÿ óæ ðåäêîñòü â Ãð¸çàõ. Íûíåøíÿÿ ãîñòüÿ Âèêòîðà, îäíàêî, íå òàêàÿ, êàê âñå, ÷òî áûëè äî íå¸. Îíà ïðèõîäèò âíåçàïíî, ðàññûïàåòñÿ â ïîäàðêàõ è äåëàåò ïðåäëîæåíèå, îò êîòîðîãî î÷åíü ñëîæíî îòêàçàòüñÿ.
  </p></div>

</div><!-- ÊÎÍÅÖ ÃÎÄÀ -->
<!-- END --></div></div>[/html]

0

10

https://i.pinimg.com/1200x/99/a9/11/99a911429f49b76d85689728d0952dc2.jpg

ÌÎÈ ÕÎÐÎØÈÅ, ÍÓ ×ÒÎ, ÏËÎÕÎ ÂÀÌ? ÍÅ ÏÅÐÅÆÈÂÀÉÒÅ, Â ÍÀØÅÌ ÊÀÑÒÅ ÏËÎÕÎ ÂÑÅÌ

[html]<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet"><style>
:root {
  --s6m: auto;  /* îòñòóï îò ëåâîãî êðàÿ, auto - äëÿ öåíòðîâêè */
  --shav1: 100px; /* øèðèíà àâàòàðà */
  --shav2: 100px; /* âûñîòà àâàòàðà */
  --shclr: #9fb1c3; /* ãðàíèöû */
  --shbg: rgba(255, 255, 255, 0.17); /* ôîí áëîêà ñ òåêñòîì */
}
.ship6 {max-width:700px;  /* îãðàíè÷èâàåì øèðèíó áëîêà*/
position:relative; display:block; box-sizing:border-box; padding: 8px 0 0 0; margin: auto auto auto var(--s6m);}
.ship6 * {box-sizing:border-box;}
.ship6 .sh1 {margin: 18px auto 0px auto !important; padding:0px !important; display:grid; grid-template-columns: auto auto; align-items: start;}
.ship6 .sh1:nth-child(1) {margin-top: 0px !important;}
.ship6 .sh2 {display:grid; grid-template-columns: auto 1fr;}
.ship6 .sh2 {order:1; min-width:200px; min-height:100px;}
/* áëîê òåêñòà */
.ship6 .sh3 {order:2; text-align:justify; border: 1px solid var(--shclr); background:var(--shbg); padding:14px; line-height: 120%; font-size: 11px; min-height:64px; min-width:100px;}
/* àâàòàð */
.ship6 .ava {order:1; display: block; object-fit: cover; object-position: 50% 50%; background-color:var(--shclr); border: 1px solid var(--shclr); outline: 1px solid var(--shclr); outline-offset:5px; margin:6px; width:var(--shav1); height:var(--shav2);}
/* íèêíåéì */
.ship6 .ava2 {order:2; padding: 10px; min-width:90px; max-width:180px; font-size:10px;}
.ship6 .ava2 em {display:block; position:relative; border-bottom: 1px solid var(--shclr); margin: 0px -10px 5px -10px; padding: 0 10px 5px 10px; font-style:normal !important; font-weight: 600; font-size: 16px; text-transform: uppercase; font-family: 'Roboto Condensed', Tahoma, sans-serif;}
/* ÷åòíûå áëîêè */
.ship6 .ava2 em:after {display:block; content:""; background:var(--shclr); border-radius:50%; width:6px; height:6px; position: absolute; margin: 3px -3px auto auto !important; right: 0px;} /* shipovnik */
.ship6 .sh1:nth-child(2n) .sh3 {order:-1;}
.ship6 .sh1:nth-child(2n) .ava2 {order:-1; text-align:right;}
.ship6 .sh1:nth-child(2n) .ava2 em:after {margin: 3px auto auto -3px !important; left: 0px;}
.ship6 .sh1:nth-child(2n) .sh2 {grid-template-columns: 1fr auto;}
</style><div class="ship6"><!-- ÍÀ×ÀËÎ -->

<!-- ÏÅÐÂÛÉ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="http://upforme.ru/uploads/0014/1b/32/5/490842.jpg"><div class="ava2">
  <em><a href="https://wildcross.ru/profile.php?id=641">ñàòîðó</a></em>
êîøêîîáðàçíàÿ çâåçäíàÿ æèæà
  </div></div><div class="sh3">
«Ñàòîðó ññóòóëèëñÿ âîïðîñèòåëüíûì çíàêîì è îïóñòèë ëîá íà ñïèíêó ñòóëà. <...> ×òî æ, åñëè ãîäàì ê ñîðîêà îí çàñêó÷àåò, âñåãäà ìîæíî áóäåò æåíèòüñÿ íà Óòàõèìå. Ýòî îáåñïå÷èò åìó âåñåëóþ ñòàðîñòü ñ îðóùåé áàáêîé ïîä áîêîì». <br><br>
«Åãî ãîëîâà — öâåòóùèé ëóã, òðàâó êîòîðîãî êîëûøåò òåïëûé âåòåð. Ïðèêîñíîâåíèå ïàëüöåâ ê âèñêó ïîõîæå íà ïîöåëóé — ëåãêîå è ìÿãêîå, íåõàðàêòåðíî äåëèêàòíîå, è Ñàòîðó îñîçíàåò ýòî ñî ñòðàííîé áäèòåëüíîñòüþ è ÷åì-òî ïîõîæèì íà òîñêó. Ýòî ÷óâñòâî íå äîëæíî áûòü ïå÷àëüíûì, íî îíî ïîõîæå íà ïå÷àëü. Ýòî íå äîëæíî åãî òðåâîæèòü, íî îíî òàê íåîïðåäåëåííî è íîâî, ÷òî íàñòîðàæèâàåò åãî». <br><br>
«Óáèâàòü ëþäåé íåõîðîøî. Òû ìîæåøü ñåáå ýòî ïîçâîëèòü, îíè íå ñìîãóò íè÷åãî òåáå ñäåëàòü — èëè ïîíàäîáÿòñÿ ãðàíäèîçíûå óñèëèÿ, ÷òîáû ÷òî-òî ñäåëàòü, è ñëåäóþùóþ òûñÿ÷ó ëåò îíè íå ñìîãóò íè÷åãî ñäåëàòü òâîèì çàï÷àñòÿì. Èìååò ëè ñìûñë ìîðàëüíûé çàêîí, êîãäà òû ïðîñòî... ìîæåøü
</div></div>

<!-- ÂÒÎÐÎÉ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="https://i.pinimg.com/736x/51/9a/66/519a66f13cc6623350409fc7d68f055f.jpg"><div class="ava2">
  <em><a href="https://wildcross.ru/profile.php?id=633">ñ¸êî</a></em>
õîäÿ÷èé ìàòðèàðõàò
  </div></div><div class="sh3">
«Êîãäà Ñàòîðó çàêëþ÷àåò å¸ â ýòè ñâîè âñåîáúåìëþùèå, ñëèøêîì êðåïêèå îáúÿòèÿ, Ѹêî íà ñåêóíäó ïåðåñòà¸ò äûøàòü. Íå îò íåëîâêîñòè èëè ñìóùåíèÿ — îò îùóùåíèÿ ÷óæîé ñèëû, ïðîïóùåííîé ÷åðåç ôèëüòð íåæíîñòè... ýòî êàê åñëè áû óðàãàí âäðóã ðåøèë ñòàòü îäåÿëîì». <br><br>
«Ñ¸êî Èýéðè, êîòîðàÿ âîîáùå íå ñìå¸òñÿ. Êîòîðàÿ ìàêñèìóì ïîçâîëÿåò ñåáå êðèâóþ óñìåøêó èëè ôûðêàíüå. Êîòîðàÿ çà âåñü ïðîøëûé ãîä, êàæåòñÿ, íè ðàçó íå èçäàëà íè çâóêà, ïîõîæåãî íà ñìåõ. Îíà çàïðîêèäûâàåò ãîëîâó è õîõî÷åò — â ãîëîñ, âçàõë¸á, äî ñë¸ç. Ñèãàðåòà ïàäàåò â ñàëàòíèöó-ïåïåëüíèöó è ãàñíåò, íî åé ïëåâàòü.<br>
— Òû... — âûäàâëèâàåò îíà ìåæäó ïðèñòóïàìè ñìåõà, òû÷à ïàëüöåì â ñòîðîíó îáîèõ, — âû... áîæå...»<br><br>
«Íà óëèöå âñ¸ òàê æå ñåðî. Íåáî, êàæåòñÿ, íàáóõëî åù¸ ñèëüíåå — âîò-âîò ïîëü¸ò. Ѹêî çàäèðàåò ãîëîâó, ñìîòðèò â ýòó âàòíóþ ìóòü è äóìàåò: õîðîøî áû äîæäü. Õîðîøî áû ëèâåíü, ñòåíîé, ÷òîáû ñìûë âñþ ýòó ïûëü, âñþ ýòó áîëü, âñþ ýòó áåçíàä¸ãó».
  </div></div>

<!-- ÒÐÅÒÈÉ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="http://upforme.ru/uploads/0014/1b/32/5/829705.jpg"><div class="ava2">
  <em><a href="https://wildcross.ru/profile.php?id=611">ñóãóðó</a></em>
ñàñêå, âåðíèñü â êîíîõó!
  </div></div><div class="sh3">
«Ýòî áûëî ïî÷òè ñìåøíî. Òîò, êòî â îäèíî÷êó äåðæàë îáîðîíó ïðîòèâ òâàðåé, êîòîðûõ íîðìàëüíûé ÷åëîâåê íå äîëæåí âèäåòü äàæå â êîøìàðàõ, — ïîñëóøíî çàìîë÷àë, ïîòîìó ÷òî äåâóøêà  âåëåëà åìó íå áûòü èäèîòîì». <br><br>
«Åãî èìÿ âûææåíî êàëåíûì êëåéìîì ñ ïàìÿòè àêàäåìèè. Èñêîðåíåíî ñ êîðíåì, ñëîâíî ÿäîâèòûé ñîðíÿê, ãðîçÿùèé îòðàâèòü öâåòóùèé ñàä. Âûðâàëè, âûðåçàëè ñ ìÿñîì, ñëîâíî ðàêîâóþ îïóõîëü – ïî åãî ñîáñòâåííîé âîëå». <br><br>
«Îí ïðîñòî ñìîòðèò íà Ñàòîðó ñíèçó ââåðõ, è â åãî âçãëÿäå ñìåøèâàþòñÿ òûñÿ÷è âåùåé: “Òû èäèîò”, “Êàê æå ÿ ñ òîáîé ñâÿçàëñÿ”, “Íå ñìåé îñòàíàâëèâàòüñÿ” è “Åñëè òû ñåé÷àñ ëèçí¸øü ìèêðîôîí, ÿ òåáÿ ïðîêëÿíó”».
  </div></div>

<!-- ×ÅÒÂÅÐÒÛÉ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="http://upforme.ru/uploads/0014/1b/32/5/91741.jpg"><div class="ava2">
  <em><a href="https://wildcross.ru/profile.php?id=499">ñóêóíà/þäæè</a></em>
ñóêîòèê
  </div></div><div class="sh3">
«Íî ñî âðåìåíåì îí è ïðàâäà ïðèâûê. È ê óíèæàþùåìó ìîë÷àíèþ, è ê åäêèì êîììåíòàðèÿì. Òî÷íî äèêòîð â äóðàöêîì òåëåøîó, êîòîðûé íå ïî÷óâñòâóåò ñåáÿ ñ÷àñòëèâûì, ïîêà íå ñäåëàåò êîìó-òî áîëüíî. Èòàäîðè îñòàâëÿë ãîëîñó â ãîëîâå âîçìîæíîñòü áûòü òåì, êåì îí õîòåë áû áûòü. Ñ äðóãîé ñòîðîíû, íè÷åãî äðóãîãî è íå îñòàâàëîñü. Òîëüêî ñìèðèòüñÿ è òåðïåòü, âåäü ìíîãîâåêîâîìó ïðîêëÿòèþ âíóòðè ñâîåé ãîëîâû íå òàê óæ è ëåãêî äàòü ñäà÷è». <br><br>
«...Êðîìå îáðàçîâ ïåðåä ãëàçàìè ðÿäîì ñ íèì, âîêðóã, ñëîâíî àóðà, â óøàõ äî ñèõ ïîð ñòîÿëè... Ñìåõ, ðàçêàòàìè ãðîìà áüþùèé ïî ïåðåïîíêàì. Áóëüêàþùèé çâóê íåñïîñîáíîãî áîëüøå ãîâîðèòü ãîðëà. Ñêðèïÿùèå ñòÿæêè øðàìîâ, çàâÿçíóâøèå íà ñåðîé ìåðòâîé êîæå. È ýòîò äóðàöêèé, êðè÷àùèé, âîðîíàìè êàðêàþùèé ñìåõ». <br><br>
«Ùåíîê ìîæåò ðàçâëåêàòüñÿ ñâîèìè äîãàäêàìè ñêîëüêî óãîäíî, íî ìîòèâû çäåñü î÷åâèäíû. À Ñóêóíà... Åìó áûëî äîñòàòî÷íî èíòåðåñíî, ÷òîáû íå îòïðàâèòü ýòîãî íåäîìîíàõà ê ïðàîòöàì åùå äî íà÷àëà ðàçãîâîðà. Ïðîñòî çà íåäîñòàòî÷íî íèçêèé ïîêëîí».
  </div></div>

<!-- ÏßÒÛÉ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="http://upforme.ru/uploads/0014/1b/32/5/457490.jpg"><div class="ava2">
  <em><a href="https://wildcross.ru/profile.php?id=603">ìåãóìè</a></em>
íåâïå÷àòëåííàÿ ïðèíöåññà
  </div></div><div class="sh3">
«Ïðèíÿòî ñ÷èòàòü, ÷òî ñìåðòü ïàõíåò êðîâüþ, ðàçëîæåíèåì èëè ñòðàõîì, åùå ïåïëîì. Íå ÷èñòûì ïåïëîì èçâåðæåíèÿ çåìëè èëè àðîìàòà áëàãîâîíèé, à òÿæåëûì, ìàñëÿíèñòûì ïåïëîì êðåìàòîðèÿ. ×òî æ, âñå ýòî òàê, íî äëÿ Ìåãóìè òåïåðü ñìåðòü íàâñåãäà áóäåò ïàõíóòü ñòåðèëüíûì çàïàõîì òàíàòîëîãè÷åñêîãî îòäåëåíèÿ â ìàãè÷åñêîì òåõíèêóìå».
  </div></div>

<!-- ÒÐÅÒÈÉ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="http://upforme.ru/uploads/0014/1b/32/5/323719.jpg"><div class="ava2">
  <em><a href="https://wildcross.ru/profile.php?id=653">íàíàìè</a></em>
âîëê ñ óîëë-ñòðèò
  </div></div><div class="sh3">
«Â êîìáèíè íåïîäàë¸êó îò îòåëÿ ïóñòî, äóøíî, è ïàõíåò ñìåñüþ ìîþùåãî ñðåäñòâà è òîé îñîáåííîé áåíçèíîâîé âîíè, ÷òî èñòî÷àþò ïðîêëÿòèÿ. Îíè ïåðåòåêàëè ïî ïîëêàì ñ ÿðêèìè óïàêîâêàìè ìåäëåííî, áóäòî ðàñêèñøåå æåëå. Îäíî ðàçãëÿäûâàëî ñâî¸ îòðàæåíèå â ñòåêëÿííîé äâåðöå õîëîäèëüíèêà, è ïåðèîäè÷åñêè áóëüêàëî ÷òî-òî óäîâëåòâîð¸ííîå...» <br><br>
«Åìó íóæåí Õàèáàðà. Íî åãî – íåò, — “íåò-íåò”, “íåò-íåò”, — êàæåòñÿ, õðîíîìåòð òåïåðü ãîâîðèò åìó òàê. Íàíàìè óáèðàåò ëàäîíü îò óõà... è ñìîòðèò íà ïðîòÿíóòîãî åìó òåìíî-êðàñíîãî æåëåéíîãî ìèøêó ñ íåâåðîÿòíûì îòâðàùåíèåì. Íî – áåð¸ò. Îòêóñûâàåò åìó óøè – ïî î÷åðåäè, ñëàäêèå è áüþùèå â íîñ ñàìîé ìåðçêîé, ìåðçåå, ÷åì ãàçèðîâêà Ãîäæî-ñåìïàÿ, õèìèåé. Âûïë¸âûâàåò èõ â ñòîðîíó – è íà ïðèëè÷èÿ îí òîæå ïëåâàë, è òóäà æå îòù¸ëêèâàåò ïîêàëå÷åííîãî ìèøêó». <br><br>
«Ìèëîòà íåâàæíî ñî÷åòàåòñÿ ñ ñèãàðåòàìè, ñêàëüïåëåì, è çàïàõîì ìåðòâåöêîé — è äà. Ýòî âîò — íå èçìåíèëîñü. Êàê è ìðà÷íûå øóòêè ïðî çàïàõ êðîâè è îòñóòñòâèå ðàáîòû (ïðîñòè, ïîâåðèòü â ýòî íåâîçìîæíî). Êàê è áåçäîííàÿ óñòàëîñòü â å¸ âçãëÿäå äåâî÷êè, êîòîðàÿ îñòàëàñü. Êîòîðàÿ ïî-ïðåæíåìó âðåìåíàìè ñìîòðèò áóäòî áû ñêâîçü ñîáåñåäíèêà, è ïðåäëàãàåò ñêâåðíûé êîôå. Èëè ñêâåðíûé æå ÷àé. Êàêàÿ âîîáùå ðàçíèöà, ïðàâäà».
  </div></div>

<!-- ÊÎÍÅÖ --><div>[/html]

ÅÑÒÜ ÄÂÀ ÑÒÓËÀ

ß ÑÞÄÀ ÏËÀÊÀÒÜ ÇÀÕÎÆÓ?

ÓÐÀ, ÎÐÃÈß

[html]<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Cuprum&display=swap" rel="stylesheet"><style>
.ship7 {
  --shtxt: #11001a;   /* òåêñò â çàãîëîâêàõ*/
  --shbg: #FFFAF0; /* ôîí â çàãîëîâêàõ */
  --shbrd: #11001a; /* ãðàíèöû çàãîëîâêà è êàðòèíêè */
  --shots: 14px;   /* îòñòóïû ýïèçîäîâ äðóã îò äðóãà */
  --shotg: 16px;   /* îòñòóï òåêñòà îò êàðòèíêè */
  --shotz: auto auto 16px -40px;   /* îòñòóï çàãîëîâêà */
  --shgrad: linear-gradient(90deg, transparent 10%, #11001a 30%, transparent 30%);
}
.ship7 {max-width:700px;  /* îãðàíè÷èâàåì øèðèíó áëîêà*/
position:relative; overflow:hidden; box-sizing:border-box; display:grid; grid-template-columns: 120px auto; align-items: start; margin: 8px auto auto 2em;}
.ship7 * {box-sizing:border-box;}
.ship7 *::-webkit-scrollbar {width:3px; height:3px; background: rgba(0, 0, 0, 0.05);}
.ship7 *::-webkit-scrollbar-thumb {background: var(--shbg);}
.ship7 *::-webkit-scrollbar-corner {background: transparent;}
.ship7 .sh1 {display:block; min-height: 100px; height:100%; padding:0px !important; background: var(--shbg) 50% 0% repeat; border: 1px solid var(--shbrd);} /* shipovnik */
.ship7 .sh2 {display:block; height: 100%; width: auto; padding: 20px 6px 14px var(--shotg);}
.ship7 .sh3 {display:block; margin-top:34px;}
.ship7 .sh3:nth-child(1) {margin-top:0px;}
.ship7 h7 {font-family: 'Cuprum', Georgia, serif; font-size: 18px; display:block; background:var(--shbg); color:var(--shtxt); padding: 8px 14px 7px; width: 85%; margin: var(--shotz); border: 1px solid var(--shbrd);}
.ship7 p.sh5 {display:block; overflow:auto; scroll-behavior: smooth; padding-right:8px; max-height: 60px; color:#696969;}
.ship7 .sh4 {position:relative; padding: 0 !important; margin-bottom:var(--shots); text-align: justify; font-size: 11px; line-height: 120%;}
.ship7 .sh4:last-child {margin-bottom:0px;}
.ship7 .sh4::after {display:block; content:""; width:auto; height:1px; background:var(--shgrad); margin-top:var(--shots); }
.ship7 .sh4:last-child::after {display:none;}
.ship7 a.epss {font-family: 'Oswald', Tahoma, sans-serif; font-size: 15px; display:block; width:max-content;}
.ship7 .pers {font-size: 10px; font-family: Tahoma, sans-serif; color: rgba(0, 0, 0, 0.6); font-style:normal !important; display:block; width:max-content; margin: 3px auto 5px 0px;}
</style><div class="ship7"><!-- START -->

<div class="sh1" style="background-image:url(https://i.pinimg.com/1200x/07/e2/ea/07e … 1e000e.jpg);"></div><div class="sh2">

<!-------- ÍÓËÅÂÎÉ ÃÎÄ -------->
  <div class="sh3"><h7>Ïðåäûñòîðèÿ </h7>

    <!-- Ýïèçîä_1 -->
  <div class="sh4"><a href="https://wildcross.ru/viewtopic.php?id=1979" class="epss"> ÒÐÈ ÌÈÍÓÒÛ — ÝÒÎ ÍÎÐÌÀ </a>
  <em class="pers"> ñóãóðó, ñ¸êî, ñàòîðó </em>
  <p class="sh5">
ó Ñàòîðó äåíü ðîæäåíèÿ
  </p></div>

    <!-- Ýïèçîä_2 -->
  <div class="sh4"><a href="https://wildcross.ru/viewtopic.php?id=1979" class="epss"> ÑÁÅÆÀÒÜ ÁÓÄÅÒ ÑËÎÆÍÎ... ÏÎÝÒÎÌÓ ÏÐÈÄÅÒÑß ÏÎÁÅÄÈÒÜ! </a>
  <em class="pers"> ñóãóðó, ñ¸êî </em>
  <p class="sh5">
çàäàíèå íà äâîèõ îêàçûâàåòñÿ íå òàêèì óæ è ë¸ãêèì, êàê êàçàëîñü â íà÷àëå
  </p></div>

</div><!-- ÊÎÍÅÖ ÃÎÄÀ -->

<!-------- ÏÅÐÂÛÉ ÃÎÄ -------->
  <div class="sh3"><h7>Àðêà «Ñîñóä Çâ¸çäíîé Ñèëû» (2006–2007)  </h7>
<!-- Ýïèçîä_1 -->
  <div class="sh4"><a href="https://wildcross.ru/viewtopic.php?id=2027" class="epss">  THEIR WORDS MOSTLY NOISES  [END]</a>
  <em class="pers"> íàíàìè, ñ¸êî </em>
  <p class="sh5">
post mortem Õàéáàðà Þ
  </p></div>

    <!-- Ýïèçîä_2 -->
  <div class="sh4"><a href="https://wildcross.ru/viewtopic.php?id=1992" class="epss"> THINGS AIN'T BAD, BUT THINGS AIN'T RIGHT </a>
  <em class="pers"> ñàòîðó, ñóãóðó </em>
  <p class="sh5">
ó Ñàòîðó áîëèò ãîëîâà, ó Ñóãóðó — âñå îñòàëüíîå
  </p></div>

<!-- Ýïèçîä_3 -->
  <div class="sh4"><a href="https://wildcross.ru/viewtopic.php?id=1995" class="epss">Â ÏÀÌßÒÈ ÌÎÅÉ Î ÒÅÁÅ ËÈØÜ ÒÐÅÒÜ </a>
  <em class="pers">  ñàòîðó, ñ¸êî </em>
  <p class="sh5">
÷òîáû îôèöèàëüíî óñûíîâèòü Ìåãóìè, Ñàòîðó äîëæåí äîêàçàòü, ÷òî äîñòîèí! åãî äîñòîèíñòâî äîêàçûâàòü ïðèõîäèòñÿ Ѹêî (ýòî èñòîðèÿ ïðî ôèêòèâíûé áðàê).
  </p></div>

</div><!-- ÊÎÍÅÖ ÃÎÄÀ -->

<!-------- ÏÅÐÂÛÉ ñ ïîëîâèíîé ÃÎÄ -------->
<div class="sh3"><h7>Äåñÿòèëåòèå ìåæäó àðêàìè  </h7>

<!-- Ýïèçîä_1  -->
  <div class="sh4"><a href="https://wildcross.ru/viewtopic.php?id=2046" class="epss">  SOMETIMES I'M (NOT) ALONE  </a>
  <em class="pers"> íàíàìè, ñ¸êî </em>
  <p class="sh5">
îòìå÷àåì íàìå÷àþùèåñÿ ñâåðõóðî÷íûå
  </p></div>

</div><!-- ÊÎÍÅÖ ÃÎÄÀ -->

<!-------- ÂÒÎÐÎÉ ÃÎÄ -------->
    <div class="sh3"><h7> Àðêà «Ïðîêëÿòûé Êîêîí» (èþíü 2018) </h7>

   <!-- Ýïèçîä_1 -->
  <div class="sh4"><a href="https://wildcross.ru/viewtopic.php?id=2002#p143997" class="epss"> GODS DON'T PRAY</a>
  <em class="pers">  ñàòîðó, þäæè/ñóêóíà </em>
  <p class="sh5">
òðåíèðîâêè ïî êîíòðîëþ è ðåãóëÿðíîå âûïóñêàíèå òèãðà ïîãóëÿòü — ÷òî ìîãëî ïîéòè íå òàê, âåðíî?
  </p></div>

</div><!-- ÊÎÍÅÖ ÃÎÄÀ -->

<!-------- ÒÐÅÒÈÉ ÃÎÄ -------->
  <div class="sh3"><h7> Àðêà «Ìàõèòî» </h7>

    <!-- Ýïèçîä_1 -->
  <div class="sh4"><a href="https://wildcross.ru/viewtopic.php?id=1900" class="epss">  TAKE WHAT YOU WANT, TAKE WHAT YOU CAN </a>
  <em class="pers"> ñóãóðó, þäæè/ñóêóíà</em>
  <p class="sh5">
çíàêîìèìñÿ ñ íîâûìè òîâàðèùàìè, âåðáóåì ñîþçíèêîâ
  </p></div>

<!-- Ýïèçîä_2  -->
  <div class="sh4"><a href="https://wildcross.ru/viewtopic.php?id=2031#p145390" class="epss"> ÊÀËÅÉÄÎÑÊÎÏ ÌÀËÅÍÜÊÈÕ ÍÅÑ×ÀÑÒÈÉ  </a>
  <em class="pers"> íàíàìèí, þäæè </em>
  <p class="sh5">
âçðîñëåòü áîëüíî, è Íàíàìè çíàåò ýòî ëó÷øå ìíîãèõ
  </p></div>

</div><!-- ÊÎÍÅÖ ÃÎÄÀ -->

<!-------- ×ÅÒÂÅÐÒÛÉ ÃÎÄ -------->
    <div class="sh3"><h7>Àðêà «Ïðîãðàììà Îáìåíà ñ Êèîòñêîé Øêîëîé»</h7>

       <!-- Ýïèçîä_1 -->
  <div class="sh4"><a href="https://wildcross.ru/viewtopic.php?id=1849" class="epss">  WHAT OF MY DARKEST SIDE I THINK I'M FINE  </a>
  <em class="pers">  ìåãóìè, ñóêóíà  </em>
  <p class="sh5">
åñëè õî÷åøü ïîìîùè, áóäü ãîòîâ îòäàòü ÷òî-òî âçàìåí
  </p></div>

</div><!-- ÊÎÍÅÖ ÃÎÄÀ -->

<!-------- ×ÅÒÂÅÐÒÛÉ ÃÎÄ -------->
    <div class="sh3"><h7>jujutsu kaisen!au </h7>

<!-- Ýïèçîä_0  -->
  <div class="sh4"><a href="https://wildcross.ru/viewtopic.php?id=2013" class="epss"> you think the devil has horns? </a>
  <em class="pers"> ìàêè çåíèí (ñóãóðó), íàîÿ çåíèí (ñ¸êî) </em>
  <p class="sh5">
áðàòñêî-ñåñòðèíñêàÿ ëþáîâü â êëàíå çåíèíîâ
  </p></div>

<!-- Ýïèçîä_1 -->
  <div class="sh4"><a href="https://wildcross.ru/viewtopic.php?id=2034" class="epss">  memoria  </a>
  <em class="pers">  íàíàìè êåíòî, õàéáàðà þ (ñóãóðó)</em>
  <p class="sh5">
èíîãäà ãåðîè — íå òå, êîãî ïîêàçûâàþò íà ýêðàíå
  </p></div>

    <!-- Ýïèçîä_2 -->
  <div class="sh4"><a href="https://wildcross.ru/viewtopic.php?id=2041" class="epss"> growing up's a waste of time </a>
  <em class="pers">  ÷îñî (ñ¸êî), þäæè (ñóêóíà)  </em>
  <p class="sh5">
×îñî âîñïèòûâàåò Þäæè ñ äåòñòâà, è æèçíü èõ ñêëàäûâàåòñÿ ïî-äðóãîìó
  </p></div>

<!-- Ýïèçîä_3 -->
  <div class="sh4"><a href="https://wildcross.ru/viewtopic.php?id=1878" class="epss"> êîôå è ñèãàðåòû </a>
  <em class="pers">  ñóêóíà, ìåãóìè  </em>
  <p class="sh5">
óíèâåðñèòåòñêàÿ ìîäåðí!àó
  </p></div>
</div><!-- ÊÎÍÅÖ ÃÎÄÀ -->

<!-- END --></div></div>[/html]

ÊÎÄÛ

Äëÿ íîâîé àðêè

Êîä:
<!-------- ÂÒÎÐÎÉ ÃÎÄ (íå çàáóäü ïîìåíÿòü íîìåð)-------->
    <div class="sh3"><h7>íàçâàíèå àðêè</h7>

    <!-- Ýïèçîä_1 -->
  <div class="sh4"><a href="ñþäà ññûëêó" class="epss">  ÍÀÇÂÀÍÈÅ ÝÏÈÇÎÄÀ (êàïñîì), åñëè àëüò — òî ñî ñòðî÷íûìè </a> 
  <em class="pers">  ñïèñîê èãðîêîâ (ñî ñòðî÷íûõ), åñëè àëüò — íàïèøè èãðîêà â ñêîáêàõ</em>
  <p class="sh5">
òåêñò-îïèñàíèå (ñî ñòðî÷íûõ).
  </p></div>
</div><!-- ÊÎÍÅÖ ÃÎÄÀ -->

Äëÿ ýïèçîäà

Êîä:
<!-- Ýïèçîä_1 (íå çàáóäü ïîìåíÿòü íîìåð!) -->
  <div class="sh4"><a href="ñþäà ññûëêó" class="epss">  ÍÀÇÂÀÍÈÅ ÝÏÈÇÎÄÀ (êàïñîì), åñëè àëüò — òî ñî ñòðî÷íûìè </a> 
  <em class="pers">  ñïèñîê èãðîêîâ (ñî ñòðî÷íûõ), åñëè àëüò — íàïèøè èãðîêà â ñêîáêàõ</em>
  <p class="sh5">
òåêñò-îïèñàíèå (ñî ñòðî÷íûõ).
  </p></div>

Äëÿ çàêîí÷åííîãî/çàáðîøåííîãî ýïèçîäà (âíóòðè ññûëêè)

Êîä:
[color=#808000]íàçâàíèå[/color][color=gray][sup][END][/sup][/color]
Êîä:
[color=gray]íàçâàíèå[/color][color=maroon][sup][X][/sup][/color]

Äëÿ íîâîãî èãðîêà

Êîä:
<!-- ÍÎÌÅÐ -->
  <div class="sh1"><div class="sh2"><img class="ava" src="êàðòèíêà"><div class="ava2">
  <em><a href="ññûëêà">èìÿ</a></em>
êîììåíòàðèé
  </div></div><div class="sh3">
öèòàòêè
  </div></div>

0

11

íàíàìè:
 êîìáèíè íåïîäàë¸êó îò îòåëÿ ïóñòî, äóøíî, è ïàõíåò ñìåñüþ ìîþùåãî ñðåäñòâà è òîé îñîáåííîé áåíçèíîâîé âîíè, ÷òî èñòî÷àþò ïðîêëÿòèÿ. Îíè ïåðåòåêàëè ïî ïîëêàì ñ ÿðêèìè óïàêîâêàìè ìåäëåííî, áóäòî ðàñêèñøåå æåëå. Îäíî ðàçãëÿäûâàëî ñâî¸ îòðàæåíèå â ñòåêëÿííîé äâåðöå õîëîäèëüíèêà, è ïåðèîäè÷åñêè áóëüêàëî ÷òî-òî óäîâëåòâîð¸ííîå — îñîáåííî, êîãäà äâåðöó îòêðûâàëè, è áðàëè ñ ïîëîê óïàêîâêè ñ éîãóðòîì.

ñóêóíà/þäæè:
Îí íèêîãäà íå òðàòèë ñòîëüêî âðåìåíè íà ðàçäóìèÿ. Ðàçìóñîëèâàíèÿ ÷åãî-ëèáî â ãîëîâå, êàçàëîñü, ñîâñåì íå ïîìîãàþò ðåøèòü ïðîáëåìó è òîëüêî óñóãóáëÿþò åå. Íî êðîìå îáðàçîâ ïåðåä ãëàçàìè ðÿäîì ñ íèì, âîêðóã, ñëîâíî àóðà, â óøàõ äî ñèõ ïîð ñòîÿë... Ñìåõ, ðàçêàòàìè ãðîìà áüþùèé ïî ïåðåïîíêàì. Áóëüêàþùèé çâóê íåñïîñîáíîãî áîëüøå ãîâîðèòü ãîðëà. Ñêðèïÿùèå ñòÿæêè øðàìîâ, çàâÿçíóâøèå íà ñåðîé ìåðòâîé êîæå. È ýòîò äóðàöêèé, êðè÷àùèé, âîðîíàìè êàðêàþùèé ñìåõ.

Ùåíîê ìîæåò ðàçâëåêàòüñÿ ñâîèìè äîãàäêàìè ñêîëüêî óãîäíî, íî ìîòèâû çäåñü î÷åâèäíû. À Ñóêóíà... Åìó áûëî äîñòàòî÷íî èíòåðåñíî, ÷òîáû íå îòïðàâèòü ýòîãî íåäîìîíàõà ê ïðàîòöàì åùå äî íà÷àëà ðàçãîâîðà. Ïðîñòî çà íåäîñòàòî÷íî íèçêèé ïîêëîí.

Ñóãóðó:
Ñóãóðó íå äûøàë – îí âïóñêàë ìèð âíóòðü ñåáÿ, êàê âîçäóõ â ïóñòûå ëåãêèå. Êàæäûé êàìåøåê ïîä ïîäîøâîé, êàæäûé âñïëåñê ýíåðãèè, øóðøàùèé â âîçäóõå, ëþáîå, ñàìîå ìèìîëåòíîå êîëåáàíèå ðàâíîâåñèÿ – âñå ýòî îòïå÷àòûâàëîñü â åãî ðàçóìå. Îäèíî÷åñòâî íå áûëî ÷óâñòâîì — îíî áûëî ôàêòîì, íåîïðîâåðæèìûì êàê çàêîí òÿãîòåíèÿ.

Îí ñïðàøèâàë î òîì, êàê õîëîäíûé êàìåíü áåñïîêîéñòâà ëåæèò â æåëóäêå. Î òîì, êàê êàæäûé èíñòèíêò  âîïèò, ÷òîáû çàïåðåòü òî, ÷òî äîðîãî, â ñàìîé ãëóáèíå, ãäå íè îäíà ÷óæàÿ òåíü íå êîñíåòñÿ. Íî òàê íå âûðàùèâàþò ñèëüíûõ. Òàê âûðàùèâàþò óçíèêîâ.

Ýòî áûëî ïî÷òè ñìåøíî. Òîò, êòî â îäèíî÷êó äåðæàë îáîðîíó ïðîòèâ òâàðåé, êîòîðûõ íîðìàëüíûé ÷åëîâåê íå äîëæåí âèäåòü äàæå â êîøìàðàõ, — ïîñëóøíî çàìîë÷àë, ïîòîìó ÷òî äåâóøêà  âåëåëà åìó íå áûòü èäèîòîì.

Ïëàí çàêëþ÷àëñÿ â òîì, ÷òîáû óñòðîèòü Ñàòîðó ñþðïðèç â êàðàîêå. Ãåòî, âûñëóøàâ, ëèøü ñïðîñèë Ѹêî, íå èñïàðèëèñü ëè îñòàòêè å¸ ðàçóìà âìåñòå ñ ïîñëåäíèìè ÷èïñàìè. Íî ìûñëü çàñòàâèòü òîãî ïåòü ïîä ñëàùàâóþ ïîïñó, ïîêàçàëàñü åìó äî ñòðàííîñòè ñëàäêîé — ìàëåíüêàÿ, íî ñî÷íàÿ ìåñòü. Îí ñîãëàñèëñÿ, çàáûâ, ÷òî ìåñòü — áëþäî, êîòîðîå ÷àñòî ïîäàþò òîìó, êòî åãî çàêàçàë.

— Óâåðåí, ÷òî êîãäà òû óñëûøàë ïî òåëåôîíó ìîé ãîëîñ  -  âûãëÿäåë òàê, áóäòî òåáÿ îáìåíÿëè íà ãèáðèäíûé êàêòóñ è íå äàëè ñäà÷è.

Ïðèçðàê òðåòüåãî ñîðòà, äóõ â çàáðîøåííîì àðõèâå íà îêðàèíå. Íå óãðîçà, à íàäîåäëèâàÿ ãðÿçü, êîòîðóþ íóæíî ñòåðåòü. Ïîãëîùàòü òàêîå... äàæå ìûñëü îá ýòîì âûçûâàëà ëåãêîå îòâðàùåíèå, ïîõîæåå íà ïðåäëîæåíèå ñúåñòü çàñîõøóþ õëåáíóþ êîðêó. Íè óäîâëåòâîðåíèÿ îò îñîçíàíèÿ ñîáñòâåííûõ ñèë, íè òîãî äèêîãî, âèõðåâîãî êàéôà îò ñõâàòêè ñ ÷åì-òî ïî-íàñòîÿùåìó îïàñíûì. Ïóñòàÿ òðàòà âðåìåíè. Áåñïîëåçíûå îòáðîñû.
Íî ìû íå ìîæåì ñåáå ïîçâîëèòü ðîñêîøü âûáèðàòü.

0

12

Ѹêî:
Îíà çíàåò, êàê ýòî — ñêó÷àòü ïî òîìó, ÷òî íèêîãäà íå áûëî íîðìàëüíûì. Ïî ëþäÿì, êîòîðûå óìåëè âèäåòü òî æå, ÷òî è òû. Ïî ýòîé ñòðàííîé, èçëîìàííîé, ïðîïèòàííîé ïðîêëÿòîé ýíåðãèåé æèçíè, êîòîðóþ íåâîçìîæíî îáúÿñíèòü òîìó, êòî íå ÷óâñòâóåò.

0