Problème avec ma page d'accueil "code"

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec ma page d'accueil "code"

Message par choupetta600 Ven 18 Nov 2011 - 13:54

Bonjour à tous

J'ai un soucis avec un code de ma page d'accueil, malgré que je ne suis pas doué dans tout ce domaine là, je me suis débrouillé pour faire une belle page d'accueil sur mon forum. (Cela m'a prit deux jours) et j'ai enfin réussi à ce que cela ressemble à quelque chose... Tout fonctionne sauf un petit détail que je n'arrive pas à changer Sad

Pour être plus claire, j'ai fais avec l'aide d'un code pour faire des onglets... Mais je n'arrive pas à changer le fond qui est blanc, ce qui ne va pas du tout avec les couleurs de mon forum.

J'aimerais retirer le fond et si se n'est pas possible au moins changer de couleurs

Svp Aidez moi, merci d'avance Very Happy


Voici un petit aperçu de se que ça donne, pour mieux vous éclairer...
Spoiler:
avatar

choupetta600
Nouveau membre

Messages : 4
Inscrit(e) le : 18/11/2011

http://monde-de-minelia.forumactif.pro/
choupetta600 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma page d'accueil "code"

Message par Invité Ven 18 Nov 2011 - 17:04

Bonjour et Bienvenue
sur le Forum des Forums Forumactif
Vu que vous êtes nouveau, voici quelques sujets importants :
Problème avec ma page d'accueil "code" Attention2 Sécurité : mail de fondation - Ce qu'il ne faut pas faire
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink

Bonjour,

Pour que nous puissions vous aider, il faudrait nous fournir le code de ce message d'accueil ainsi que la partie CSS qui lui correspond Wink . Vous pouvez placer tout ceci sous la balise "caché" si vous le désirez.

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma page d'accueil "code"

Message par choupetta600 Sam 19 Nov 2011 - 0:29

Merci de votre réponse, voici le code de ma page d'accueil


Spoiler:

