codeuse ? madelle

Messages : 63 Votre Réputation : 0 Date d'inscription : 03/02/2014

hey,
j'ai crée un sujet pour discuter ^^

Merci

Je crois que je vais commettre un crime ! J'ai voulu apporter une modification à ma page d'accueil actuelle, mais en éditant j'ai pu remarqué que toutes mes infos bulles avaient à nouveau déconné. Je désirais changer le mois et le membre du mois, du coup j'ai été prendre le fichier de codage de ma page d'accueil que je croyais impeccable, mais il se trouve que les infos bulles ont également un soucis. Je me retrouve donc sans page d'accueil ><

Voici le codage

Code:: <img src="http://i71.servimg.com/u/f71/17/34/40/34/image-11.png" /> <span class="infonavig">Les Règlements<span class="bullenavig"></span></span>
<center style="">
<a href="http://madelle.1fr1.net/t9-le-reglement-de-notre-vie#9">Règlement du forum </a><br /><br /><a href="http://madelle.1fr1.net/t9-les-reglements#1070">Règlement du RPG</a><br />
</center><span class="infonavig"><span class="bullenavig"></span></span><span class="infonavig">L'Univers <span class="bullenavig"></span></span>
<center style="">
<a href="http://madelle.1fr1.net/t17-le-contexte">Le Contexte</a><br /><br /><a href="http://madelle.1fr1.net/t84-les-peuples-et-confreries-de-madelle">Les Peuples & Confréries</a><br /><br /><a href="http://madelle.1fr1.net/t18-les-dons-de-verite">Les Dons de Vérité</a><br /><br /><a href="http://madelle.1fr1.net/t225-l-histoire-des-humains">L'Histoire des Humains</a>
</center><span class="infonavig"><span class="bullenavig"></span></span><span class="infonavig">Les Annexes <span class="bullenavig"></span></span>
<center style="">
<a href="http://madelle.1fr1.net/t16-la-carte-du-monde">La Carte</a><br /><br /><a href="http://madelle.1fr1.net/t85-la-religion">Les Dieux</a><br /><br /><a href="http://madelle.1fr1.net/t13-les-postes-rangs">Les Postes & Rangs</a><br /><br /><a href="http://madelle.1fr1.net/t176-les-points-d-experience">Les Points d'Expérience</a><br /><br /><a href="http://madelle.1fr1.net/t111-rentrer-dans-l-histoire">Rentrer dans l'Histoire</a><br />
</center><span class="infonavig"><span class="bullenavig"></span></span><span class="infonavig">Supplément <span class="bullenavig"></span></span>
<center style="">
<a href="http://madelle.1fr1.net/t226-le-calendrier-de-madelle">Le Calendrier</a><br /><br /><a href="http://madelle.1fr1.net/t141-la-faune-de-a-a-z">La Faune</a><br /><br /><a href="http://madelle.1fr1.net/t168-la-flore-de-a-a-z">La Flore</a><br /><br /><a href="http://madelle.1fr1.net/h1-galerie-d-avatars">La Galerie d'Avatars</a><br />
</center><span class="infonavig"><span class="bullenavig"></span></span><br /><br />
<table style="">

