Le deal à ne pas rater :
SSD interne Crucial BX500 2,5″ SATA – 500 Go à 29,99€
29.99 €
Voir le deal

Partagez

V3 de WIH

Voir le sujet précédent Voir le sujet suivant Aller en bas
Elle voulait une vie normale résultat c'est pikachu reine de la météo
Elle voulait une vie normale résultat c'est pikachu reine de la météo

maat'
maat'
ㄨ Hiboux : 705

V3 de WIH Empty
MessageSujet: V3 de WIH V3 de WIH EmptyJeu 4 Juil - 11:55

Fiche de css

Code:
/*MAINMENU*/
.maintitle{
margin-top:-50px;
 }

a.mainmenu{
  font-family:times new roman;
  font-style:italic;
  font-size:20px;
  text-transform:lowercase;
  letter-spacing:-1px;
}

a.forumlink {padding-left:15px;}
a.forumlink:hover {padding-left:15px;}


/*infobulle*/
a.imginfo {
  position: relative;
  color: #AE876E; /* couleur de votre texte */
  text-decoration: none;
  border-bottom: 0px #AE876E solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: #aucun; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 10px; /* on positionne notre infobulle */
  left: 20px;
  background: #aucun;
  color: black;
  padding: 3px;
  border: 0px solid #AE876E;
  border-left: 0px solid #AE876E; /* vos couleurs et taille de bordures */
  border-right: 0px solid #AE876E;
  border-top: 0px solid #AE876E;
  border-bottom: 0px solid #AE876E;
}

/*Apparence du forum*/

tr.post span.gensmall { display: none; }

textarea {border:solid 1px #AE876E;
-moz-border-radius:6px;
}

a{
outline: none;
}

A:link {text-decoration: none !important;}
A:visited {text-decoration: none !important;}
A:active {text-decoration: none !important;}
A:hover {text-decoration: none !important;}

.poststopics{
font-size: 12px;
}

.postbody {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-align:justify;
}

a.forumlink {
  padding-left:15px;
  font-family:times new roman;
  font-size:30px;
  font-weight:bold;
  font-style:italic;
  letter-spacing:-4px;
  text-transform:lowercase;
  padding-bottom:-50px;
}

a.forumlink:hover {
  padding-left:15px;
  font-family:times new roman;
  font-size:30px;
  font-weight:bold;
  font-style:italic;
  letter-spacing:-4px;
  text-transform:lowercase;
  padding-bottom:-50px;
}

cat{
 font-family:Times New Roman;
  font-weight:normal;
  font-size:30px;
  text-transform:uppercase;
  letter-spacing:-1px;
  color:#F3E7E2;
  text-shadow:0px 0px 2px #002D00;
}

/*Image de profil*/

.postdetails.poster-profile img {
  width:200px;
  display:block;
}


/*fiche de présentation actuelle*/
m{
  font-family:Times New Roman;
  font-weight:bold;
  font-style:italic;
  font-size:15px;
  text-transform:lowercase;
  letter-spacing:0px;
  color:#AE876E;
}

/*code*/
.code{
font-family: Times New Roman;
font-size: 12px;
background-color: #FAFAFA;
border: #432D2B;
border-style: solid ;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
}

/*citer*/
.quote{
font-family: Times New Roman;
font-size: 12px;
background-color: #FAFAFA;
border: #432D2B;
border-style: solid ;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
}

/*FICHE DE PRESA MARRON*/
/** Mise en forme du fond de toute la fiche **/

.ground0 {
    
    background: #b58e6e;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border-top: 2px solid #99785d;
    border-left: 5px solid #99785d;
    border-right: 5px solid #99785d;
    border-bottom: 2px solid #99785d;
    }

/** Mise en forme des deux cadres **/
 
    .ground1 {
    background: #ead4c2;
    margin: 15px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border-top: 2px solid #99785d;
    border-left: 5px solid #99785d;
    border-right: 5px solid #99785d;
    border-bottom: 2px solid #99785d;
    padding: 1px;
    
    }
/** Mise en forme du nom du personnage **/
    
    .title0 {
    
    color: #b58e6e;
    font-style: italic;
    text-align: center;
    text-shadow: 2px 2px 2px #fff;
    font-family: Trajan Pro;
    font-size: 30px; }

/** Mise en forme du slogan **/
    
    .slogan0 {
    color: #b58e6e;
    letter-spacing: 10px;
    text-align: center;
    font-family: Vijaya;
    font-size: 16px;
      margin-top: -30px;
      line-height: 3px;  
      margin-bottom: 5px;
      font-weight: bold;    
    }

/** Mise en forme des titres **/
    
    .title1 {
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-bottom: 3px solid #583d21;
    color: #b58e6e;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    font-family: Vijaya;
    
    
    }



//*CODE AVATAR PROFIL*//

a img {
filter: alpha (opacity=90);
-moz-opacity: 0.80;
opacity: 0.80; }

a img:hover{
... filter: alpha (opacity=100);
-moz-opacity: 1.0;
opacity: 1.0; }

img {
filter: alpha (opacity=90);
-moz-opacity: 1.0;
opacity: 1.0; }

img:hover{
... filter: alpha (opacity=100);
-moz-opacity: 1.0;
opacity: 1.0; }

.name {
  font-family:times new roman;
  text-shadow:0px 0px 2px #no;
  font-weight:bold;
  font-style:italic;
  text-transform:lowercase;
  font-size:23px;
}



.postdetails.poster-profile {display:block; background: url(http://i35.servimg.com/u/f35/17/75/42/48/ozbbpg10.png); border:1px #AE876E solid;-moz-border-radius:1px; padding: 4px;}
.postdetails.poster-profile:hover {display:block; background: url(http://i35.servimg.com/u/f35/17/75/42/48/ozbbpg10.png); border:1px #AE876E solid;-moz-border-radius:1px; padding: 4px;}

/* rotation image */
.rotate1 {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
transform: rotate(5deg);
}
.rotate2 {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
transform: rotate(-5deg);
}
Revenir en haut Aller en bas
https://slideaway.forumgratuit.fr
Elle voulait une vie normale résultat c'est pikachu reine de la météo
Elle voulait une vie normale résultat c'est pikachu reine de la météo

maat'
maat'
ㄨ Hiboux : 705

V3 de WIH Empty
MessageSujet: Re: V3 de WIH V3 de WIH EmptyJeu 4 Juil - 12:05

Capture d'écran de la pa

V3 de WIH Sans_t15V3 de WIH Sans_t16V3 de WIH Sans_t17

Code dans la page html
Code:
<style type="text/css">
a
{
text-decoration: none !important;
color: #765175;
font-size: 12px;
}

a:hover
{
text-decoration: none !important;
color: #AE876E;
font-size: 12px;
}

.titreaccueil{
  font-family:times new roman;
  color:#AE876E;
  font-style:italic;
  font-size:20px;
  letter-spacing:-1px;
  text-transform:uppercase;
  text-align:center
}

.titrepa1{
  font-family:Times New Roman;
  font-weight:bold;
  font-size:30px;
  text-transform:uppercase;
  letter-spacing:-1px;
  color:#765175;
  text-shadow:0px 0px 2px #765175;
}

.titrepa1:hover{
  font-family:Times New Roman;
  font-weight:bold;
  font-size:35px;
  text-transform:uppercase;
  letter-spacing:-1px;
  color:#AE876E;
  text-shadow:0px 0px 2px #AE876E;
}

.pseudokeelyn{
  font-family:times new roman;
  color:#FFFF6F;
  text-shadow:0px 0px 2px #C34A70;
  font-weight:bold;
  font-style:italic;
  text-transform:lowercase;
  font-size:25px;
}

.pseudochajosh{
  font-family:times new roman;
  color:#4B8301;
  text-shadow:0px 0px 2px #64AD01;
  font-weight:bold;
  font-style:italic;
  text-transform:lowercase;
  font-size:25px;
}

.pseudonoah{
  font-family:times new roman;
  color:darkred;
  text-shadow:0px 0px 2px darkred;
  font-weight:bold;
  font-style:italic;
  text-transform:lowercase;
  font-size:25px;
}

hr{
  border-bottom:solid 1px #AE876E;
}

m{
  font-family:Times New Roman;
  font-weight:bold;
  font-style:italic;
  font-size:25px;
  text-transform:lowercase;
  letter-spacing:-1px;
  color:#765175;
}

a.imginfo {  /* INFOBULLES */
  position: relative;
  color: #765175; /* couleur de votre texte */
  text-decoration: none;
  border-bottom: 0px #765175 solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: #fafafa; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 10px; /* on positionne notre infobulle */
  left: 20px;
  background: #fafafa;
  color: black;
  padding: 3px;
  border: 1px solid #765175;
  border-left: 1px solid #765175; /* vos couleurs et taille de bordures */
  border-right: 1px solid #765175;
  border-top: 1px solid #765175;
  border-bottom: 1px solid #765175;
}


 </style>

<center>
<div class="titrepa1">- Bienvenue sur Wizards in hogwarts-</div><br>
<table width="790px">
  <tbody><tr>
      <td style="margin: 1%; padding: 0.5%;" colspan="2" width="200px">
<center><br>
<table><tr><td>
<a class="imginfo"><img src="http://www.hollow-art.com/files/bases/20101025/leighton_meester_in_gossip_girl_season_1_78.png" class="top" height="55" width="55"><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td align="center"><div class="pseudochajosh">Charlotte Berrywell</div></td></tr><tr><td align="center"><img src="http://25.media.tumblr.com/tumblr_m6zeke0VCr1ra56fxo1_500.gif" width="200"></td></tr><tr><td style="text-align: center;" align="center">fondatrice (présente)<br><a href="http://wizards-in-hogwarts.forumactif.com/u1" class="postlink" target="_blank" rel="nofollow">profil</a> - <a href="http://wizards-in-hogwarts.forumactif.com/privmsg?mode=post&u=1" class="postlink" target="_blank" rel="nofollow">mp</a></td></tr></tbody></table></span></a>
</td><td>
<a class="imginfo"><img src="http://i786.photobucket.com/albums/yy149/ceasetospeak/Icons/January2011/14.png" class="top" height="55" width="55"><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td align="center"><div class="pseudokeelyn">Keelyn Caffrey</div></td></tr><tr><td align="center"><img src="http://media.tumblr.com/tumblr_m1yoofIFr11qg0aqvo4_250.gif" width="200"></td></tr><tr><td style="text-align: center;" align="center">admin codeuse (présente)<br><a href="http://wizards-in-hogwarts.forumactif.com/u53">profil</a> - <a href="http://wizards-in-hogwarts.forumactif.com/privmsg?mode=post&u=53" class="postlink" target="_blank" rel="nofollow">mp</a></td></tr></tbody></table></span></a>
</td><td>
<a class="imginfo"><img src="http://www.hollow-art.com/files/bases/highlights/7306/chace_crawford_in_gossip_girl_season_1_368.png" class="top" height="55" width="55"><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td align="center"><div class="pseudochajosh">Josh Sullivan</div></td></tr><tr><td align="center"><img src="http://media.tumblr.com/tumblr_m7uaznXg651r988i9.gif" width="200"></td></tr><tr><td style="text-align: center;" align="center">Admin de charisme (présente)<br><a href="http://wizards-in-hogwarts.forumactif.com/u66" class="postlink" target="_blank" rel="nofollow">profil</a> - <a href="http://wizards-in-hogwarts.forumactif.com/privmsg?mode=post&u=66" class="postlink" target="_blank" rel="nofollow">mp</a></td></tr></tbody></table></span></a></td></tr></table><table><tr><td><a class="imginfo"><img src="http://images4.fanpop.com/image/photos/14700000/Blake-Lively-Icons-actresses-14729560-100-100.jpg" class="top" height="55" width="55"><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td align="center"><div class="pseudochajosh">Séraphina C. Black</div></td></tr><tr><td align="center"><img src="http://media.tumblr.com/tumblr_ltl1dmYdKf1r23tzz.gif" width="200"></td></tr><tr><td style="text-align: center;" align="center">Modo sexy (présente)<br><a href="http://wizards-in-hogwarts.forumactif.com/u15" class="postlink" target="_blank" rel="nofollow">profil</a> - <a href="http://wizards-in-hogwarts.forumactif.com/privmsg?mode=post&u=15" class="postlink" target="_blank" rel="nofollow">mp</a></td></tr></tbody></table></span></a>
</td><td>
<a class="imginfo"><img src="http://20.mgl.skyrock.net/art/GRIM.465720.7.0.jpg" class="top" height="55" width="55"><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td align="center"><div class="pseudonoah">Noah Z-Eytàn Brown</div></td></tr><tr><td align="center"><img src="http://24.media.tumblr.com/dd9e42b9005d49e8936fcfc000c9cce8/tumblr_mj3l5lI00Q1s6vekbo1_500.gif" width="200"></td></tr><tr><td style="text-align: center;" align="center">Modo choucroute (présente)<br><a href="http://wizards-in-hogwarts.forumactif.com/u111">profil</a> - <a href="http://wizards-in-hogwarts.forumactif.com/privmsg?mode=post&u=111" class="postlink" target="_blank" rel="nofollow">mp</a></td></tr></tbody></table></span></a>
</td><td>
<a class="imginfo"><img src="http://images5.fanpop.com/image/photos/29500000/Cher-Lloyd-cher-lloyd-29562140-100-100.png" class="top" height="55" width="55"><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td align="center"><div class="pseudochajosh">Helen-Drizzle E. Brown</div></td></tr><tr><td align="center"><img src="http://25.media.tumblr.com/21b63581c5dcffd532aefec44a4fca32/tumblr_mj3u5bh6yi1r4hn4zo1_500.gif" width="200"></td></tr><tr><td style="text-align: center;" align="center">Modo de choc (présente)<br><a href="http://wizards-in-hogwarts.forumactif.com/u113" class="postlink" target="_blank" rel="nofollow">profil</a> - <a href="http://wizards-in-hogwarts.forumactif.com/privmsg?mode=post&u=113" class="postlink" target="_blank" rel="nofollow">mp</a></td></tr></tbody></table></span></a></td></tr></table>
</center>
<br><div class="titreaccueil">Tops Sites</div>
<br>
<center>

<a href="http://www.root-top.com/topsite/obsession27/in.php?ID=16827" class="postlink" target="_blank" rel="nofollow"><img src="http://i27.servimg.com/u/f27/16/37/66/25/gif210.gif" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/eliterpg/in.php?ID=761" class="postlink" target="_blank" rel="nofollow"><img src="http://i27.servimg.com/u/f27/16/37/66/25/gif210.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/zhiming/in.php?ID=1632" class="postlink" target="_blank" rel="nofollow"><img src="http://i27.servimg.com/u/f27/16/37/66/25/gif210.gif" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/abbyp/in.php?ID=119" class="postlink" target="_blank" rel="nofollow"><img src="http://i27.servimg.com/u/f27/16/37/66/25/gif210.gif" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/blueberry/in.php?ID=3279" class="postlink" target="_blank" rel="nofollow"><img src="http://i27.servimg.com/u/f27/16/37/66/25/gif210.gif" border="0" alt="" /></a>

</center>
<br><div class="titreaccueil">Nos Top Partenaires</div>
<center>

<a href="http://wynwoodhs.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://r28.imgfast.net/users/2812/13/90/83/smiles/2176505670.gif"></a> <a href="http://cave-inimicum.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://r28.imgfast.net/users/2812/13/90/83/smiles/2176505670.gif"></a> <a href="http://the-shown.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://r28.imgfast.net/users/2812/13/90/83/smiles/2176505670.gif"></a><br><a href="://wizards-in-hogwarts.forumactif.com/t88-nos-partenaires" class="postlink" target="_blank"><font size="2">Plus</font></a> <a href="http://wizards-in-hogwarts.forumactif.com/t72-demande-de-partenariat" class="postlink" target="_blank"><font size="2">Vous ?</font></a> <br><br></center></font></center></td>
      <td style="margin: 1%; padding: 0.5%;" colspan="2" width="390px"><div style="font-size: 12px; overflow: auto; width: 390px; height: 250px; line-height: 12px;"><br><div style="text-align:justify;"><b>2021.</b> Vingt quatre ans après la grande Bataille finale, durant laquelle le plus célèbre Mage noir de la Grande Bretagne magique perdit la vie, le monde magique n’est plus le même. L’école de sorcellerie Poudlard, après avoir été complètement rénovée suite aux dégradations subies le 2 mai 1998, rouvrit ses portes à la rentrée de la même année, sous la direction de Minerva McGonagall, pour le plus grand bonheur de tous les sorciers anglais. La vie s’écoula ainsi tranquillement pour tous les sorciers, jusqu’à ce qu’une loi ministérielle soit votée, autorisant une alliance entre vampires et sorciers, et donc par conséquent la présence de vampires à Poudlard. Ainsi arrivèrent à Poudlard des vampires hybrides sorciers, venant entamer leur scolarité à l'âge de onze ans, comme tous les autres élèves de l'école. Cette alliance entre espèces ne se fit évidemment pas sans conditions : grâce à une nouvelle potion inventée par le Docteur Jekyll, dont on veilla que les vampires à l’intérieur et en dehors de Poudlard consomment, ces derniers ne ressentirent plus le besoin de sang humain, du moins pendant un certain temps. Le Ministère fut donc assuré de la sécurité des élèves à Poudlard. Néanmoins, une menace de taille s’immisce à présent dans l’horizon jusque là dégagé des sorciers de Grande Bretagne, puisqu’il se murmure que les enfants des mangemorts seraient sur le point de reprendre le flambeau de leurs défunts parents … Par ailleurs, des couples vampires-sorciers sont en train de se créer à Poudlard, malgré l'interdiction d'un tel rapprochement du Ministère, en raison du danger évident que ce genre de relation peut créer pour les humains.<br>Entre amour et jalousie, humains et vampires, le Bien et le Mal, la vie n'est pas des plus simples dans le monde de la magie. Chacun tente de tirer son épingle du jeu, mais la nature empêche parfois bien des choses…</div></div></font><hr><div style="text-align: right;"><font size="2">©  WIZ appartient à ses administratrices. Le design a été réalisé par Hungry Eyes. Toute reproduction totale ou partielle est strictement interdite.
</font></div></td><td style="margin: 1%; padding: 0.5%;" colspan="2" width="200px"><font size="2">
♦ Nous sommes actuellement <b>en janvier 2022</b>.<br>♦ Gossip Witch a publié un nouvel article. <br>♦ Nous sommes en manque de Serdaigles et de Poufsouffles !<br>♦ De nombreux postes vacants sont encore disponibles!<br><br></font><div class="titreaccueil">Les sabliers</div><br>
<div align="center"><a class="imginfo"><img src="http://i46.servimg.com/u/f46/14/96/44/38/4158pr11.gif"><span><color="Red">70<br>Points</color></span></a> <a class="imginfo"><img src="http://i46.servimg.com/u/f46/14/96/44/38/serdai10.gif"><span>80<br> Points</span></a>  <a class="imginfo"><img src="http://i46.servimg.com/u/f46/14/96/44/38/poufso12.gif"><span>30<br> Points</span></a> <a class="imginfo"><img src="http://i46.servimg.com/u/f46/14/96/44/38/serpen11.gif"><span>200<br>Points</span></a>
      </div><br><br></center></td></tr></tbody></table><a href="http://wizards-in-hogwarts.forumactif.com/t432-regles-du-forum" class="postlink" target="_blank" rel="nofollow"><m>règlement</m></a> <d>ㄨ</d> <a href="http://wizards-in-hogwarts.forumactif.com/f96-boite-a-idees" class="postlink" target="_blank" rel="nofollow"><m>guest</m></a> <d>ㄨ</d> <a href="http://wizards-in-hogwarts.forumactif.com/f98-scenarios" class="postlink" target="_blank" rel="nofollow"><m>scénarios</m></a> <d>ㄨ</d><a href="http://wizards-in-hogwarts.forumactif.com/f3-predefinis" class="postlink" target="_blank" rel="nofollow"><m>postes vacants</m></a> <d>ㄨ</d><a href="http://wizards-in-hogwarts.forumactif.com/t68-liste-des-avatars-deja-pris" class="postlink" target="_blank" rel="nofollow"><m>bottin</m></a></center>

Code html
Code:
<iframe src="http://wizards-in-hogwarts.forumactif.com/h5-pa" frameborder="0" height="500px" scrolling="no" width="800px"></iframe>
Revenir en haut Aller en bas
https://slideaway.forumgratuit.fr
V3 de WIH
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: 01. Les codes :: Codages Design :: WIH-
Sauter vers: