- GardienAdmin
Multi-compte : Papillon
Ancienne PA
Mar 8 Fév - 0:24
- Code:
<div class="page_accueil">
<div class="gauche">
<h3>
<span>Le Ladyblog </span>
</h3>
<div class="pa_contexte">
Le Miraculous du papillon si longtemps disparu vient de faire surface à Paris. Depuis sa réapparition, le porteur utilise ses maléfiques Akumas pour corrompre la population en créant des super-vilains. A son tour, le Gardien surgit pour confier des Miraculous à des héros en herbe pour contrer cette menace. <br /><br />Allez-vous devenir un héros et sauver la Capitale ou serez-vous la cause de sa destruction ?<br /><br />
<div align="center">
<a href="https://miraculousquest.forumactif.com/t9-le-contexte"><span style="font-size: 16px;">~ En savoir plus ? ~</span></a>
</div>
</div>
<h3>
<span> Les Top Sites </span>
</h3>
<div class="pa_teams">
<div>
<a href="http://www.root-top.com/topsite/shoom/in.php?ID=963"><img src="https://zupimages.net/up/21/11/nhue.png" alt="Top site 1" /></a>
</div>
<div>
<a href="http://www.root-top.com/topsite/melu/in.php?ID=4882"><img alt="" src="https://zupimages.net/up/21/11/kimr.png" /></a>
</div>
<br />
<div>
<a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=6380"><img alt="" src="https://zupimages.net/up/21/11/vtw4.png" /></a>
</div>
<div>
<a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=5562"><img alt="" src="https://zupimages.net/up/21/11/bl0l.png" /></a>
</div>
</div>
</div>
<div class="milieu">
<h3>
<span> Le Journal TV </span>
</h3>
<div class="pa_news">
<span>01 <img alt="" src="https://zupimages.net/up/21/11/c3hm.png" /> 05</span>Nouveau thème pour le forum !<br /><span>18 <img alt="" src="https://zupimages.net/up/21/11/c3hm.png" /> 04</span>Seconde attaque du Papillon !<br /><span>14 <img alt="" src="https://zupimages.net/up/21/11/c3hm.png" /> 04</span>Asahelle rejoint le forum comme graphiste !<br /><span>11 <img alt="" src="https://zupimages.net/up/21/11/c3hm.png" /> 04</span> Les Impartiaux font leur apparition !<br /><span>07 <img alt="" src="https://zupimages.net/up/21/11/c3hm.png" /> 04</span> Première attaque de Papillon !<br /><span>02 <img alt="" src="https://zupimages.net/up/21/11/c3hm.png" /> 04</span> Acteon rejoint le staff comme modérateur !<br /> <span>30 <img alt="" src="https://zupimages.net/up/21/11/c3hm.png" /> 03</span> Nous sommes actuellement à la recherche d'un modo, d'un codeur et d'un graph !<br /><span>30 <img alt="" src="https://zupimages.net/up/21/11/c3hm.png" /> 03</span> Ouverture du forum !<br />
</div>
<h3>
<span> La Mairie </span>
</h3>
<div class="pa_staff">
<div class="bloc_staff">
<img alt="" class="pa_staff_img" src="https://zupimages.net/up/21/17/0ga1.png" />
<div class="bloc_staff_contenu">
<h4>
<strong class="hero">Kaya</strong>
</h4>
<h5>
Fonda
</h5><a href="https://miraculousquest.forumactif.com/privmsg?mode=post&u=5">Contacter</a>
</div>
</div>
<div class="bloc_staff">
<img alt="" class="pa_staff_img" src="https://zupimages.net/up/21/17/638w.png" />
<div class="bloc_staff_contenu">
<h4>
<strong class="vilain">Danitza</strong>
</h4>
<h5>
Admin
</h5><a href="https://miraculousquest.forumactif.com/privmsg?mode=post&u=4">Contacter</a>
</div>
</div>
<div class="bloc_staff">
<img alt="" class="pa_staff_img" src="https://zupimages.net/up/21/17/7m7d.png" />
<div class="bloc_staff_contenu">
<h4>
<strong class="admin">Asahelle</strong>
</h4>
<h5>
Graph
</h5><a href="https://miraculousquest.forumactif.com/privmsg?mode=post&u=17">Contacter</a>
</div>
</div>
<div class="bloc_staff">
<img alt="" class="pa_staff_img" src="https://zupimages.net/up/21/17/ujta.png" />
<div class="bloc_staff_contenu">
<h4>
Recherché
</h4>
<h5>
Codeur
</h5><a href="#">Contacter</a>
</div>
</div>
<div class="bloc_staff">
<img alt="" class="pa_staff_img" src="https://zupimages.net/up/21/17/0j2c.png" />
<div class="bloc_staff_contenu">
<h4>
<strong class="impartial">Acteon</strong>
</h4>
<h5>
Modo
</h5><a href="https://miraculousquest.forumactif.com/privmsg?mode=post&u=3">Contacter</a>
</div>
</div>
<div class="bloc_staff">
<img alt="" class="pa_staff_img" src="https://zupimages.net/up/21/17/ujta.png" />
<div class="bloc_staff_contenu">
<h4>
Recherché
</h4>
<h5>
Modo
</h5><a href="#">Contacter</a>
</div>
</div>
</div>
</div>
<div class="droite">
<h3 class="predef">
<span>Les parisiens</span>
<div>
sur Tinder
</div>
</h3>
<div class="pa_predef">
<a href="https://miraculousquest.forumactif.com/t128-predef-les-personnages-de-la-serie"><img src="https://zupimages.net/up/21/16/x3gi.jpg" alt="Predef de la serie" /></a><a href="https://miraculousquest.forumactif.com/t33-libre-dinath-price"><img src="https://www.zupimages.net/up/21/13/fhf0.jpg" alt="Dinath" /></a><a href="https://miraculousquest.forumactif.com/t114-libre-rachelle-wilkins"><img src="https://www.zupimages.net/up/21/15/bbs6.jpg" alt="Rachelle" /></a><a href="https://miraculousquest.forumactif.com/t135-libre-pierre-chevalier-2-bras-2-jambes-2-roues-motrices"><img src="https://www.zupimages.net/up/21/16/uufg.jpg" alt="Pierre" /></a><a href="https://miraculousquest.forumactif.com/t142-libre-gwendal-zophaniasson"><img src="https://www.zupimages.net/up/21/17/xqyp.jpg" alt="Gwendal" /></a><a href="https://miraculousquest.forumactif.com/t143-alice-chevalier-suivre-le-lapin-blanc-quoi-qu-il-arrive"><img src="https://www.zupimages.net/up/21/17/bp6y.jpg" alt="Alice" /></a><a href="https://miraculousquest.forumactif.com/t146-libre-manon-lamaret"><img src="https://www.zupimages.net/up/21/17/gjgx.jpg" alt="Manon" /></a><a href="#"><img src="https://www.zupimages.net/up/21/11/uiy2.jpg" alt="" /></a><a href="#"><img src="https://www.zupimages.net/up/21/11/uiy2.jpg" alt="" /></a>
</div>
<div class="pa_votes">
<a target="_blank" href="https://discord.gg/zumFCeuEnK"><img alt="Discord" src="https://zupimages.net/up/21/11/6yoz.png" /></a>
</div>
<h3>
<span> Le Métro </span>
</h3>
<div class="pa_liens">
<a href="https://miraculousquest.forumactif.com/t10-les-reglements">Règlements</a> <a href="https://miraculousquest.forumactif.com/t11-papillon-le-maitre-du-jeu">Maître du Jeu</a> <a href="https://miraculousquest.forumactif.com/f17-la-foire-aux-questions">FAQ</a> <a href="https://miraculousquest.forumactif.com/t2-les-kwamis">Kwamis</a> <a href="https://miraculousquest.forumactif.com/f3-l-office-du-tourisme">Partenariats</a> <a href="https://miraculousquest.forumactif.com/t8-les-credits">Crédits</a>
</div>
</div>
<div class="clear">
</div>
</div>
<div class="pa_partenaires">
<a target="_blank" href="https://omegarebirth.forumactif.com/"><img alt="Omega Rebirth" src="https://i.imgur.com/Tu3X7i9.png" /></a> <a target="_blank" href="https://baslestestiboules.forumactif.com/"><img alt="Merille Academy" src="https://i.servimg.com/u/f61/19/91/40/68/50x5010.png" /></a> <a target="_blank" href="https://whreborn.forumotion.com/"><img alt="WHReborn" src="https://i.ibb.co/GMN4RbP/logo5.png" /></a><a target="_blank" href="https://worldofthepuppeteer.forumactif.com/"><img alt="Monde du marionnettiste" src="https://www.zupimages.net/up/21/08/rort.png" /></a> <a target="_blank" href="https://veritaserum.forumactif.com/"><img alt="Veritaserum" src="https://www.zupimages.net/up/20/24/2s8b.png" /></a><a target="_blank" href="https://academie-leoska.forumactif.com/"><img alt="Academie Leoska" src="https://zupimages.net/up/21/14/tdcm.jpg" /></a><a target="_blank" href="https://miraculousquest.forumactif.com/"><img alt="" src="https://www.zupimages.net/up/21/15/436m.png" /></a><a target="_blank" href="https://miraculousquest.forumactif.com/"><img alt="" src="https://www.zupimages.net/up/21/15/436m.png" /></a><a target="_blank" href="https://miraculousquest.forumactif.com/"><img alt="" src="https://www.zupimages.net/up/21/15/436m.png" /></a><a target="_blank" href="https://miraculousquest.forumactif.com/"><img alt="" src="https://www.zupimages.net/up/21/15/436m.png" /></a><a target="_blank" href="https://miraculousquest.forumactif.com/"><img alt="" src="https://www.zupimages.net/up/21/15/436m.png" /></a><a target="_blank" href="https://miraculousquest.forumactif.com/"><img alt="" src="https://www.zupimages.net/up/21/15/436m.png" /></a><a target="_blank" href="https://miraculousquest.forumactif.com/"><img alt="" src="https://www.zupimages.net/up/21/15/436m.png" /></a><a target="_blank" href="https://miraculousquest.forumactif.com/"><img alt="" src="https://www.zupimages.net/up/21/15/436m.png" /></a><a target="_blank" href="https://miraculousquest.forumactif.com/"><img alt="" src="https://www.zupimages.net/up/21/15/436m.png" /></a>
</div>
- Code:
.page_accueil {
background: transparent;
font-size: 14px;
padding: 1% 0 5%;
width: 100%;
position: relative;
z-index: 2;
font-family: 'pangolin';
color: black;
}
.page_accueil ::-webkit-scrollbar {
background: #d9d9d9;
width: 7px;
height: 7px;
}
.page_accueil ::-webkit-scrollbar-thumb {
background: #B76F62;
border-radius: 27px;
}
a, a:hover {
text-decoration: none !important;
transition: all .5s;
}
.clear {
clear: both;
}
/* BULLE */
.infobulle > div {
left: 80px;
opacity: 0;
position: absolute;
top: 0;
transform: scale(0.3) rotate(-45deg);
transition: all .3s linear;
visibility: hidden;
}
.infobulle:hover > div {
opacity: 1;
visibility: visible;
transform: scale(1) rotate(0deg);
}
/* TITRES */
/* Titres PA */
.page_accueil h3 {
font-family: 'Pangolin';
text-transform: uppercase;
font-weight: normal;
font-size: 18px;
text-align: center;
}
.page_accueil h3::before {
content: "";
background: url('https://zupimages.net/up/21/17/b40p.png');
width: 38px;
height: 38px;
display: inline-block;
}
h3.predef div {
font-size: 11px;
line-height: .5;
}
/* COLONNES */
.page_accueil .gauche {
float: left;
width: 26%;
margin: 0 2.5% 0 5%;
}
.page_accueil .milieu {
float: left;
width: 31%;
}
.page_accueil .droite {
float: left;
width: 28%;
margin: 0 5% 0 2.5%;
}
/* BLOC CONTEXTE */
.pa_contexte {
background: #EEF0F0;
color:black;
box-sizing: border-box;
border-radius: 10px;
opacity: 0.5;
height: 335px;
padding: 10%;
width: 100%;
line-height: 1.45;
overflow: auto;
text-align: justify;
margin-top: -12%;
}
/* IMAGE ET DESCRIPTION */
.pa_bloc_img_new {
position: relative;
width: 249px;
height: 136px;
overflow: hidden;
margin: 10% auto 0;
transition: .5s all;
}
img.pa_img_new {
transition: .5s all;
}
.pa_bloc_img_new:hover .pa_img_new {
margin-top: -136px;
}
.pa_contenu_img_new {
font-family: 'Volkhov', serif;
font-size: 12px;
line-height: 1.5;
padding: 5%;
box-sizing: border-box;
background: #EEF0F0;
opacity:0.5;
color: black;
height: 136px;
overflow: auto;
}
/* NEWS */
.pa_news {
width: 100%;
height: 150px;
padding: 6%;
box-sizing: border-box;
overflow: auto;
background: #EEF0F0;
margin-top: -9.5%;
border-radius: 10px;
opacity: 0.5;
color: black;
text-align: justify;
}
/*Les barres de défilement dans les descriptions groupes*/
.pa_news::-webkit-scrollbar {height:12px; width:5px; background:transparent; margin-right:5px;}
.pa_news::-webkit-scrollbar-thumb {background:transparent; height:30px; border-radius:30px;}
.pa_news::-webkit-scrollbar-corner {background:none;}
.pa_news span {
background: transparent;
padding: 2%;
margin: 0 2% 2% 0;
display: inline-block;
width: 20%;
text-align: center;
}
.pa_news img {
padding: 0 0 0 2%;
}
/* TEAMS */
.pa_teams {
width: 100%;
margin: 5% 0;
text-align: center;
}
.pa_teams div {
display: inline-block;
margin: 0 4%;
}
.pa_teams div img {
display: block;
}
/* STAFF */
.pa_staff {
width: 100%;
text-align: center;
}
.bloc_staff {
position: relative;
width: 134px;
height: 74px;
overflow: hidden;
display: inline-block;
margin: 2%;
}
.pa_staff_img {
transition: .5s all;
}
.bloc_staff:hover .pa_staff_img {
margin-top: -74px;
}
.bloc_staff:hover .bloc_staff_contenu {
background: transparent;
height: 54px;
padding: 10px 0;
width: 134px;
}
.bloc_staff_contenu h4 {
margin: 0;
letter-spacing: 1px;
font-size: 15px;
font-weight: normal;
font-family: courgette;
}
.bloc_staff_contenu h5 {
margin: 0;
font-family: artifika;
text-transform: lowercase;
font-style: italic;
letter-spacing: -1px;
font-size: 16px;
margin-right: 15px;
}
.bloc_staff_contenu h5::before {
content: "";
width: 10px;
height: 18px;
display: inline-block;
}
.bloc_staff_contenu a {
display: block;
color: #000000;
font-weight: bold;
letter-spacing: -1px;
margin-top: 10px;
}
/* PREDEFINIS */
.pa_predef {
height: 180px;
overflow: auto;
}
.pa_predef img {
border: 1px solid #d9d9d9;
padding: .5%;
margin: 1%;
}
/* VOTES */
.pa_votes {
margin: 10% 0;
}
/* LIENS UTILES */
.pa_liens {
text-align: left;
margin-left: 50px;
}
.pa_liens a {
display: inline-block;
width: 47%;
margin: 0;
line-height: 2.3;
color: black;
}
.pa_liens a::before {
display: inline-block;
content: "";
background: url('https://zupimages.net/up/21/11/c3hm.png');
width: 10px;
height: 18px;
margin: 0 2% 0 0;
}
/* PARTENAIRES */
.pa_partenaires {
margin: -2.5% 0 2%;
text-align: center;
width: 100%;
z-index: 3;
position: relative;
}
.pa_partenaires img {
margin: 0 .5%;
}
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|