<tbody>

   <tr>

   </tr>

   <tr>

      <td>

         <div class="titre1">
            Event
         </div>

         <div class="stars" div="" style="height:200px; overflow: auto;">

            <center>
               <br /><img src="http://img11.hostingpics.net/pics/757033LogoConcoursFete.png" /><br /><br />Event #1 ~ <a href="http://madelle.1fr1.net/t305-event-n1-la-venue-de-lelu-a-ete-annoncee">La venue de l'élu a été annoncée</a><br /><br />Rejoignez-nous et prenez part à l'aventure !
            </center>

         </div><br />
         <div class="nouv" style="height:70px;">
            <strong>Période en Cours ::</strong> Daeymo 1248 ~ Printemps<br /><strong>Notre Héros du Mois :: <a href="http://madelle.1fr1.net/t217-johann-geaorge-faust-viii" class="postlink" target="_blank" rel="nofollow"><span style="color: rgb(199, 178, 42);">Johann George Faust VIII</span></a></strong><a href="http://madelle.1fr1.net/t217-johann-geaorge-faust-viii" class="postlink" target="_blank" rel="nofollow"><br /><br /></a>
            <div style="margin:auto;text-align:center;width:100%">
               <a href="http://madelle.1fr1.net/t217-johann-geaorge-faust-viii" class="postlink" target="_blank" rel="nofollow">
               </a>
               <div class="membremois" style="">
                  <img border="0" src="http://img15.hostingpics.net/pics/439425HMnov.png" alt="" />
               </div><a href="http://madelle.1fr1.net/t217-johann-geaorge-faust-viii" class="postlink" target="_blank" rel="nofollow"></a><br />
            </div><br />
         </div>

      </td>

      <td>

         <div class="titre1">
            Contexte
         </div>

         <div class="stars" div="" style="height:280px; overflow: auto;">
            Madelle est un univers rempli de magie que ses habitants appellent Vérité. Divisés en plusieurs fratries, les humains se sont séparés en Confréries au fil du temps suivant le don qu'ils ont reçu des Dieux. Il y a de cela 100 ans l'un de ces hommes eut l'espoir de créer une confrérie qui rassemblerait tous les madelliens, peu importe le don qu'ils avaient obtenu.<br /><br />Malheureusement le rêve se transforma très vite en cauchemar. Zaraze, le leader de la plus jeune Confrérie, Récléyès, souhaitait au départ unifier le peuple des Humains, mais lorsqu'il fut trahi par les siens, il décida de rentrer en guerre contre les autres Confréries. Pendant 4 ans, Madelle devint un immense champ de bataille jusqu'à ce que le Mage Noir Zaraze prenne le contrôle du contient.<br /><br />Ce ne fut qu'à la mort de celui-ci que les Humains réussirent à repousser l'ennemi. Les confréries repartirent alors dans leurs camps respectifs, et depuis, elles ont arrêté de s'entraider. Seulement il semblerait que le mal soit de retour, la cinquième Confrérie est en train de reprendre des forces et elle, elle n'a pas abandonné son rêve d'asservir le monde.<br /><br />Les Liares quant à eux, peuple du feu, se préparent à la révolution, désirant renverser leur monarque, tandis que dans l'océan, les Héléos se contentent de vivre paisiblement, en en apprenant chaque jour davantage sur les hommes de la terre.
         </div>

      </td>

      <td>

         <div class="titre1">
            Nouveautés
         </div>

         <div class="stars" div="" style=" height:110px; overflow: auto;">
            <br /><em>05.11.13</em> :: Le Recensement est maintenant terminé et pour l'occasion la <a href="http://madelle.1fr1.net/t306-mise-a-jour-2#2480">Mise à jour 2.2</a> à été installée. <br /><em>11.09.13</em> :: Installation de la <a href="http://madelle.1fr1.net/t306-mise-a-jour-2">Mise à jour 2.1</a><br /><em>06.07.13</em> :: Mise à jour 1 à découvrir <a href="http://madelle.1fr1.net/t231-mise-a-jour-1?tid=5e70463481701f88cf069d22ccc444d5" class="postlink">ici</a><br /><em>05.06.13</em> :: Evolution du système de Xp<br /><em>31.05.13</em> :: V2 du Design par Lenza et Auxane<br />
         </div><br />
         <div class="titre1">
            Le Staff
         </div>

         <div class="stars" style="height:120px;">
            <br />
            <center>
               <span class="infoadmins"><img border="0" src="http://img4.hostingpics.net/pics/728849Icone.png" alt="" /><span class="bulle"> </span></span>
               <center style="">
                  <img border="0" src="http://img4.hostingpics.net/pics/390269Auxane3.png" alt="" /><br /><a href="http://madelle.1fr1.net/t63-auxane-tael">Présentation </a> | <a href="http://madelle.1fr1.net/u15">Contacter </a><br />
                  <div style="border-top:2px solid #E09A31;width:200px;height:30px;text-align:justify; overflow: auto">

                     <center>
                        Fondatrice <br /> Présente
                     </center>

                  </div>

               </center><span class="infoadmins"><span class="bulle"></span></span><span class="infoadmins"><img border="0" src="http://img11.hostingpics.net/pics/635467Lenza.png" alt="" /><span class="bulle"> </span></span>
               <center style="">
                  <img border="0" src="http://img11.hostingpics.net/pics/246168lenza6.jpg" alt="" /><br /><a href="http://madelle.1fr1.net/t49-lenza-terminee">Présentation </a> | <a href="http://madelle.1fr1.net/u10">Contacter </a><br />
                  <div style="border-top:2px solid #E09A31;width:200px;height:30px;text-align:justify; overflow: auto">

                     <center>
                        Administratrice Graphiste <br /> Présente
                     </center>

                  </div>

               </center><span class="infoadmins"><span class="bulle"></span></span><span class="infoadmins"><img border="0" src="http://img11.hostingpics.net/pics/373001Hektor.png" alt="" /><span class="bulle"> </span></span>
               <center style="">
                  <img border="0" src="http://i758.photobucket.com/albums/xx228/samudra_admin/hektor.jpg" alt="" /><br /><a href="http://madelle.1fr1.net/t52-hektor-marian-arnstven-termine">Présentation </a> | <a href="http://madelle.1fr1.net/u11">Contacter </a><br />
                  <div style="border-top:2px solid #E09A31;width:200px;height:30px;text-align:justify; overflow: auto">

                     <center>
                        Administratrice <br /> Présence Réduite
                     </center>

                  </div>

               </center><span class="infoadmins"><span class="bulle"></span></span>>
            </center>

         </div>

      </td>

   </tr>

