<!--АКТИВИСТЫ-->
<div class="shapkaactivists"><span class="activists"><a href="http://gloomywaters.f-rpg.me/profile.php?id=4"><img src="https://forumstatic.ru/files/0014/d2/94/33986.jpg" title="постопесец: moroshka"></a></span> <span class="activists"><a href="http://gloomywaters.f-rpg.me/profile.php?id=19"><img src="https://forumstatic.ru/files/0014/d2/94/84618.jpg" title="постопёс: пьяник"></a></span> <span class="activists"><a href="http://gloomywaters.f-rpg.me/profile.php?id=2"><img src="https://upforme.ru/uploads/0014/d2/94/2/634335.jpg" title="активист: Gloomy Waters"></a></span> <span class="activists"><a href="http://gloomywaters.f-rpg.me/profile.php?id=5"><img src="https://upforme.ru/uploads/0014/d2/94/2/334261.jpg" title="активист: PR"></a></span> </div>
<!--АКТИВИСТЫ-->
<!--ПАРА-->
<div class="shapkapara"><span class="para"><a href="http://gloomywaters.f-rpg.me/profile.php?id=18"><img src="https://forumstatic.ru/files/0014/d2/94/31453.jpg" title="пара:
vafanapoli & the empress"></a></span></div>
<!--ПАРА-->
<!--ЭПИЗОД-->
<div id="episode"><a href="http://gloomywaters.f-rpg.me/viewtopic.php?id=34&p=43#p2899" title="эпизод недели">Флуд 0.2: костёр приблуд</a></div>
<!--ЭПИЗОД-->
<!--ПОСТ-->
<div class="shapkapost"><span class="postik"><a href="http://gloomywaters.f-rpg.me/viewtopic.php?id=31#p1892"><img src="https://forumstatic.ru/files/0014/d2/94/10211.jpg" title="пост с картиночкой:
нежно потрогай лапу курсором"></a></span></div>
<!--ПОСТ-->
<!--О форуме -->
<div class="gameinfo">Сан-Франциско, февраль-март 2022, мистика 18+</div>
<!--О форуме -->
всякое кодовое
Сообщений 1 страница 6 из 6
Поделиться12022-04-03 14:54:15
- dark regrets
- copy: storyteller
- здесь какие-то буковки и возможно ссылочки на любовь или что-то в этом роде
- Сообщений: 169
- Посты: 10
- Уважение: +16
Поделиться22022-04-03 14:54:51
- dark regrets
- copy: storyteller
- здесь какие-то буковки и возможно ссылочки на любовь или что-то в этом роде
- Сообщений: 169
- Посты: 10
- Уважение: +16
/*готовность форума*/
.percentage {
top: 160px;
margin-left: 420px;
display:inline-block;
cursor: pointer;
font-size: 0px;
color: transparent;
position: absolute;
transition: all 0.3s ease-in-out 0s;
color: #dac17a;
font-family: Old Standard TT;
font-size: 80px;
}
/*пара*/
.shapkapara {
position: absolute;
z-index: 10;
margin-left: 100px;
word-spacing: 5px;
height: 60px;
overflow: hidden;
width: 300px;
margin-top: 150px;
}
.shapkapara img {max-height: 60px;
max-width: 60px;
transition: all .2s linear;
border-radius: 50%;
box-shadow: inset 0 0 5px 0 #00000024;}
.para{transition: all .5s ease-in-out 0s;
filter: grayscale(50%);
opacity: .5}
.para:hover {filter: grayscale(0);
opacity: 1}
/*активисты*/
.shapkaactivists {
position: absolute;
z-index: 10;
margin-left: 660px;
word-spacing: 5px;
height: 60px;
overflow: hidden;
width: 300px;
margin-top: 150px;
}
.shapkaactivists img {max-height: 60px;
max-width: 60px;
transition: all .2s linear;
border-radius: 50%;
box-shadow: inset 0 0 5px 0 #00000024;}
.activists{transition: all .5s ease-in-out 0s;
filter: grayscale(50%);
opacity: .5}
.activists:hover {filter: grayscale(0);
opacity: 1}
/*пост*/
.shapkapost {
position: absolute;
z-index: 10;
margin-left: 180px;
word-spacing: 5px;
height: 60px;
overflow: hidden;
width: 300px;
margin-top: 150px;
}
.shapkapost img {max-height: 60px;
max-width: 60px;
transition: all .2s linear;
border-radius: 50%;
box-shadow: inset 0 0 5px 0 #00000024;}
.postik{transition: all .5s ease-in-out 0s;
filter: grayscale(50%);
opacity: .5}
.postik:hover {filter: grayscale(0);
opacity: 1}
/*инфа о форуме в шапке*/
.gameinfo {
position: absolute;
z-index: 10;
margin-left: 15px;
word-spacing: 5px;
height: 60px;
overflow: hidden;
width: 407px;
margin-top: 240px;
font-family: playfair display;
font-size: 14px;
color: #cec7bc;
}
.foruminfo {
position: absolute;
z-index: 10;
margin-left: 620px;
word-spacing: 5px;
height: 60px;
overflow: hidden;
width: 407px;
margin-top: 240px;
font-family: playfair display;
font-size: 14px;
color: #cec7bc;
}
/*эпизод*/
#episode {
background: #342d28;
height: 20px;
width: 260px;
top: 238px;
margin-left: 660px;
display:inline-block;
cursor: pointer;
position: absolute;
transition: all 0.3s ease-in-out 0s;
font-family: Playfair display;
font-size: 12px;
text-align: center;
letter-spacing: 2px;
color: #b99a4e;
}
#episode a{
color: #cec7bc;
}
#episode a:hover {
color: #dac17a;
}
/*админы в шапке*/
#odmens {
position: absolute;
z-index: auto;
top: 45px;
left: 570px;
font-size: 14px;
font-family: playfair display;
letter-spacing: 2px;
color: #cec7bc;;
}
#odmens a {color: #e1dcc3;}
Поделиться32022-04-03 14:59:51
- dark regrets
- copy: storyteller
- здесь какие-то буковки и возможно ссылочки на любовь или что-то в этом роде
- Сообщений: 169
- Посты: 10
- Уважение: +16
<!--АМС-->
<div id="odmens">Abigail ~ Ash ~ Evie ~ Nick</div>
<!--АМС-->
Поделиться42022-04-03 15:14:48
- dark regrets
- copy: storyteller
- здесь какие-то буковки и возможно ссылочки на любовь или что-то в этом роде
- Сообщений: 169
- Посты: 10
- Уважение: +16
<div style="height:112px; width:920px; position:absolute;z-index:100;overflow-y:auto; align:center;">
<div id="newsfone" <a href="http://gloomywaters.f-rpg.me/viewtopic.php?id=56#p5631" class="newscomm" title="Ивент"><img class="plshnews" src="https://vk.com/sticker/1-12984-128">
<div class="news01">Quess what?</div>
<div class="news02">конкурс</div></a></div>
<div id="newsfone" <a href="http://theabyss.rusff.me/viewtopic.php?id=504#p58783" class="newscomm" title="Ивент"><img class="plshnews" src="http://s7.uploads.ru/4IqyL.png">
<div class="news01">какая-то хрень</div>
<div class="news02">пора зарабатывать</div></a></div>
<div id="newsfone" <a href="http://theabyss.rusff.me/viewtopic.php?id=504#p58783" class="newscomm" title="Ивент"><img class="plshnews" src="http://s7.uploads.ru/4IqyL.png">
<div class="news01">какая-то хрень</div>
<div class="news02">пора зарабатывать</div></a></div>
<div id="newsfone" <a href="http://theabyss.rusff.me/viewtopic.php?id=504#p58783" class="newscomm" title="Ивент"><img class="plshnews" src="http://s7.uploads.ru/4IqyL.png">
<div class="news01">какая-то хрень</div>
<div class="news02">пора зарабатывать</div></a></div>
</div>
<!-- одна плашка margin-left:380px; две плашки margin-left:320px; три плашки margin-left:260px; четыре плашки margin-left:180px; больше плашек нахрен не надо-->
Поделиться52022-04-03 20:28:15
- dark regrets
- copy: storyteller
- здесь какие-то буковки и возможно ссылочки на любовь или что-то в этом роде
- Сообщений: 169
- Посты: 10
- Уважение: +16
height:35px; width:500px;
Поделиться62022-04-06 19:28:07
- dark regrets
- copy: storyteller
- здесь какие-то буковки и возможно ссылочки на любовь или что-то в этом роде
- Сообщений: 169
- Посты: 10
- Уважение: +16
<!--ПАРА-->
<div class="shapkapara"><span class="para"><a href="http://gloomywaters.f-rpg.me/profile.php?id=18"><img src="https://forumstatic.ru/files/0014/d2/94/71464.gif?v=1" title="пара:
vafanapoli & the empress"></a></span></div>
<!--ПАРА--><!--ПОСТ-->
<div class="shapkapost"><span class="postik"><a href="http://gloomywaters.f-rpg.me/viewtopic.php?id=31#p1892"><img src="https://forumstatic.ru/files/0014/d2/94/71464.gif?v=1" title="пост с картиночкой:
нежно потрогай лапу курсором"></a></span></div>