Par contre, je n'ai pas de code pour la partie CSS, j'ai été chercher le code pour les onglets sur un forum d'entraide, j'ai ensuite arrangé comme je le pouvais. (Je ne suis pas une experte, c'est la première fois que je chipote dans tout ça, j'ai donc eu du mal ^^" )

Merci de vos réponses.





avatar

choupetta600
Nouveau membre

Messages : 4
Inscrit(e) le : 18/11/2011

http://monde-de-minelia.forumactif.pro/
choupetta600 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma page d'accueil "code"

Message par Invité Sam 19 Nov 2011 - 17:40

Bonsoir,

La feuille CSS est incluse dans votre code Wink . Le fond de vos onglets est de couleur blanche, car c'est déterminé de cette façon dans votre CSS:
font-size: Xpx; /* taille des titres de tes onglets */
background: #ffffff; /* fond de tes onglets */
Retirez cette ligne de votre code et le fond devrait disparaitre, ou alors remplacez la couleur par une autre.

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma page d'accueil "code"

Message par choupetta600 Sam 19 Nov 2011 - 19:23

Je me suis un peu douté que c'était ça, je l'avais donc supprimé mais rien n'avait changé, il y avait toujours se fond blanc.
J'ai même essayé de changer de couleurs, mais rien n'a changé pour autant :s


Merci de vos réponses Smile


avatar

choupetta600
Nouveau membre

Messages : 4
Inscrit(e) le : 18/11/2011

http://monde-de-minelia.forumactif.pro/
choupetta600 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma page d'accueil "code"

Message par Invité Lun 21 Nov 2011 - 11:09

Bonjour,

Votre feuille de style se répête 2 fois dans le code, essayez avec ce code:
Code:
<title>Conception d'onglet</title>
      <script type="text/javascript" src="http://illiweb.com/fa/js_16/fr.js"></script>
       <script type="text/javascript">
      /* Début du script */
      jQuery(document).ready(function(){
          jQuery(".onglet-table").find("td").click(function(){
            /* Suppression des classe .active pour tout les onglets et contenus */
            var system = jQuery(this).closest(".onglet"); /* Sélection du système
 
d'onglet */
            system.find(".onglet-table").find(".active").removeClass("active");
            system.find(".onglet-content").find(".active").removeClass("active");
 
            /* Ajout de la classe active à l'onglet cliqué et au contenu correspondant
 
*/
            var id = jQuery(this).attr("name");            /* Identification du numéro
 
de l'onglet cliqué */
            jQuery(this).addClass("active");
            system.find(".onglet-content").find("div[name='"+id+"']").addClass
 
("active");
          });
      });
      /*Fin du script */
    </script>
    <style>
 
 /* Début de la feuille de style */
.onglet-content>div {
   display:none;
   /* permet de spécifier la manière dont un élément est affiché */
   border:solid 0px;
   /* Bordure de la page d’accueil*/
   border-radius:25px 25px 25px 25px;
   -moz-border-radius:25px 25px 25px 25px;
   -webkit-border-radius:25px 25px 25px 25px;
   /* l'arrondi de l'encadrement,a retiré selon ce que tu veux */
   padding:Xpx;
   /* correspond à la marge interne d'une boite,et permet de définir la distance */
margin-bottom:Xpx;/*correspond à la marge externe d'une boite,et permet de définir la distance */
   width:Xpx;
   /* définis l'hauteur de la Page d'accueil */
   height:Xpx;
   /* définis la largeur de la Page d'accueil */}.onglet-content>div.active{display:block;}.onglet-table{border-spacing:Xpx;margin-left:auto;margin-right: auto;}.onglet-table td{style:top;vertical-align:middle;/* permet de gérer l'alignement vertical du texte */
   border:solid Xpx;
   /* Bordure de la page d’accueil */
   border-radius:50px 50px 50px 50px;
   -moz-border-radius:50px 50px 50px 50px;
   -webkit-border-radius:50px 50px 50px 50px;
   /* l'arrondi de l'encadrement,a retiré selon ce que tu veux */
   padding:Xpx;
   /* taille en largeur des onglets */
   width:Xpx;
   /* taille en hauteur des onglets */
   text-align:center;
   /* permet de centré le nom des onglets */
   opacity:0.7;
   /* (entre 0,1 et 1) opacité de tes onglets inactifs (que tu n'as pas sélectionné ou que tu ne survole pas) */
   font-size:Xpx;/* taille des titres de tes onglets */}
   .onglet-table td.active,.onglet-table td:hover{opacity: 1;/* (entre 0,1 et 1) opacité d'un onglet survolé ou que tu as sélectionné */
}
/* Fin de la feuille de style */
      </style>
    <center>
 
 
    <!-- Début du HTML --><div class="onglet">
   <table>
   <tbody>
   <tr>
      <td colspan="2">
         <table class="onglet-table">
         <tbody>
         <tr>
            <td name="1" class="active">
               <img src="http://i49.servimg.com/u/f49/16/99/34/98/bar210.gif"/>
            </td>
            <td name="2">
               <img src="http://i49.servimg.com/u/f49/16/99/34/98/bar310.gif"/>
            </td>
            <td name="3">
               <img src="http://i49.servimg.com/u/f49/16/99/34/98/bar112.gif"/>
            </td>
            </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td>
            <div class="onglet-content">
               <div name="1" class="active">
                  <div align='center'>
                     <img src="http://i49.servimg.com/u/f49/16/99/34/98/untitl17.jpg">
                  </p>
                  <p align='center'>
                     <img src="http://i49.servimg.com/u/f49/16/99/34/98/barre112.gif">
                  </div>
                  <table style='width:100%;'>
                  <img src="http://i49.servimg.com/u/f49/16/99/34/98/avatba14.gif">
                  </table>
                  <div align='center'>
                     <img src="http://i49.servimg.com/u/f49/16/99/34/98/barre210.gif">
                  </div>
                  <img src="http://i49.servimg.com/u/f49/16/99/34/98/barres10.gif">
                  <div align='center'>
                     <img src="http://i49.servimg.com/u/f49/16/99/34/98/marche11.gif"><img src="http://i49.servimg.com/u/f49/16/99/34/98/bar113.gif"><img src="http://i49.servimg.com/u/f49/16/99/34/98/bar211.gif"><img src="http://i49.servimg.com/u/f49/16/99/34/98/bar311.gif"><img src="http://i49.servimg.com/u/f49/16/99/34/98/bar412.gif"><img src="http://i49.servimg.com/u/f49/16/99/34/98/bar511.gif"><img src="http://i49.servimg.com/u/f49/16/99/34/98/bar610.gif">
                  </div>
               </div>
               <div name="2">
                  <table style='width:100%;'>
                  <img src="http://i49.servimg.com/u/f49/16/99/34/98/barres16.gif">
                  <tr>
                     <td style='text-align:left;'>
                        <font color='#6600cc'>
                        <div align='center'>
                           <img src="http://i49.servimg.com/u/f49/16/99/34/98/nws10.gif">
                        </div>
                        </font></font>
                     </div>
                     <div align='right'>
                        <font size='1'></font>
                     </div>
                     <div align='right'>
                        <font color='#000080' size='1'>
                        <div align='right'>
                           <font color='navy'><font color='red'>?</font> N'oubliez pas de voter sur les Top-Sites aussi souvent que possible ! ça contribue à la réussite du forum !</font>
                        </div>
                        <div align='right'>
                           <font color='navy'><font color='red'>?</font> De nouvelles créatures sont disponibles. Venez les voir <a href="http://monde-de-minelia.forumactif.pro/t15-les-creatures-de-minelia#38">&gt;ici&lt;</a> Vous pouvez également en créer <a href="http://monde-de-minelia.forumactif.pro/t101-venez-nous-montrer-vos-creatures">ici </a>!</font>
                        </div>
                        <div align='right'>
                           <font color='navy'><font color='red'>?</font>Tous droits réservés ©Merci donc de respecter notre<span class='Apple-converted-space'> travail et</span><span class='Apple-converted-space'></span>de ne pas le copier</font>
                        </div>
                        <div align='right'>
                        </div>
                        <div align='right'>
                           <strong>Petite Pub pour vos forums</strong>
                        </div>
                        <div align='right'>
                           <a href="http://island-paradise.forumgratuit.org/"><img src="http://i44.servimg.com/u/f44/16/74/52/76/untitl30.jpg"></a>
                        </div>
                        <div align='right'>
                           Vous aussi vous désirez qu'on dépose votre forum ici ? Venez vite <a href="http://monde-de-minelia.forumactif.pro/f113-votre-publicite">&gt;ici&lt; </a>pour faire votre demande
                        </div>
                        <div align='right'>
                        </div>
                        <div align='right'>
                           <font size='2'><em>Venez voir nos personnages prédéfinis.</em></font>
                        </div>
                        </font>
                     </div>
                  </ul>
                  <ul style="FONT-FAMILY: Tahoma, Verdana, Arial, serif, Georgia, 'Courier New'">
                     <div align='center'>
                        <font color='#000080'>
                        <div align='center'>
                           <font color='#000080'>
                           <marquee onmouseover='this.stop();' onmouseout='this.start();' scrollamount='4'><a href="http://monde-de-minelia.forumactif.pro/t84-nariko-la-neko-tout-feu-tout-flamme"><img src="http://i44.servimg.com/u/f44/16/74/52/76/perso110.jpg"></a><a href="http://monde-de-minelia.forumactif.pro/t83-hibari-l-ange-colore"><img src="http://i44.servimg.com/u/f44/16/74/52/76/sans_t18.jpg" width='85' height='32'></a><a href="http://monde-de-minelia.forumactif.pro/t78-atori-le-demon-du-vent"><img src="http://i44.servimg.com/u/f44/16/74/52/76/sans_t21.jpg" width='95' height='32'></a><a href="http://monde-de-minelia.forumactif.pro/t79-kahera-l-elfe-en-cours"><img src="http://i44.servimg.com/u/f44/16/74/52/76/sans_t22.jpg" width='96' height='32'></a><a href="http://monde-de-minelia.forumactif.pro/t82-ichiru-en-cours"><img src="http://i44.servimg.com/u/f44/16/74/52/76/sans_t23.jpg" width='94' height='32'></a></marquee></font>
                        </td>
                        <td style='text-align:center;'>
                           <a href="http://www.casimages.com" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa27.casimages.com/img/2011/11/17/111117084406238069.gif" border="0" alt=""/></a>
                        </td>
                        <td style='text-align:right;'>
                           <font color='#6600cc' size='3'>
                           <div align='center'>
                              <img src="http://i49.servimg.com/u/f49/16/99/34/98/svoir10.gif">
                           </div>
                           </font></span></span>
                        </div>
                        <div align='justify'>
                           <font color='red'>?</font><span class='Apple-converted-space'></span><font color='navy' size='2'>Design par Zelia &amp; Zankou</font>
                        </div>
                        <div align='justify'>
                           <font color='red'>?</font><font color='gray'><span class='Apple-converted-space'></span></font><span style="WIDOWS: 2; TEXT-TRANSFORM: none; TEXT-INDENT: 0px; BORDER-COLLAPSE: separate; FONT: medium 'Times New Roman'; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px" class='Apple-style-span'><span style="TEXT-ALIGN: justify; FONT-FAMILY: Tahoma; FONT-SIZE: small; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px" class='Apple-style-span'><font color='gray' size='2'><font color='navy'>une<font color='#ff0066'><strong></strong>barre d'xp</font> a été installé. A quoi sert-elle ? Plus vous faites de combat, plus votre xp augmentera et ainsi vous pouvez monter de niveau. Devenez le plus puissant,et à chaque niveau augmenté, débloqué un nouveau pouvoir ! </font><font color='navy'><a href="http://monde-de-minelia.forumactif.pro/t7-la-barre-d-xp#7">&gt;ici&lt;</a></font></font></span></span>
                        </div>
                        <div align='justify'>
                           <font color='#ff0000'>? </font><font color='navy' size='2'>Vous désirez une <font color='#ff0066'>monture</font> ? Venez vite <a href="http://monde-de-minelia.forumactif.pro/t12-les-montures-disponibles#22">&gt;ici&lt;</a></font>
                        </div>
                        <div align='justify'>
                           <font color='#808080' size='2'><font color='#ff0000' size='3'>?</font><font color='navy'>Des <font color='#ff0066'>quêtes</font> ont été installés <a href="http://monde-de-minelia.forumactif.pro/t28-les-quetes-pour-l-argent-explication#53">&gt;ici&lt;,</a>pour tout savoir de <font color='#ff0066'>l'argent</font> c'est &gt;ici&lt; et enfin pour le <font color='#ff0066'>lancement de dé</font> cliquez <a href="http://monde-de-minelia.forumactif.pro/t13-le-lancement-de-de">&gt;ici&lt;
                        </div>
                     </td>
                  </td>
               </tr>
               </table>
               </a></font></font>
               <div align='center'>
                  <img src="http://i49.servimg.com/u/f49/16/99/34/98/rsgnt10.gif"><a href="http://monde-de-minelia.forumactif.pro/t8-les-differentes-races"><img src="http://i49.servimg.com/u/f49/16/99/34/98/ici10.gif"></a>
               </div>
            </div>
            <div name="3">
               <div class="onglet">
                  <table>
                  <tbody>
                  <tr>
                     <td colspan="2">
                        <table class="onglet-table">
                        <tbody>
                        <tr>
                           <td name="1" class="active">
                              <img src="http://i49.servimg.com/u/f49/16/99/34/98/zankou10.jpg">
                           </td>
                           <td name="2">
                              <img src="http://i49.servimg.com/u/f49/16/99/34/98/kerrig10.jpg">
                           </td>
                           <td name="3">
                              <img src="http://i49.servimg.com/u/f49/16/99/34/98/damon_10.jpg">
                           </td>
                           <td name="4">
                              <img src="http://i49.servimg.com/u/f49/16/99/34/98/zelia_10.jpg">
                           </td>
                           </tbody>
                           </table>
                        </td>
                     </tr>
                     <tr>
                        <td>
                           <div class="onglet-content">
                              <b>
                              <div align='center'>
                                 Vous désirez avoir plus de renseignement à leurs sujets ? Cliquez <a href="http://monde-de-minelia.forumactif.pro/t72-presentation-des-admins-et-modos">ici</a> pour voir la fiche de présentation des modérateur.
                              </div>
                              </b><img src="http://i49.servimg.com/u/f49/16/99/34/98/barres15.gif">
                              <div name="1" class="active">
                                 <div align='center'>
                                    <img src="http://i49.servimg.com/u/f49/16/99/34/98/stafzf10.jpg">
                                 </p>
                                 <img src="http://i49.servimg.com/u/f49/16/99/34/98/barres11.gif">
                                 <p align='center'>
                                    <a href="http://monde-de-minelia.forumactif.pro/u1">Profil</a> . <a href="http://monde-de-minelia.forumactif.pro/privmsg?mode=post&u=1">MP</a>
                                 </div>
                              </div>
                              <div name="2">
                                 <div align='center'>
                                    <img src="http://i49.servimg.com/u/f49/16/99/34/98/stafkf10.jpg">
                                 </p>
                                 <img src="http://i49.servimg.com/u/f49/16/99/34/98/barres12.gif">
                                 <p align='center'>
                                    <a href="http://monde-de-minelia.forumactif.pro/u5">Profil</a> . <a href="http://monde-de-minelia.forumactif.pro/privmsg?mode=post&u=5">MP</a>
                                 </div>
                              </div>
                              <div name="3">
                                 <div align='center'>
                                    <img src="http://i49.servimg.com/u/f49/16/99/34/98/stafdf10.jpg">
                                 </p>
                                 <img src="http://i49.servimg.com/u/f49/16/99/34/98/barres13.gif">
                                 <p align='center'>
                                    <a href="http://monde-de-minelia.forumactif.pro/u3">Profil</a> . <a href="http://monde-de-minelia.forumactif.pro/privmsg?mode=post&u=3">MP</a>
                                 </div>
                              </div>
                              <div name="4">
                                 <div align='center'>
                                    <img src="http://i49.servimg.com/u/f49/16/99/34/98/stafze10.jpg">
                                 </p>
                                 <img src="http://i49.servimg.com/u/f49/16/99/34/98/barres14.gif">
                                 <p align='center'>
                                    <a href="http://monde-de-minelia.forumactif.pro/u2">Profil </a>. <a href="http://monde-de-minelia.forumactif.pro/privmsg?mode=post&u=2">MP</a>
                                 </div>
                              </div>
                           </div>
                        </td>
                     </tr>
                     </tbody>
                     </table>
                  </div>
               </div>
            </div>
         </td>
      </tr>
      </tbody>
      </table>
   </div>
</td>
</tr>
</tbody>
</table>
</div>
</center>
Normalement, il ne doit plus y avoir de couleur de fond.

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma page d'accueil "code"

Message par choupetta600 Lun 21 Nov 2011 - 19:06

Merci beaucoup, ça marche

C'est donc résolu Smile
avatar

choupetta600
Nouveau membre

Messages : 4
Inscrit(e) le : 18/11/2011

http://monde-de-minelia.forumactif.pro/
choupetta600 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma page d'accueil "code"

Message par Invité Mar 29 Nov 2011 - 8:59

Problème avec ma page d'accueil "code" Check10Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur Problème avec ma page d'accueil "code" Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Problème avec ma page d'accueil "code" 50378

A bientôt sur ForumActif Smile
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum