Bonjour/bonsoir
Je me tourne vers vous car j'aimerais bien personnaliser un PA que j ai prise en libre service. Voici le code de la PA :
Voici le forum ou la PA se trouve : http://protego.forumactif.be/
ce que je souhaiterais ce que a la place de "membres du mois" je voudrais bien faire la coupe des quatre maisons de poudlard avec les 4 blasons des maison et les points en couleur selon la maison.
merci a vous
Je me tourne vers vous car j'aimerais bien personnaliser un PA que j ai prise en libre service. Voici le code de la PA :
- Code:
<meta charset="UTF-8" /> <title>Pa ~ KahLan</title>
<!-- LIEN VERS GOOGLE FONT à CHANGER SELON LA TYPO VOULUE --> <link href="http://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet" type="text/css" /> <style>
/*ELEMENTS QUI ONT UNE GOOGLE FONT : */
#pa-kahlan h2 {
font-family: 'Satisfy', cursive;
}
#pa-kahlan {
width: 800px;
margin: 0 auto;
background: #660000;
color: #565656;
position: relative;
}
/* LIENS */
#pa-kahlan a {
text-decoration: none;
color: #FFFF00;
}
#pa-kahlan a:hover {
color: #9f64c4;
}
/* REGLAGES GENERAUX */
#pa-kahlan table
{
display: block;
width: 800px;
border-spacing: 20px 30px !important;
}
#pa-kahlan td.withbg {
background: #DB1C1C;
height: 140px; width: 210px;
vertical-align: top;
position: relative;
padding: 15px;
font-family: sans-serif;
font-size: 13px;
}
#pa-kahlan h2 {
position: absolute;
top: -20px;
width: 100%; text-align: center;
font-size: 25px;
overflow: hidden;
margin: 0; padding: 0;
font-style: italic;
}
/* REGLAGES DES DIFFERENTES SECTIONS */
.content-over {
height: 170px; max-width: 225px;
padding-right: 15px;
overflow-y: auto;
}
.nouveautes span {
display: block;
border-bottom: 1px dotted purple;
padding-bottom: 3px; margin-bottom: 3px;
color: purple;
}
.nouveautes p {
margin-bottom: 20px;
}
.content-staff, .content-member {
margin-bottom: 20px;
overflow: hidden;
}
.content-staff img, .content-member img {
float: left;
padding-right: 10px;
opacity: .7;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.content-staff:hover img, .content-member:hover img {
opacity: 1;
}
.infos-staff, .infos-member {
float: left;
font-size: 12px;
line-height: 1.2;
margin: 0;
width: 145px; height: 55px;
overflow: hidden;
text-align: center;
color: #fff;
}
/* CREDITS */
#credits {
position: absolute;
bottom: 0; right: 0;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
font-family: sans-serif;
padding-right: 20px; padding-bottom: 5px;
}
</style>
<div id="pa-kahlan">
<table style="width: 800px;">
<tbody>
<tr>
<td colspan="3" bcolor="#ccffff">
<!-- Création Graphique --> <img src="http://i38.servimg.com/u/f38/19/07/10/81/crea10.jpg" alt="Création Graphique" style="width: 100%; height: auto;" />
</td>
</tr>
<tr>
<td class="withbg" style="width: 240px;">
<h2>
Contexte
</h2>
<div class="content-over">
<p>
<span style="color: #EEEEEE;">Nous sommes en 1995 avec de nombreux rebondissement dans le monde des sorciers. Souvenez-vous, en juin 1995, Harry a gagné le tournoi des trois sorciers mais à également assisté au retour du Seigneur des Ténèbres, Lord Voldemort mais aussi à la mort de Cédric Diggory. </span>
</p>
<p>
<span style="color: #EEEEEE;">Durant tout l'été, Voldemort se mits à chercher et à recruter de nouveau adepte à devenir Mangemort. Quant à Harry, il se mit à faire des rêves étranges depuis lors, notamment la mort de Cédric. Mais il n'en parleras jamais à personne. Même pas à ses meilleurs amis Ronald Weasley et Hermione Granger. </span>
</p>
<p>
<span style="color: #EEEEEE;">Septembre 1995, L'heure de la rentrée à sonner à Poudlard, comme tous les ans, les parents dont la mine est gère réjouie mais plutôt inquiète à l'idée du retour du Seigneur des Ténèbres, viennent les conduire à la gare de King's Cross sur la voie 9 3/4 leur enfants au train le Poudlard Express pour aller à l'école. </span>
</p>
<p>
<span style="color: #EEEEEE;">Une fois à Poudlard, tout est différent de d'habitude, Albus Dumbledore évite sans cessa Harry. Le Ministère de la Magie, dont le Ministre Cornelius Fudge qui ne croit pas au retour de Voldemort, a nommé un nouveau professeur de Défense contre les Forces du Mal, Dolores Ombrage qui refuse d'enseigner la pratique dans ses cours. Mais ce n'est pas la seule nouveauté : en effet, une mystérieuse jeune fille, âgée de 15 ans, se trouve dans le groupe des premières année. Minerva McGonagall, la directrice adjointe de l'école, fit comme chaque année, elle appela les élèves de première année pour procéder à leur répartition. </span>
</p>
<p>
<span style="color: #660000;">- Lorist, Méridith</span>, <span style="color: #EEEEEE;">appela-t-elle.</span>
</p>
<p>
<span style="color: #EEEEEE;"> La jeune sorcière de 15 ans sorti alors du groupe, s'assit sur le tabouret et mit le choixpeau magique. Les minutes passèrent puis d'un coup, le Choixpeau magique s'écria : </span>
</p>
<p>
<span style="color: #006600;">- SERPENTARD</span>
</p>
<p>
<span style="color: #EEEEEE;">Méridith alla donc s'asseoir à la table des Serpentard au côté de Drago Malefoy. Elle commença alors à parler avec comme si elle le connaissait. Au fil des semaines, étrangement, Méridith essaye de se rapprocher d'Harry et de ses amis. Pourquoi le directeur de Poudlard évite Harry ? Pourquoi cette jeune fille n'est-elle pas rentrée à l'âge de onze ans à Poudlard comme tout les autres ? Pourquoi une Serpentard se rapproche-t'elle d'Harry et de ses amis alors qu'elle parle à Drago ? Est-ce un complot entre Drago et elle ? Est-elle une adepte du Seigneur des Ténèbres ? Comment vont réagir Harry et ses amis ? Et enfin, que prévoit Voldemort ? </span>
</p>
</div>
</td>
<td class="withbg" style="padding-top: 30px; width: 240px;">
<h2>
Liens importants
</h2>
<p>
<a href="http://protego.forumactif.be/f3-reglement-contexte">Contexte & Réglement</a>
</p>
<p>
<a href="http://protego.forumactif.be/f4-posts-vacants">Prédéfinis</a>
</p>
<p>
<a href="http://protego.forumactif.be/f15-notes-nouveautes-annonces">Notes, Nouveautés & annonces</a>
</p>
<p>
<a href="http://protego.forumactif.be/f6-les-bottins">Les bottins</a>
</p>
<p>
<a href="http://protego.forumactif.be/f119-partenariats-fiche">Partenariats</a>
</p>
</td>
<td class="withbg" style="width: 240px;">
<h2>
News
</h2>
<div class="content-over nouveautes">
<p>
<span> </span><span style="color: #EEEEEE;">Ouverture du forum</span>
</p>
<p>
<span> </span>
</p>
</div>
</td>
</tr>
<tr>
<td class="withbg" style="padding-top: 30px; width: 240px;">
<h2>
Staff
</h2>
<div class="content-staff">
<img src="http://i97.servimg.com/u/f97/19/53/26/40/em_110.jpg" alt="" />
<p class="infos-staff">
Hermione J. Granger <br /> Admin | Gryffondor<br /> <br /> <a href="http://protego.forumactif.be/u2contact">MP</a> - <a href="http://protego.forumactif.be/u2">profil</a>
</p>
</div>
<div class="content-staff">
<img src="http://i97.servimg.com/u/f97/19/53/26/40/hp_210.jpg" alt="" />
<p class="infos-staff">
Harry J. Potter <br /> Admin | Gryffondor<br /> <br /> <a href="http://protego.forumactif.be/u3contact">MP</a> - <a href="http://protego.forumactif.be/u3">profil</a>
</p>
</div>
</td>
<td class="withbg" style="padding-top: 30px; width: 240px;">
<h2>
Partenaires
</h2>
<div class="content-partenaires" style="text-align: center;">
<!-- Partenaire.1 --> <a href="lien"><img src="http://i38.servimg.com/u/f38/19/07/10/81/parten11.png" alt="" /></a>
<!-- Partenaire.2 --> <a href="lien"><img src="http://i38.servimg.com/u/f38/19/07/10/81/parten11.png" alt="" /></a>
<!-- Partenaire.3 --> <a href="lien"><img src="http://i38.servimg.com/u/f38/19/07/10/81/parten11.png" alt="" /></a>
</div>
</td>
<td class="withbg" style="padding-top: 30px; width: 240px;">
<h2>
Membres du mois
</h2>
<div class="content-member">
<img src="http://i38.servimg.com/u/f38/19/07/10/81/staffi10.jpg" alt="" />
<p class="infos-member">
Nom du personnage <br /> <a href="">profil</a> - <a href="">liens</a>
</p>
</div>
<div class="content-member">
<img src="http://i38.servimg.com/u/f38/19/07/10/81/staffi10.jpg" alt="" />
<p class="infos-member">
Nom du personnage <br /> <a href="">profil</a> - <a href="">liens</a>
</p>
</div>
</td>
</tr>
</tbody>
</table>
<div id="credits">
PA codée sur ~ <a href="http://www.never-utopia.com/t53021-henrikiyi-pa-toute-simple" target="_blank">Never-Utopia</a>
</div>
</div>
Voici le forum ou la PA se trouve : http://protego.forumactif.be/
ce que je souhaiterais ce que a la place de "membres du mois" je voudrais bien faire la coupe des quatre maisons de poudlard avec les 4 blasons des maison et les points en couleur selon la maison.
merci a vous
