[icon]https://forumupload.ru/uploads/001b/84/6e/5/704643.png[/icon]
Где и когда меня носило...
[html]<table style="height: 5px;" width="301">
<tbody>
<!-- TOUTES COULEURS PERSONNALISABLES --><div class="TRC1">
<!-- CREDIT --><a class="cdtTRC1" href="https://platforms.f-rpg.me/viewtopic.php?id=53" target="_blank"><img src="https://forumstatic.ru/files/001b/84/6e/23024.png" /></a>
<!-- LIEN I --><div class="lksTRC1" style="background: -moz-linear-gradient(bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-linear-gradient(top, #000 , #243838a6 50%, #596e6e36 72% ,#fefefe00,#0000); background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); box-shadow:0 0 2px rgba(0,0,0,0.2);">
<!-- BORDURE INFORMATIONS & IMAGE --><div class="abtTRC1" style="border-color:#165e4e9e;">
<!-- INFORMATIONS -->
<div style=" background: #1b2b14bf;
color: #89ea89;">
<h3 style="
margin: 23px 0 0 0;
">АКТИВЕН</h3>
</div>
<!-- IMAGE 100*100 & SA BORDURE --><img style="border-color:black;" src="https://forumupload.ru/uploads/001b/84/6e/5/385004.png" /></div>
<!-- BORDURE NOM PRENOM & DESCRIPTION --><div class="borderTRC1" style="border-color:black;">
<!-- NOM PRENOM --><div class="npTRC1" style="color: #2fdcb6;
font-size: 200%;
font-family: 'Doppelganger';
font-weight: 100;">Божественные звери Ч.1 - Ототи</div>
<!-- DESCRIPTION --><div class="descTRC1" >
<h3 style="font-weight: 100;
color: #e9be46e8;
">Весна 44 523г</h3>
</br>
</br>
<p style="color:white; font-family: 'Century Gothic';
font-size: 11px;">
<b>Участники:</b> Амано Кида, Маркус Нойманн, Сирин Белл, Эрдрин Ахо.</p></div></div></div>
<!-- TOUTES COULEURS PERSONNALISABLES II --><div class="TRC2">
<!-- CREDIT II --><a class="cdtTRC2" href="https://platforms.f-rpg.me/viewtopic.php?id=76" target="_blank"><img src="https://forumstatic.ru/files/001b/84/6e/23024.png" /></a>
<!-- LIEN II --><div class="lksTRC2" style="background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);background: -webkit-linear-gradient(top, #000 , #243838a6 50%, #596e6e36 72% ,#fefefe00,#0000);background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); box-shadow:0 0 2px rgba(0,0,0,0.2);">
<!-- BORDURE INFORMATIONS & IMAGE II --><div class="abtTRC2" style="border-color:#165e4e9e;">
<!-- INFORMATIONS II -->
<div style=" background: #1b2b14bf;
color: #89ea89;">
<h3 style="
margin: 23px 0 0 0;
">АКТИВЕН</h3>
</div>
<!-- IMAGE 100*100 & SA BORDURE II --><img style="border-color:black;" src="https://forumupload.ru/uploads/001b/84/6e/5/315247.png" /></div>
<!-- BORDURE NOM PRENOM & DESCRIPTION II --><div class="borderTRC2" style="border-color:black;">
<!-- NOM PRENOM II --><div class="npTRC2" style="color: #2fdcb6;
font-size: 250%;
font-family: 'Doppelganger';
font-weight: 100;">Сосновые девы шишки роняют</div>
<!-- DESCRIPTION II --><div class="descTRC2" >
<h3 style="font-weight: 100;
color: #e9be46e8;
">Май 44 523г</h3>
<p style="color:white; font-family: 'Century Gothic';
font-size: 11px;">
<b>Участники:</b> Амано Кида, Инар Рамирас Тонг</p></div></div></div>
<!-- TOUTES COULEURS PERSONNALISABLES III --><div class="TRC1">
<!-- CREDIT III --><a class="cdtTRC1" href="https://platforms.f-rpg.me/viewtopic.php?id=168" target="_blank"><img src="https://forumstatic.ru/files/001b/84/6e/23024.png" /></a>
<!-- LIEN III --><div class="lksTRC1" style="background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);background: -webkit-linear-gradient(top, #000 , #243838a6 50%, #596e6e36 72% ,#fefefe00,#0000);background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); box-shadow:0 0 2px rgba(0,0,0,0.2);">
<!-- BORDURE INFORMATIONS & IMAGE III --><div class="abtTRC1" style="border-color:#165e4e9e;">
<!-- INFORMATIONS III -->
<div style=" background: #1b2b14bf;
color: #89ea89;">
<h3 style="
margin: 23px 0 0 0;
">АКТИВЕН</h3>
</div>
<!-- IMAGE 100*100 & SA BORDURE III --><img style="border-color:black;" src="https://forumupload.ru/uploads/001b/84/6e/5/884093.png" /></div>
<!-- BORDURE NOM PRENOM & DESCRIPTION III --><div class="borderTRC1" style="border-color:black;">
<!-- NOM PRENOM III --><div class="npTRC1" style="color: #2fdcb6;
font-size: 250%;
font-family: 'Doppelganger';
font-weight: 100;">Концепция паники</div>
<!-- DESCRIPTION II --><div class="descTRC1" >
<h3 style="font-weight: 100;
color: #e9be46e8;
">Май 44 525г</h3>
<p style="color:white; font-family: 'Century Gothic';
font-size: 11px;">
<b>Участники:</b> Хенмей Юн Сюань, Амано Кида, Алиса Токагэ, Мэйуми Оокубо.</p></div></div></div>
<!-- TOUTES COULEURS PERSONNALISABLES VI --><div class="TRC2">
<!-- CREDIT VI --><a class="cdtTRC2" href="https://platforms.f-rpg.me/viewtopic.php?id=155" target="_blank"><img src="https://forumstatic.ru/files/001b/84/6e/23024.png" /></a>
<!-- LIEN VI --><div class="lksTRC2" style="background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);background: -webkit-linear-gradient(top, #000 , #243838a6 50%, #596e6e36 72% ,#fefefe00,#0000);background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); box-shadow:0 0 2px rgba(0,0,0,0.2);">
<!-- BORDURE INFORMATIONS & IMAGE VI --><div class="abtTRC2" style="border-color:#165e4e9e;">
<!-- INFORMATIONS VI -->
<div style=" background: #1b2b14bf;
color: #89ea89;">
<h3 style="
margin: 23px 0 0 0;
">АКТИВЕН</h3>
</div>
<!-- IMAGE 100*100 & SA BORDURE VI --><img style="border-color:black;" src="https://i.pinimg.com/564x/34/15/b0/3415b0851adddd11a0083d464a204397.jpg
" /></div>
<!-- BORDURE NOM PRENOM & DESCRIPTION VI --><div class="borderTRC2" style="border-color:black;">
<!-- NOM PRENOM VI --><div class="npTRC2" style="color: #2fdcb6;
font-size: 200%;
font-family: 'Doppelganger';
font-weight: 100;">Южане всегда умели развлекаться</div>
<!-- DESCRIPTION VI --><div class="descTRC2" >
<h3 style="font-weight: 100;
color: #e9be46e8;
">Лето 44 525г</h3>
<p style="color:white; font-family: 'Century Gothic';
font-size: 11px;">
<b>Участники:</b> Все </p></div></div></div>
</tbody>
</table>
<!-- AJOUTER LES LIENS SUPPLEMENTAIRES AVANT CE COMMENTAIRE --></div>
<style>
.FTRC {
margin:auto; width:500px;
text-align:left; font-family:Arial; line-height:16px;
}
.cdtFTRC {
position:absolute; z-index:5; margin-top:60px; margin-left:493px;
transform:scale(0); -webkit-transform:scale(0); transition:all 0.5s; -webkit-transition:all 0.5s;
}
.FTRC:hover .cdtFTRC {
transform:scale(0.7); -webkit-transform:scale(0.7);
}
.topFTRC {
width:350px; height:85px; padding:15px 135px 0 15px; overflow:hidden;
}
.npFTRC {
font-size:36px; line-height:36px;
transition:all 0.55s ease; -webkit-transition:all 0.55s ease; transition-delay:0.55s; -webkit-transition-delay:0.55s;
}
.topFTRC:hover .npFTRC {
opacity:0; transition-delay:0s; -webkit-transition-delay:0s;
}
.npFTRC span {
display:inline-block; vertical-align:middle;
max-height:70px; overflow:hidden;
}
.npFTRC span:nth-of-type(1) {
height:70px;
}
.adjFTRC {
position:absolute; margin-top:-75px;
width:355px;
opacity:0; transition:all 0.55s ease; -webkit-transition:all 0.55s ease; transition-delay:0s; -webkit-transition-delay:0s;
}
.topFTRC:hover .adjFTRC {
opacity:1; transition-delay:0.55s; -webkit-transition-delay:0.55s;
}
.adjFTRC span {
display:inline-block; vertical-align:top; margin:5px 5px 0 0;
width:113px; height:10px; padding:5px 0; overflow:hidden;
text-align:center; text-transform:uppercase; font-size:10px; line-height:10px;
}
.borderFTRC {
position:relative; z-index:5;
width:403px; height:10px;
}
.abtFTRC {
position:absolute; z-index:3; margin-top:5px; margin-left:380px;
width:120px; height:120px; border-radius:100%; border:10px solid;
}
.abtFTRC img {
width:100px; height:100px; border-radius:100%; border:10px solid;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.abtFTRC:hover img {
transform:rotate(35deg); -webkit-transform:rotate(35deg);
}
.abtFTRC div {
position:absolute; z-index:3; margin-left:10px; margin-top:10px;
width:100px; height:80px; padding-top:20px; overflow:hidden; border-radius:100%;
text-align:center; font-size:11px; line-height:17px;
opacity:0; transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.abtFTRC:hover div {
opacity:1;
}
.tleFTRC {
margin-top:15px; margin-left:15px; margin-bottom:13px;
width:285px; height:15px;
text-transform:uppercase; font-weight:bold; letter-spacing:1px; font-size:16px; line-height:15px;
}
.storyFTRC {
display:inline-block; vertical-align:top; margin:0 15px 15px;
width:275px; height:95px; padding:5px; overflow:hidden;
text-align:justify; font-size:11px; line-height:14px;
}
.storyFTRC:hover {
overflow-y:auto;
}
.searchFTRC {
display:inline-block; vertical-align:top;
width:160px; height:95px; padding:5px; overflow:hidden;
text-align:justify; font-size:11px; line-height:16px;
}
.searchFTRC:hover {
overflow-y:auto;
}
.rpFTRC {
width:500px;
}
.rpFTRC span {
display:block;
width:480px; height:15px; padding:5px 10px; overflow:hidden;
text-align:right; text-transform:uppercase; font-weight:bold; font-size:11px; line-height:14px;
}
.rpFTRC div {
position:absolute; margin-top:-190px;
width:480px; height:0; padding:0 10px; overflow:hidden;
text-align:justify; font-size:11px; line-height:15px;
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.rpFTRC:hover div {
height:145px; padding:10px;
}
.rpFTRC div:hover {
overflow-y:auto;
}
.rpFTRC b {
display:block; margin-bottom:2px;
font-size:14px; text-transform:uppercase;
}
.rpFTRC a {
text-decoration:none !important; text-transform:uppercase;
}
a.cdtTRC2 {
right: -55px;
}
.TRC1 {
margin:auto; width:500px;
text-align:left; line-height:16px;
}
.TRC2 {
margin:auto; width:500px;
text-align:left; line-height:16px;
}
.cdtTRC1 {
position:absolute; z-index:5; margin-left:-12px; margin-top:35px;
transform:scale(0); -webkit-transform:scale(0); transition:all 0.7s; -webkit-transition:all 0.7s;
}
.cdtTRC2 {
position:absolute; z-index:5; margin-left:-12px; margin-top:35px;
transform:scale(0); -webkit-transform:scale(0); transition:all 0.7s; -webkit-transition:all 0.7s;
}
.TRC1:hover .cdtTRC1 {
transform:scale(0.7); -webkit-transform:scale(0.7);
}
.TRC2:hover .cdtTRC2 {
transform:scale(0.7); -webkit-transform:scale(0.7);
}
.lksTRC1 {
margin: 0 -3px 0px;
padding: 0 0px 0 9px;
width: 500px;
height: 120px;
overflow: hidden;
text-align: left;
font-family: Arial;
line-height: 16px;
}
.lksTRC2 {
margin: 0 0 0 92px;
padding: 0 0px 0 9px;
width: 500px;
height: 120px;
/* overflow: hidden; */
text-align: right;
font-family: Arial;
line-height: 16px;
}
.abtTRC1 {
position:relative; margin-top:-10px; margin-left:-5px;
width:120px; height:120px; border-radius:100%; border:10px solid;
}
.abtTRC2 {
position: relative;
margin-top: -10px;
margin-left: 354px;
width: 120px;
height: 120px;
border-radius: 100%;
border: 10px solid;
}
html.punbb {
padding: 0!important;
width: 100%!important;
display: grid!important;
align-items: start!important;
justify-items: stretch!important;
justify-content: start!important;
}
.abtTRC1 img {
width:100px; height:100px; border-radius:100%; border:10px solid;
transition:all 0.55s ease; -webkit-transition:all 0.55s ease;
}
.abtTRC2 img {
width:100px; height:100px; border-radius:100%; border:10px solid;
transition:all 0.55s ease; -webkit-transition:all 0.55s ease;
}
.lksTRC1:hover .abtTRC1 img {
transform:rotate(-35deg); -webkit-transform:rotate(-35deg);
}
.lksTRC2:hover .abtTRC2 img {
transform:rotate(-35deg); -webkit-transform:rotate(-35deg);
}
.abtTRC1 div {
position:absolute; z-index:3; margin-left:10px; margin-top:10px;
width:90px; height:80px; padding:20px 5px 0; overflow:hidden; border-radius:100%;
text-align:center; font-size:11px; line-height:16px;
opacity:0; transition:all 0.55s ease; -webkit-transition:all 0.55s ease;
}
.abtTRC2 div {
position:absolute; z-index:3; margin-left:10px; margin-top:10px;
width:90px; height:80px; padding:20px 5px 0; overflow:hidden; border-radius:100%;
text-align:center; font-size:11px; line-height:16px;
opacity:0; transition:all 0.55s ease; -webkit-transition:all 0.55s ease;
}
.abtTRC1 b {
display:block; margin-top:3px;
font-size:12px; text-transform:uppercase;
}
.abtTRC2 b {
display:block; margin-top:3px;
font-size:12px; text-transform:uppercase;
}
.lksTRC1:hover .abtTRC1 div {
opacity:1;
}
.lksTRC2:hover .abtTRC2 div {
opacity:1;
}
.borderTRC1 {
position: absolute;
z-index: 5;
margin-top: -130px;
margin-left: 105px;
width: 395px;
height: 95px;
border-bottom: 10px solid;
}
.borderTRC2 {
position: absolute;
z-index: 5;
margin-top: -130px;
margin-left: -6px;
width: 395px;
height: 95px;
border-bottom: 10px solid;
}
.npTRC1 {
height: 86px;
padding-top: 20px;
padding-left: 40px;
overflow: hidden;
line-height: 30px;
transition: all 0.55s ease;
-webkit-transition: all 0.55s ease;
transition-delay: 0.45s;
-webkit-transition-delay: 0.45s;
}
.npTRC2 {
height: 86px;
padding-top: 20px;
padding-right: 43px;
overflow: hidden;
line-height: 30px;
transition: all 0.55s ease;
-webkit-transition: all 0.55s ease;
transition-delay: 0.45s;
-webkit-transition-delay: 0.45s;
}
.lksTRC2:hover .npTRC2 {
opacity:0; transition-delay:0s; -webkit-transition-delay:0s;
}
.lksTRC1:hover .npTRC1 {
opacity:0; transition-delay:0s; -webkit-transition-delay:0s;
}
.descTRC1 {
position: absolute;
z-index: 2;
margin-top: -82px;
width: 190px;
padding: 5px 0px 0px 25px;
text-align: justify;
font-size: large;
line-height: 0.2;
opacity: 0;
transition:all 0.55s ease; -webkit-transition:all 0.55s ease; transition-delay:0s; -webkit-transition-delay:0s;
}
.descTRC2 {
position: absolute;
z-index: 2;
margin-top: -82px;
width: 190px;
padding: 5px 0px 0px 25px;
text-align: justify;
font-size: large;
line-height: 0.2;
opacity: 0;
transition:all 0.55s ease; -webkit-transition:all 0.55s ease; transition-delay:0s; -webkit-transition-delay:0s;
}
.lksTRC1:hover .descTRC1 {
opacity:1; transition-delay:0.45s; -webkit-transition-delay:0.45s;
}
.lksTRC2:hover .descTRC2 {
opacity:1; transition-delay:0.45s; -webkit-transition-delay:0.45s;
}
.post-box.html-content {
display: -webkit-box;
}
</style>
[/html]
Отредактировано Амано Кида (2022-12-30 03:55:06)