</tbody>
</table>
<table>

<tbody>

   <tr>

      <td>
         <br />
         <div class="titre1">
            Partenaires
         </div>

         <div class="stars" style="width:400px;">
            <br />
            <center>

               <div class="membremois">
                  <a href="http://gaikoku-kindai.1fr1.net/" alt="Gaikoku Kin'Dai - RPG fantastique futuriste"><img src="http://i.imgur.com/YQskIZz.png" title="Gaikoku Kin'Dai - RPG fantastique futuriste" /></a><a href="http://www.ile-joyaux.com/"><img border="0" src="http://i.imgur.com/8AtFj.png" alt="" /></a><a href="http://sorean.forumactif.org/" alt="L'arche de Sorëan" target="_blank"><img src="http://i78.servimg.com/u/f78/11/82/19/32/88-31_11.png" /></a><a href="http://midgard.monalliance.com/"><img border="0" src="http://i45.servimg.com/u/f45/15/75/05/57/bouton11.jpg" alt="" /></a><br /><a href="http://maybe-not-so-dead.forumsactifs.com/"><img border="0" src="http://i43.tinypic.com/v43w2g.png" alt="" /></a><a href="http://www.vindictus.forumactif.org" alt="Vindictus" target="_blank"><img border="0" src="http://img15.hostingpics.net/pics/968998vindictusbouton8831v1.png" alt="" /></a><a href="http://les4royaumes.forumperso.com/" class="postlink" target="_blank" rel="nofollow"><img border="0" src="http://img4.hostingpics.net/pics/501756logo8831.png" alt="" /></a><a href="http://arpenteur.forumactif.com/"><img src="http://i35.servimg.com/u/f35/16/56/94/85/88x3110.jpg" /></a><br /><a href="http://terra.forumpro.fr/"><img src="http://i41.tinypic.com/2cq0bo5.png" /></a><a href="http://adariel.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img border="0" src="http://imageshack.us/a/img844/265/ghlj.png" alt="" /></a><a href="http://nerye.forumactif.org/"><img border="0" src="http://i57.servimg.com/u/f57/17/88/74/82/part110.png" /></a><a href="http://contesmixes.forumactif.org/" alt="Le Pays Chamboulé" target="_blank"><img src="http://img4.hostingpics.net/pics/315046bouton488x31.png" /></a>
               </div><br /><a href="http://madelle.1fr1.net/t32-nos-partenaires">Nos Amis</a> - <a href="http://madelle.1fr1.net/f67-nous-lier">Nous Lier</a>
            </center>

         </div>

      </td>

      <td>
         <br /><br /><br />
         <div class="stars" style="width:150px;">
            <strong>Tops Sites :</strong><br />
            <center>
               <span style="font-size: 9px; line-height: normal">Votez toutes les 2h !<br /><a href="http://www.root-top.com/topsite/niviel/in.php?ID=789" class="postlink" target="_blank" rel="nofollow">X</a><a href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1427" class="postlink" target="_blank" rel="nofollow">X</a><a href="http://www.root-top.com/topsite/buffy/in.php?ID=1479" class="postlink" target="_blank" rel="nofollow">X</a><a href="http://www.root-top.com/topsite/cda/in.php?ID=25" class="postlink" target="_blank" rel="nofollow">X</a><a href="http://www.root-top.com/topsite/callista/in.php?ID=556" class="postlink" target="_blank" rel="nofollow">X</a></span>
            </center><br /><strong>Crédits :</strong><br /><span style="font-size: 9px; line-height: normal">PA par Reira. sur <a href="http://forum-theme.forumperso.com/" class="postlink" target="_blank" rel="nofollow">Libre Graph</a></span><br /><br />
            <center>
               <a href="http://madelle.1fr1.net/t109-les-credits-remerciements"><span style="font-size: 9px; line-height: normal">Plus</span></a><br /><br />Version 2
            </center>

         </div>

      </td>

      <td>
         <br />
         <div class="titre1">
            Prés-Définis
         </div>

         <div class="stars">
            <br /><br />
            <center>
               <span class="infoadmins"><img border="0" src="http://img15.hostingpics.net/pics/369088Anciens.png" alt="" /><span class="bulle"> </span></span>
               <center style="">
                  <img border="0" src="http://img11.hostingpics.net/pics/131460Algard.png" alt="" /><br /><a href="http://madelle.1fr1.net/t23-les-anciens">Confrérie des Anciens | Gardien de la forêt </a>
               </center><span class="infoadmins"><span class="bulle"></span></span><span class="infoadmins"><img border="0" src="http://img4.hostingpics.net/pics/475816Irsan.jpg" alt="" /><span class="bulle"> </span></span>
               <center style="">
                  <img border="0" src="http://img4.hostingpics.net/pics/668644Irsan.png" alt="" /><br /><a href="http://madelle.1fr1.net/t15-les-arveles">Confrérie d'Arvelès | Commandant de la garde de Ferèsis</a>
               </center><span class="infoadmins"><span class="bulle"></span></span><span class="infoadmins"><img border="0" src="http://img4.hostingpics.net/pics/334052eden.png" alt="" /><span class="bulle"> </span></span>
               <center style="">
                  <img border="0" src="http://img15.hostingpics.net/pics/989912recleyes.png" alt="" /><br /><a href="http://madelle.1fr1.net/t25-les-recleyes">Confrérie de Récleyés | Mère du Ténébreux</a>
               </center><span class="infoadmins"><span class="bulle"></span></span><span class="infoadmins"><img border="0" src="http://img15.hostingpics.net/pics/841956Neserris.png" alt="" /><span class="bulle"> </span></span>
               <center style="">
                  <img border="0" src="http://img15.hostingpics.net/pics/154514Nesirris.png" alt="" /><br /><a href="http://madelle.1fr1.net/t127-les-names">Confrérie de Namès | Fille d'un haut moine</a>
               </center><span class="infoadmins"><span class="bulle"></span></span><span class="infoadmins"><img border="0" src="http://img15.hostingpics.net/pics/232165Reine.png" alt="" /><span class="bulle"> </span></span>
               <center style="">
                  <img border="0" src="http://img15.hostingpics.net/pics/345878Messaline.png" alt="" /><br /><a href="http://madelle.1fr1.net/t24-les-liares#45">Liare | Reine</a>
               </center><span class="infoadmins"><span class="bulle"></span></span><span class="infoadmins"><img border="0" src="http://img4.hostingpics.net/pics/335916princesse.png" alt="" /><span class="bulle"> </span></span>
               <center style="">
                  <img border="0" src="http://img4.hostingpics.net/pics/335413MiradelphiadeVarkadien.png" alt="" /><br /><a href="http://madelle.1fr1.net/t27-les-heleos">Héléos | Princesse Héritière</a>
               </center><span class="infoadmins"><span class="bulle"></span></span><span class="infoadmins"><img border="0" src="http://img15.hostingpics.net/pics/578356mage.png" alt="" /><span class="bulle"> </span></span>
               <center style="">
                  <img border="0" src="http://img11.hostingpics.net/pics/507562Monildra.png" alt="" /><br /><a href="http://madelle.1fr1.net/t21-les-parlems">Confrérie de Parlèms | Mage</a>
               </center><span class="infoadmins"><span class="bulle"></span></span><span class="infoadmins"><img border="0" src="http://img11.hostingpics.net/pics/359940Jastes.png" alt="" /><span class="bulle"> </span></span>
               <center style="">
                  <img border="0" src="http://img15.hostingpics.net/pics/247061Jastes2.jpg" alt="" /><br /><a href="http://madelle.1fr1.net/t25-les-recleyes">Confrérie de Récleyés | Maître d'Armes</a>
               </center><span class="infoadmins"><span class="bulle"></span></span>
            </center>

         </div>

      </td>

   </tr>

</tbody>
</table><br /><br />
<center style="">
<a href="http://www.frole-pbf.net/?showpage=list&id=427" target="blank"><img src="http://img822.imageshack.us/img822/8817/froleb.jpg" alt="Frole" /></a><a href="http://www.imaginannuaire.com/" target="blank"><img src="http://i17.servimg.com/u/f17/15/98/96/07/bouton10.jpg" alt="L'Imaginarium" /></a><a href="http://www.sawen.net/madelle-s1548.html" target="blank"><img src="http://i45.servimg.com/u/f45/14/65/67/60/sawen10.jpg" alt="Sawen" /></a><a href="http://magazarb.forumactif.com"><img src="http://i47.servimg.com/u/f47/17/67/50/35/88-15_13.jpg" /></a>
</center>

C'est vraiment la misère comme tu peux le constater les balises s'ouvrent et se ferment un peu n'importe comment. J'ai déjà corrigé ce code au moins quatre fois et j'avoue ne plus avoir le courage de le refaire encore une fois, car je commence à devenir folle >< Je sais bien qu'en te demandant de t'occuper d'un tel code c'est un peu un travail "pour rien" puisqu'après je vais te demander une nouvelle page d'accueil, mais j'aime moyen de rester sans page d'accueil. Si tu ne peux pas t'en occuper je comprendrais.

