PA du nouveau thème !

Hello ! Alors déjà, avant de m'y coller, je me demande à quoi elle va ressembler ? Tu as une idée ?

Je vais m'y coller cette après midi si j'ai le temps ^^

/Enlevé pour cause de bugs extrême/

Alors ? 8D J'ai bien avancé, hein ?

Owi, nice 8D

Je vais essayer de la finir ce soir ou demain x)

Finalement... Je pense que je ne vais pas réussir à faire un truc fixe, et bien adapté XD En attendant j'ai trouvé ça, je trouve que ça va bien avec le bleu du fow' (encore faut-il mettre le bleu sur la P.A xD)



CSS

/*PA rose beige violet*/
@font-face {
 font-family: 'Pacifico';
 font-style: normal;
 font-weight: 400;
 src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCRTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.barre {
 margin: auto;
 width: 700px;
 height: 38px;
 border-radius:30px;
 background: #000066; /*couleur de fond de la barre de liens utiles*/
 border-left: 4px solid #00ccff; /*bordure*/
 border-right: 4px solid #00ccff; /*bordure*/
 font-family: 'Pacifico'; /*police*/
 text-transform: lowercase; /*lettres en minuscules*/
 font-size: 10px;
 color: #ffffff; /*couleur police*/
 text-align:center;
 margin-bottom:10px;
 box-shadow : 0px 2px 0px #99ffff; /*ombre barre*/
}
.barre a {
 font-size: 20px;
 color: #00ccff; /*couleur police liens*/
 text-shadow : 0px 2px 0px #0099ff; /*ombre police liens*/
 margin-left: 5px;
 margin-right: 5px;
 text-decoration: none!important;
}
.imgstaff1 {
 background-image:url('http://fc04.deviantart.net/fs71/f/2011/252/b/6/rin_kagamine_gif_by_srtamichipichu-d49cdbm.gif');  /*mettre une icone 200x200 pour le staff ici*/
 background-size:200px 200px;
 height:200px;
 width:200px;
 border-radius:120px;
 border: 6px solid #0099ff; /*bordure staff grand*/
 margin-left:60px;
 box-shadow : 7px 2px 7px #00ccff; /*ombre derrière image staff grand*/
 }
.imgstaff2 {
 background-image:url('https://2img.net/h/i877.photobucket.com/albums/ab337/AWSMBaka/tumblr_mad0nvNDYc1rco4h8o2_500.gif'); /*mettre une icone 150x150 pour le staff ici*/
 background-size:150px 150px;
 height:150px;
 width:150px;
 border-radius:100px;
 border: 6px solid #00ccff; /*bordure staff petit*/
 margin-top:-80px;
 position:relative;
 z-index:1;
 box-shadow : 4px 4px 4px #0099ff; /*ombre derrière image staff petit*/
 }
.contenustaff1 {
 width:200px;
 height:115px;
 border-radius:120px;
 background: rgba(10,184,300,0.6); /*couleur de fond des infos du staff grand*/
 overflow: hidden;
 margin-top:-206px;
 margin-left:66px;
 opacity:0;
 padding-top: 85px;
 text-align: center;
 
transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
transform: scale(0.6);
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-o-transform: scale(0.6);
-ms-transform: scale(0.6);
}
.contenustaff1:hover {
 opacity: 1;
 transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
.contenustaff1 a {
font-family: Trebuchet MS;
 font-size: 11px;
 color: #000000; /*couleur police du lien du staff grand*/
 text-shadow : 0px 1px 0px #ffcc00; /*ombre du lien du staff grand*/
 text-decoration: none!important;
 }
.contenustaff2 {
 width:150px;
 height:90px;
 border-radius:100px;
 background: rgba(10,184,300,0.6); /*couleur de fond des infos du staff petit*/
 overflow: hidden;
 margin-top:-156px;
 margin-left:6px;
 opacity:0;
 padding-top: 60px;
 text-align: center;
 position:relative;
 z-index:2;
 
transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
transform: scale(0.6);
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-o-transform: scale(0.6);
-ms-transform: scale(0.6);
}
.contenustaff2:hover {
 opacity: 1;
 transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
.contenustaff2 a {
 font-family: Trebuchet MS;
 font-size: 11px;
 color: #000000; /*couleur police du lien de staff petit*/
 text-shadow : 0px 1px 0px #ffcc00; /*ombre du lien du staff petit*/
 text-decoration: none!important;
}
.partenaires {
 width:230px;
 background:#000066 /*couleur de fond de la barre partenaires*/
 border: 2px solid #00ccff; /*bordure barre partenaires*/
 color: #ffffff; /*couleur police*/
 border-radius:10px;
 overflow: hidden;
 display: block;
 margin: auto;
 margin-top:20px;
 margin-bottom:10px;
 font-family: 'Pacifico'; /*police*/
 text-transform: lowercase; /*lettres en minuscules*/
 font-size: 12px;
}
.pvs {
 height:50px;
 width:50px;
 border-radius:35px;
 border: 4px solid #00ccff; /*bordure images des pvs*/
 margin-left:5px;
 text-align:center;
 opacity:0.6;
 
 transition:All 0.4s;
-webkit-transition:All 0.4s;
-moz-transition:All 0.4s;
-o-transition:All 0.4s;
 transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
}
.pvs:hover {
 opacity:1;
 -webkit-transform: rotate(345deg);
-moz-transform: rotate(345deg);
-o-transform: rotate(345deg);
-ms-transform: rotate(345deg);
}
.topsite {
 width: 20px;
 text-align:center;
}
.topsite b1 a {
 font-size: 20px;
 color: #F5DDBB; /*couleur premier point de top site*/
 text-shadow : 0px 1px 0px #A18093; /*ombre premier point de top site*/
 text-decoration: none!important;
}
.topsite b2 a {
 font-size: 20px;
 color: #E3B8B2; /*couleur deuximère point de top site*/
 text-shadow : 0px 1px 0px #A18093; /*ombre deuxième point de top site*/
 text-decoration: none!important;
}
.blocs {
 margin-top: 20px;
 width: 430px;
 height: 185px;
 border-radius:10px;
 background: #000066; /*couleur de fond de contexte et news*/
 border-left: 4px solid #E3B8B2;
 border-right: 4px solid #E3B8B2;
 box-shadow: 0px 2px 0px #A18093;
 text-align: center;
 font-family: 'Pacifico'; /*police titre du bloc*/
 text-transform: lowercase; /*lettres en minuscules*/
 font-size: 20px;
 color: #E3B8B2; /*couleur du titre du bloc*/
 text-shadow : 0px 2px 0px #A18093; /*ombre du titre du bloc*/
}
.blocs span {
 display: block;
 width: 400px;
 height: 125px;  
 margin: auto;
 padding: 5px;
 text-align: justify;
 font-family: Trebuchet MS;
 font-size:10px;
 color: #A18093; /*couleur textes des blocs*/
 text-shadow : 0px 0px 0px #A18093!important;
 text-transform: none!important;
 overflow-y:auto;
 overflow-x:hidden;
}

Le problème c'est que ça a un peu l'air de prendre la moitié de la page non ewê ?

T'inquiète ^^

Je vais la mettre 5 min', pour voir ce que ça fait ! Tu me diras

COUCOU JE PASSE MÊME ICI

Pour la P.A, moi je donne ++++ Elle est vraiment belle *q*

J'ai hâte de la voir fini complètement !

Oui, d'ailleurs, il faudrait que je le finisse ! T_T ... Au boulot ? x)
Au fait, vous savez vous occuper d'un top-site ? Parce que dans la P.A, y'a largement la place d'en mettre 5, et ça ramènerait même des membres, peut-être !

Hum les top-sites se retrouvent en lien ou en images du genre Lycée Yokai ?