Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 6 из 6
Поделиться22024-04-17 14:50:54
[html]
<style>
#chrono {
width: 600px;
background: transparent;
height: 500px;
position: relative;
margin: 20px auto;
outline: 1px solid #bb9656;
outline-offset: 10px;
line-height: 170%;
font-size: 11px;
}
#chrono picture {
height: 500px;
width: 180px;
max-width:100%;
max-height:100%;
position: absolute;
background-size: cover;
display: block;
border-right: 1px solid #bb9656;
}
#chrono infobox {
width: 400px;
height: 470px;
position: absolute;
top: 20px;
right: 0px;
overflow: auto;
font-size: 11px;
line-height: 170%;
text-align: justify;
padding-right: 5px;
color: #191919;
display: block;
}
#chrono chtit {
color: #674f77;
position: relative;
font-size: 20px;
text-transform: uppercase;
font-family: Yeseva One;
display: block;
width: auto;
text-align: right;
font-weight: 900;
margin:10px 0px;
border-bottom: 1px solid #674f77;
}
#chrono a {
color: #605238;
font-family: Yeseva One;
font-size: 14px;
font-weight: 400;
display: block;
}
#chrono a:before {
background: #bb9656;
height: 5px;
width: 5px;
border-radius: 100%;
content: "";
display: inline-block;
margin: 0px 5px;
}
</style>
<div id="chrono">
<picture style="background-image: url(https://forumupload.ru/uploads/001c/1e/85/2/776262.png)"></picture>
<infobox>
<chtit>ТЕКУЩАЯ ИГРА</chtit>
<a href="ссылка на эпизод">название эпизода</a> <b>дата событий</b></br>
описание эпизода / участники
<a href="ссылка на эпизод">название эпизода</a> <b>дата событий</b></br>
описание эпизода / участники
<chtit>ЗАВЕРШЕННЫЕ ЭПИЗОДЫ</chtit>
<a href="ссылка на эпизод">название эпизода</a> <b>дата событий</b></br>
описание эпизода / участники
<chtit>АЛЬТЕРНАТИВА</chtit>
<a href="ссылка на эпизод">название эпизода</a> <b>дата событий</b></br>
описание эпизода / участники
<a href="ссылка на эпизод">название эпизода</a> <b>дата событий</b></br>
описание эпизода / участники
<a href="ссылка на эпизод">название эпизода</a> <b>дата событий</b></br>
описание эпизода / участники
</infobox>
</div>
[/html]
Поделиться42024-04-17 19:27:59
Отредактировано tester (2024-04-17 19:28:02)
Поделиться52024-04-23 11:10:57
[html]<center><div class="Lol" style="background-image: url(https://forumstatic.ru/files/001c/18/b8/99962.png);outline: 1px solid #88699c;"><div class="TiTu" style="color: #6b537a; border-bottom: 1px solid #88699c;">СТАТИСТИКА АКТИВИСТОВ (06.05-12.05)</div><div class="TexT" style="color: #919191;"> <table layout=fixed width=100%>
<tr>
<td><b>Постописцы недели:</b> <br>
<a class='a' href='https://daemonium.rusff.me/'>Pollux</a> (25) ● <a class='a' href='https://daemonium.rusff.me/'>Winston</a> (8) <br>
<a class='a' href='https://daemonium.rusff.me/'>Astorath</a> (3) ● <a class='a' href='https://daemonium.rusff.me/'>Salvador</a> (11) <br><br>
</td>
<td><b>Лучший эпизод недели:</b><br>
«<a class='a' href='https://daemonium.rusff.me/'>fire, help me to forget</a>» <br>
<a class='a' href='https://daemonium.rusff.me/'>Sarabi</a> & <a class='a' href='https://daemonium.rusff.me/'>Tegan</a> <br><br></td>
</tr>
<tr>
<td><b>Лучший пост недели:</b><br>
от <a class='a' href='https://daemonium.rusff.me/'>Tenebrae</a>:<br>
«<a class='a' href='https://daemonium.rusff.me/'>been in the dark since the day we met</a>»<br>
<i>«Безобразие. У меня была такая эффектная кончина – под пение соловьев, аромат цветов, журчание воды, на руках у красавца-мужчины – и на тебе...»</i></td>
<td><b>Цитата недели:</b><br>
от <a class='a' href='https://daemonium.rusff.me/'>Leister</a>:<br> <i>«она ободряюще кивнула и удалилась на кухню, оставив меня наедине с моим интеллектом, то есть практически в одиночестве» </i></td>
</tr>
</table>
<b>P.S.</b> здесь какой-то прощальный постскриптум, типа какой чудесный день 
</div></center><style>
.Lol {
width: 560px;
border: 15px solid;
border-image: url(https://forumstatic.ru/files/001c/18/b8/18518.png?v=1) 20;
padding: 40px;
outline-offset:-15px;
margin-top:20px;
position:relative;
}
.TiTu{
width: 470px;
padding-bottom: 10px;
font-family: 'Inter', sans-serif;
line-height: 15px;
text-align: 50px;
font-size: 15px;
letter-spacing: 2px;
text-align: left;
text-transform: uppercase;
}
.TexT{
height: auto;
font-family:arial;
font-size: 13px;
text-align: justify;
padding: 20px 40px 20px 40px;
margin-top: 10px;
line-height: 18px;
}
.C{ font-family:arial;
font-size: 10px;
position:absolute;
bottom:-40px;
right:-5px;
color:#999;
text-decoration:none;
letter-spacing:4px;
}
</style>
[/html]
Поделиться62024-04-30 14:16:26
THIS IS FONT TESTING 1234567
this is font testing
THIS IS FONT TESTING 1234567
this is font testing
THIS IS FONT TESTING 1234567
this is font testing
THIS IS FONT TESTING 1234567
this is font testing
THIS IS FONT TESTING 1234567
this is font testing
THIS IS FONT TESTING 1234567
this is font testing
THIS IS FONT TESTING 1234567
this is font testing
THIS IS FONT TESTING 1234567
this is font testing
THIS IS FONT TESTING 1234567
this is font testing
THIS IS FONT TESTING 1234567
this is font testing
THIS IS FONT TESTING 1234567
this is font testing
THIS IS FONT TESTING 1234567
this is font testing
THIS IS FONT TESTING 1234567
this is font testing
THIS IS FONT TESTING 1234567
this is font testing
THIS IS FONT TESTING 1234567
this is font testing
Страница: 1