En tout cas si tu acceptes, en plus de corriger ce satané code, pourrais-tu changer la période en cours pour Ciorel - Début été et également le membre du mois qui doit être Shiva Frostheart, la couleur qu'il faut mettre est celle-ci "#044476" et il faudrait également lié son nom et l'image "https://2img.net/r/hpimg15/pics/528061HMjanv.png" à ce lien "http://madelle.1fr1.net/t407-shiva-frostheart-la-naissance-d-une-heroine".

Ce nouvel éditeur donne vraiment envie de péter un câble >< Ces infos bulles me sapent mon énergie franchement, je n'ai pas ouvert un forum pour me battre avec des codes !

Messages : 63 Votre Réputation : 0 Date d'inscription : 03/02/2014

hey, tu peu me donnez le css qui va avec ?

et si possible les droits d'admin sur ce forum pour tester la pa ? (pour le moment je peu tester sur un forum test)

Merci beaucoup, je te donne les accès au panneau de suite ^^

Et voilà le css :

Code:: /*Menu*/

span.infonavig {
position: relative;
right: -200px;
text-align: right;
background-color: rgb(0, 0, 0); /*------je donne un fond solide par sécurité pour les navigateurs qui ne reconnaissent pas la transparence-----*/
background-color: rgba(0, 0, 0, 0.5); /*------fond transparent reconnus par les bons éléves-----*/
   padding: 6px;
padding-left: 12px;
padding-right: 12px; /*-----marge interne----*/
border:1px solid #e6be40; /*-----une bordure extérieur-------*/
   text-decoration: none;
width: 100px; /*------je donne une largeur à mes cellules-------*/
margin: 5px;
color: #E09A31; /*------j'espace mes cellules de 5px-------*/

}
span.infonavig span.bullenavig {
display: none;
font-size: 10px;
}
span.infoanavig:hover {
background: none;
z-index: 999;
cursor: help;
}
span.infonavig:hover span.bullenavig {
display: inline;
position: absolute;
top: 20px;
   right: -50px;

width; 200px;

background-color: #571c1a;
border-left: 2px solid #E09A31;
border-right: 2px solid #E09A31;
border-top: 1px solid #e6be40;
border-bottom: 2px solid #e6be40;
padding: 3px;
-moz-border-radius: 10px;
}

span.infonavig span.bulles {
display: none;
font-size: 10px;
}

span.infonavig:hover span.bulles {
display: inline;
position: absolute;
left: 50px;
width; 200px;
top:0px;
background-color: #ffffff;
border-left: 2px solid #D49657;
border-right: 2px solid #D49657;
padding: 3px;
-moz-border-radius: 10px;
}

/*Fin*/

/*Titre dans l'Histoire des Peuples*/

.postbody {
text-align:justify;
padding-left:20px;
padding-right:20px;
}
.membremois {
opacity : 0.5;
}

.titrerace {
background-color: #4d3226;
text-align: center;
border-top: 2px solid #DEB578;
border-bottom: 2px solid #DEB578;
font-size: 24px;
font-family: georgia;
text-shadow: 0px 1px 3px #1B0505;
}

/* pas de soulignement des liens */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

/*Ombre cadre*/
.bodyline {
border:7px solid #c5b695;
box-shadow: 0px 0px 15px #1B0505;

}
/*Quêtes*/

.grandtitre {
font-size: 20px;
text-decoration: none;
font-family: Georgia;
text-align: center;
font-weight : bold;
text-shadow: 4px 3px 2px #1B0505;
}

.image {
margin-left: 10px;
width: 200px;
height: 400px;
border-left: 3px solid #e6be40;
border-right: 3px solid #e6be40;
border-bottom: 4px solid #E09A31;
border-top: 4px solid #E09A31;
opacity : 0.7;
}

.imagehoriz {
margin: 0 auto;
width: 400px;
height: 200px;
border-left: 3px solid #E09A31;
border-right: 3px solid #E09A31;
border-bottom: 4px solid #e6be40;
border-top: 4px solid #e6be40;
opacity : 0.5;

}
.titre {
background-color: #1B0505;
margin-left: 10px;
text-align: center;
font-weight : bold;
}

.texte {
margin-left: 7px;
text-align: justify;
font-size: 11px;
text-decoration: none;
font-family: Georgia;
}

/* BARRE NAVIGATION */

.navig {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
background:url('http://img4.hostingpics.net/pics/345317barre.png') repeat-x;
border-bottom: 2px solid #c5b695;
border-top: 2px solid #c5b695;
box-shadow: 0px 3px 15px #1B0505;
}

/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */

.cate
{
width: 360px;
height: 100px;
overflow: hidden;
border: 2px solid #E09A31;
background-color: #4d3226;

}
.cate_img
{
position: relative;
z-index: 2;
width: 360px;
height: 100px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate:hover .cate_img
{
margin-left: 360px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate_description
{
position: relative;
z-index: 1;
width: 356px;
height: 100px;
margin-top: -100px;
text-align: justify;
font-size: 11px;
color: #AE957A;
padding: 2px;
overflow: auto;
}

/*CATEGORIES*/
.cate_titre
{
width: 98%;
margin: auto;
text-align: center;
}
.categorie
{
width: 98%;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
background: #3D0F05;
border-top: 3px solid #9F701F;
border-bottom: 1px solid #9F701F;
border-right: 1px solid #9F701F;
border-left: 1px solid #9F701F;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #595959;
-o-box-shadow: 0px 0px 5px #595959;
-htm-box-shadow: 0px 0px 5px #595959;
-webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
background: #3D0F05;
border: 1px solid #E09A31;
padding: 2px;
}
.forumlink
{
display: block;
width: 500px;
font-variant: small-caps;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 1px 1px 2px #1B0505;
}
.forumlink a
{
font-size: 16px;
border-bottom: 2px solid #E09A31;
text-shadow: 2px 2px 3px #1B0505;
}
.description
{
display: block;
width: 450px;
margin: auto;
font-size: 11px;
text-align: justify;
color: #AE957A;
}
.illu
{
float: right;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #E09A31;
background: #3D0F05;
padding: 5px;
}

.stats_last
{
display: block;
width: 160px;
margin: 3px;
background: #4d3226;
padding: 10px;
border: 1px dotted #E09A31;
}
.stats
{
display: block;
text-align: center;
font-size: 10px;
color: #AE957A;
border-bottom: 1px solid #E09A31;
padding-bottom: 4px;
margin-bottom: 4px;
}
.last
{
display: block;
text-align: center;
font-size: 11px;
}
.sous_forum
{
display: block;
width: 98%;
margin: auto;
background: #4d3226;
padding: 2px;
text-align: center;
}

/*CAT*/

/*QEEL*/

.statistiques{
border:0px;
background-image: url("http://img4.hostingpics.net/pics/759368QEEL.png");
background-repeat: no-repeat;
background-position: center;
height:320px;}

.groupes{
background-color:#000000 DE FOND DU TEXTE DES GROUPES;border: 1px #FFFFFF DU POINTILLÉ dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:right;
text-decoration: none !important;}

/*Début PA*/
span.infoadmins {
position: relative;
text-decoration: none;
}
span.infoadmins span.bulle {
display: none;
font-size: 12px;
}
span.infoadmins:hover {
background: none;
z-index: 999;
cursor: help;
}
span.infoadmins:hover span.bulle {
display: inline;
position: absolute;
left: -50px;
width; 200px;
top:-00px;
background-color: #615049;
border-left: 2px solid #D49657;
border-right: 2px solid #D49657;
padding: 3px;
-moz-border-radius: 10px;
}

span.infoadmins span.bulles {
display: none;
font-size: 12px;
}

span.infoadmins:hover span.bulles {
display: inline;
position: absolute;
left: 50px;
width; 200px;
top:0px;
background-color: #ffffff;
border-left: 2px solid #D49657;
border-right: 2px solid #D49657;
padding: 3px;
-moz-border-radius: 10px;
}

.titre1 {
text-align: center;
text-decoration : none;
font-size:20px;
font-family: georgia;
letter-spacing:-1px;
text-transform: uppercase;
}

.titre1:hover {
color: #D49657;
}
.stars {
width: 280px;
height: 140px;
background-color:#4d3226;
padding:5px;
text-align:justify;
border-bottom: 2px solid #e6be40;
border-top: 2px solid #E09A31;
}
/*Fin de PA*/

/***CB Latéral***/
.ChatboxLaterale {
position: fixed; /* position fixe dans la fenêtre */
bottom: 10%; /* à 10% du bas (calculé en fonction de la taille de la fenêtre) */
left: 0; /* et collé au bord gauche */
width : 100px; /* dimension 100px */
}
.ChatboxLaterale iframe {
width: 900px; /* largeur */
height: 400px; /* hauteur */
display: none; /* caché par défaut */
}
.boutonChatbox {
vertical-align: bottom; /* on aligne le bouton en bas, le long de la chatbox */
}
.boutonChatbox img {
cursor:pointer; /* on ajoute un pointeur pour indiquer que image est cliquable */
}

/*** FIN CB Latéral***/
/****** Plus de couleur cadre catégorie****/
.catHead { border: none !important;}
.catBottom { border: none !important;}
.thLeft { border: none !important;}
.thRight { border: none !important;}
.row3Right { border: none !important;}

Messages : 63 Votre Réputation : 0 Date d'inscription : 03/02/2014

hey !
en fait, d'après ce que je vois. dès que je modifie le code sur la page d'accueil, je valide, c'est nickel. et dès que j'essaye de remodifier, il y a des span qui son déplacer au mauvais endroit, etc ... faudrais voir avec forumactif (tu a un compte sur le forum des forumactif ? )

Oui voilà, ça fait cela aussi bien ici que sur Madelle, c'est d'ailleurs une tendance générale sur forumactif. Sinon non je n'ai pas de compte sur le forum de forumactif. Autrement ce n'est pas grave, retirer les infos bulles ne me dérange pas, il suffirait de mettre un lien unique vers le guide du forum ^^. Ce serait dérisoire de perdre du temps sur un page d'accueil qui va bientôt virer Smile

Je me demandais également, ta proposition de faire le thème tient-elle toujours ? Je sais que j'en demande beaucoup, vraiment beaucoup ! mais voilà, à la base le thème ne devait pas être mon affaire, or la graphiste du forum n'a toujours rien fait, du coup je mettais lancer dans le header comme j'ai pu. Pour moi il est bien, au vue de mes compétences x), cependant j'ai toujours eu beaucoup de mal à faire des thèmes, me contentant souvent de prendre des bouts du header pour faire le reste du thème, ce qui a toujours donné quelque chose d'assez lisse. Or j'aimerais éviter cela sur Madelle, donc voilà je me tourne vers toi. Si tu refuses je comprendrais parfaitement ! Après tout tu n'es pas venue dans cette optique ^^, mais sait-on jamais, qui ne tente rien n'a rien :p

Sache que je n'ai pas de critère très précises, je désirais simplement refléter le prochain événement, pour faire simple, la tour Est va se faire attaquer par les Récleyès et le ciel rouge est annonciateur de leur arrivée, d'où le header un peu spécial ^^.

Messages : 63 Votre Réputation : 0 Date d'inscription : 03/02/2014

hey !
ok pour cette PA on va juste laisser des images ^^
mais du coup sa va être galère pour la nouvelle.
je poste un message sur le forum FA pour leurs demander d'ou vient le problème.
Pour le thème, ouai je suis tous a fait partante Very Happy

pour la tour tu a une tour en particulier ou je prend une tour quelconque ?
et pour les "Récleyès" c'est quoi ? ^^'
après je m'occupe de te faire des essai

Bonsoir

Merci beaucoup !! Alors pour la tour il en faudrait une en pierre, sinon je n'ai pas d'autre contrainte. En ce qui concerne les Récleyès ce sont les humains qui ont décidé de faire abstraction de leurs différences avant la grande guerre. Ils ont donc suivi leur leader, Zaraze, le mage noir qui en concluant un pacte avec la déesse de la perfidie a changé tous ceux qui l'avaient suivi. Lorsqu'ils ont perdu la guerre, ils ont tous été exilés dans les terres inexplorées, c'est un endroit infertile où la vie a du mal à se faire place. Cela fait maintenant 50 ans que l'on a plus entendu parler d'eux, à tel point que les gens pensent qu'ils sont tous morts, MAIS (bah oui il en faut un ^^) ils ont survécu et ont bien l'intention de reprendre ce qu'ils croient être à eux, le continent.

Edeolyn, une jeune oracle qui a un lien particulier avec la déesse des vents et de l'avenir a eu une vision il y a peu où pour faire simple, elle voyait un ciel rouge recouvrir le monde et il partait des terres inexplorées. Elle a vu le continent ravagé par les flemmes, les rues des capitales désertes, les champs anéantis et surtout elle avait l'impression qu'il n'y avait plus aucune vie sur le continent, comme ci tous avaient péri à l'approche de la menace.

Voilà en gros la petite histoire que le thème doit illustrer Smile

C'est pour ça que j'avais opté pour du gris, une couleur peu joyeuse et du rouge, à cause du ciel annonciateur de malheur.

Messages : 63 Votre Réputation : 0 Date d'inscription : 03/02/2014

ok nickel je vois bien ^^
tu aurais l'image de base de la bannière ?

Hey !

Oui bien sûr, la voici :
https://2img.net/r/hpimg11/pics/3307527bb3a9de800a399f560ce59a51bee275.jpg

Messages : 63 Votre Réputation : 0 Date d'inscription : 03/02/2014

hey !
bon voila 3 essai, il y a que la police qui change, dis moi si tu veut des modifications ^^
http://xtropik.net/uploads/1392554647_tropik.png
http://xtropik.net/uploads/1392554676_tropik.png
http://xtropik.net/uploads/1392554688_tropik.png

je suis restrer très simple, j'ai jouer sur les couleurs, les constraste, et un peu de texture coloré.

La bannière est vraiment joli, et ce ciel ! Il brille de milles feux Very Happy

Pour la police, j'aime bien la seconde.

Merci beaucoup ça reste sobre, mais ça n'en est pas moins charmant.

Messages : 63 Votre Réputation : 0 Date d'inscription : 03/02/2014

hey cool alors !
tu veut que je te fasse tous le codage et le thème assortie ?
je m'en occupe sur un de mes forum test.
j'essaye de te faire sa le plus rapidement possible Very Happy

Ce serait vraiment fabuleux !!
Ne te sens pas pressée, cela fait trois mois que j'attends ce moment, je sais me montrer patiente ^^.

Messages : 63 Votre Réputation : 0 Date d'inscription : 03/02/2014

ok, je vais quand même essayer ^^
est-ce que ses couleurs te vont :
http://testcommande.forumactif.org/

Le rouge en fond est sympa, après je voyais plus un thème gris pour éclairer d'avantage, du coup le noir et marron me plaise moins, le noir car c'est trop noir x) et le marron à cause de l'ancienne version de cette couleur, or je cherche un changement radicalement ^^.

Messages : 63 Votre Réputation : 0 Date d'inscription : 03/02/2014

coucou,
j'essaye de changer le noir orangé,
j'ai essayer avec du gris, le hic c'est que le gris et le rouge du fond ne vont pas du tout ensemble !
et comme je voulais des liens un peu rouge, ou orangé, c'est assez compliqué de mettre du gris en fait OO
les couleurs foncé font ressortir la bannière, alors que les couleurs adoucisse.

Messages : 63 Votre Réputation : 0 Date d'inscription : 03/02/2014

hey !
peu être comme sa:
http://testcommande.forumactif.org/

sa reste du gris, et du rouge en fond.
le plus dur reste les couleurs ^^
une fois les couleurs choisis se sera plus simple.

Oui je préfère ainsi Very Happy

C'est moins sombre.

Messages : 63 Votre Réputation : 0 Date d'inscription : 03/02/2014

cool ^^
voila les catégories de fait:
http://testcommande.forumactif.org/

je me suis adapté au images que tu a mis dans tes descriptions.
tu devrais mettre des descrptions plus longue pour les autres sections ( ou mettre une image aussi )

Les catégories ne m'emballe pas, je n'aime pas le fait que l'image soit tout à droite entre les liens et le dernier sujet. Et puis pour le mont torgern tu as bien laissé un espace pour l'image, mais il n'y a plus de description écrite or je tiens à l'image et à la description.

Pour l'idée de mettre des images à la partie admin je n'aime pas, pour moi l'image sert à illustrer, or la partie présentation ou annonce n'a pas besoin de cela :p

Messages : 63 Votre Réputation : 0 Date d'inscription : 03/02/2014

coucou,
ho non tu n'a pas compris XD
je n'ai pas repris ton code "description caché derrière l'image" vu qu'il y est déjà dans les descriptions de madelle.
en fait quand le code sera mis en place, les descriptions resterons caché (et sera visible au survol) je l'a pas représenter (pour evitez du codage en trop) mais il y sera t'en fais pas =)

l'image (new/no/xx) tu veut que je le mette a gauche ? avant les descriptions ?
pour les images, ok je comprend tous a fait moi-même je n'en met pas. par contre ... du coup, si je reprend les descriptions pour le règlement. c'est une seule phrase et unique phrase. sa fait très petit et vide si je le met dans la catégorie description.

et comme dis pour l'image, ne t'en fais pas, la description du lieu restera derrière l'image, visible au survol, je ne comptais l'enlever =)

si tu a des remarques sur les couleurs, la disposition ou les tailles hésite pas ^^ c'est plus facile de modifier vu que je te demande (ou te montre le resultat) petit à petit.

Hey !

Pour les descriptions dans ce cas ça me va ^^. Après les catégories, je ne sais pas trop quoi te dire, car globalement j'accroche pas, je préférerais quelque chose de plus simple, là ça donne un effet rectangle que j'apprécie moyen.

Je préfère le genre de catégories que peuvent avoir avoir Nerye ou l'ile aux joyeux, pour ne citer que les partenaires Smile

Messages : 63 Votre Réputation : 0 Date d'inscription : 03/02/2014

coucou,
ok je vois.
si tu a des exemples donne en sa m'aide =)
en fait, pourquoi j'ai fait les catégories comme sa.
l'image que tu a pour les lieux, est très haut ! 100px de largeur.
tu veut garder ton systhème : descriptions derrière l'image. ou si on fait comme pour Nerye : description d'un côté, image de l'autre ?

C'est vrai que les images sont assez grandes, on pourrait envisager de les réduire quelque peu, le principal étant qu'on arrive à discerner le paysage ^^

Pour les descriptions, certains sont assez longues, c'est pour cela que j'avais fait le choix de les mettre derrière des images suffisamment grande. Comme le forum comporte pas mal de lieu, j'avais comme objectif de ne pas trop allongé davantage le forum. La description sur le côté risque de poser problème je pense :/ Il faudrait essayer avec la plus longue description.

» Crédits de Madelle