Enlever la couleur de ma P.A et son "titre"

[Azylis]

Bonjour !

Jusque là j'étais en Phbb3 et ce n'est que récemment (2 jours Uu") que j'ai décidé de passer le pas, et d'adhérer au phpbb2. Je savais qu'il y aurait plusieurs de mes modifications antérieures qui ne fonctionneront plus suite au changement de versions (mes infobulles etc...) mais telle ne fut pas ma surprise de voir le grand retour d'une couleur derrière ma P.A !




Dans l'ancienne version j'avais trouvé cette alternative au détour d'un tuto :

Code:

        /* enlève la couleur du fond de la P.A */
                .introduction {
                background : none !important;
                }

Mais voilà, elle n'est plus valable T.T


J'ai donc entamé de nouvelles recherches, et je suis tombée sur ce code :

Code:

.gensmall {
background-color:transparent !important;
}

Mais il ne fonctionne pas.

Ma dernière trouvaille se trouve à la fin de ce topic : https://forum.forumactif.com/t307212-page-d-accueil-transparente#2685845

Mais voilà, ce sera la première fois que je toucherai aux templates, et je suis assez méfiante à leur sujet (si je me trompe, je ne saurais peut être pas comment rattraper mon erreur).
Est-ce que quelqu'un pourrait me confirmer si ce code permet bel et bien d'enlever la couleur de ma P.A et SEULEMENT celle de la P.A ?

D'autre part, comment puis-je enlever le titre de ma P.A qui fait vraiment très moche ? (ce qui est encadré en rouge sur l'image)


Merci d'avance et bonne fin de journée ! ^^

[Scipion]

Bonsoir

Pour enlever le titre de la page d'accueil, vous allez sur votre panneau d'administration (PA) >> Affichage >> Page d'accueil >> Généralités >> Message sur la page d'accueil :

Titre du message : supprimez
Enregistrez.

Cordialement

[Azylis]

Merci beaucoup Scipion !

J'étais partie pour toucher aux templates alors qu'en fait c'était tout simple... trop simple pour que j'y pense

Un des deux problème est donc résolu ^^

[Scipion]

Merci bien. Pour le deuxième problème ça va être un peu plus délicat. Cependant, par mesure de précaution, essayez de cliquer simultanément sur Ctrl + F5, plusieurs fois si nécessaire. Sinon, videz carrément le cache de votre navigateur en vous aidant du tutoriel FA suivant :

Vider le cache Internet

[Azylis]

Je viens de tester la manipulation, ça n'a pas fonctionné ><

Par contre je n'ai pas bien compris pourquoi j'ai dû actualiser et vider mes caches : mon ancien code aurait normalement du marcher avec la nouvelle version ?

[Scipion]

Pour répondre à votre question, je dirai oui, l'ancien code de la page d'accueil aurait dû fonctionner normalement. Concernant le cache, il m'est arrivé personnellement de voir certaines couleurs/images revenir puis disparaître après avoir vidé le cache, d'ailleurs même aujourd'hui. Généralement cela se produit lorsqu'on fait plusieurs modifications en suite.

Pour la couleur de fond, essayez une nouvelle fois, à titre de test, le premier code CSS que vous avez utilisé mais cette fois-ci en ajoutant 'panel', toutefois je ne suis pas sûr du résultat :

Code:

/* enlève la couleur du fond de la P.A */
.panel.introduction {
  background : none !important;
}

[Azylis]

D'accord, je comprends mieux maintenant. Je garde cette info dans un coin de ma tête, merci ^^

Quant au code, non il ne fonctionne pas non plus ><

[Scipion]

Dernière tentative, après quoi il va falloir vous accommoder avec la couleur qui tergiverse.

En allant sur PA>> Affichage >> Template >> Général >> Options des templates :

Forcer les templates par défaut = oui
Enregistrer.

Le but recherché consiste à effacer toute modification antèrieure.

[Azylis]

Dans mes templates, je viens de modifier mon QEEL, je vais le perdre ? ><

[Scipion]

Si vous avez déjà modifié le Qeel, cette manœuvre n'a plus de sens. Mais rien ne vous empêche de faire un test juste pour voir si la couleur de la PA disparaît ou non. Mais avant, prenez quand même le soin de conserver une copie du template à toute fin utile.

Ensuite, et quel que soit le résultat, mettez à non sur 'Forcer les templates par défaut', enregistrez puis réinstallez votre template.

[Azylis]

Bon et bien... encore loupé

Mais au moins ça me rassure de quelque chose : tant que je garde une copie de mon template j'ai toujours moyen de récupéré mes erreurs ^^

Merci quand même !

[Scipion]

Exactement, avant une migration par exemple comme celle que vous avez effectuée, il est toujours bon de mettre toutes les chances de son côté en conservant des copies.

Maintenant, nous allons essayer de contourner le problème avec 2 codes.

1. Dans le message sur la page d'accueil, installez ce code :

Code:

<div class="fondpa">Contenu de la page d'accueil</div>

2. Dans la feuille de style CSS, insérez ce code :

Code:

.fondpa{
background-color: #ffffff;
border-left: 1px solid #ff0000;
border-right: 1px solid #ff0000;
padding: 5px;}

Personnalisation :

- background : couleur de fond de la PA
- border : bordure gauche et droite
- padding : espace entre le texte et le cadre

[Azylis]

(Merci pour votre persévérance en tout cas ! XD)

Ca me donne ceci :


Je sais que je peux changer à volonté les valeurs (la couleur noire est la "moins pire" par exemple), mais dans tout les cas il y aura une couleurs derrière ma P.A ><

Après, je me suis demandée si je n'avais pas des codes qui faisaient "opposition", donc si quelqu'un a la patience de les décortiquer je les mets ici :

CSS :

Code:

                        /*/* La P.A *//*   

/* enlève la couleur du fond de la P.A */
    .introduction {
    background : none !important;
    }


/* .paonglet => Structure les boutons des onglet */
    .paonglet {
    display:inline-block;
    padding: 5px 3px;
    margin-right: 20px;
    margin-top: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    }

/* .paonglet_0 => Bouton des onglets INACTIF */
    .paonglet_0 {
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    }

/* .paonglet_1 => les onglets SELECTIONNE */
    .paonglet_1 {
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    }

/*  .contenu_paonglet => le contenu des onglets  */
    .contenu_paonglet {
    width: 1000px;
    background-image: url('http://i33.servimg.com/u/f33/13/93/32/39/fond_o10.jpg');
    background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        margin-top: 10px;
        margin-bottom: 20px;
        color: #8400FF;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 10px;
        display:none;
        }


/*Les tableaux des onglets*/
    #tablacc td{
    border: 1px;
        font-size: 15 px;
        color: #e03f00;
        padding: 10px;   
        vertical-align: center;
        }


/* Mise en forme du texte des onglets */
    .Body{
    border-width: 4px 2px;
    border-style: solid;
    border-color: #53b558 #53b558 #174419 #174419;
    border-radius: 20px;
    color: #e03f00;
    font-family: Comic Sans MS;
    font-size: 14px;
    text-shadow: -2px -2px 1px #000000;
    box-shadow: 0px 0px 10px #ffffff;
    }


/* Mise en forme des nouveautés => span class="News" ) */
    .News{
    color: #00d3e0;
    font-family: Comic Sans MS;
    font-size: 14px;
    text-shadow: -2px -2px 1px #000000;
    }


/*Les infobulles des onglets*/
    .infobulle{
    position: relative;
        float:left;
        }
        .infobulle .infobulle-hidden {
        background-color:rgba(0,0,0,0.5);
        position: absolute;
        visibility: visible;
        z-index: 999;
        padding:3px;
        text-align:center;
        color:#fff;
        font-family: Comic Sans MS;
        font-size: 14px;
        font-weight:bold;
        border-width: 3px 2px;
        border-style: solid;
        border-color: #d7d7d7 #878787;
        -moz-border-radius:10px 40px 10px 40px;
        -webkit-border-radius:10px 40px 10px 40px;
        border-radius:10px 40px 10px 40px;
        display: none;
        }
        .infobulle:hover .infobulle-hidden {
        display: block;
        width:240px;
        left:-25px;
        top:80px;
        }



                        /*/* QEEL *//*

/*QEEL*/
    .qeel_titre{
    width: 890px;
        height: 100px;
      background: url(#);
    }

    .qeel{
    width: 900px;
    height: 550px;
    background: url(http://img11.hostingpics.net/pics/37751202Quiestenligne1.png);
    background-repeat: no-repeat;
    margin: auto;
    }

    .qeel_table{
    width: 712px;
    margin: auto;
    }

    .colonne{
      position: absolute;
      z-index: 1;
      width: 233px;
      height: 300px;
      overflow: auto;
      margin-top: 0px;
      margin-left: 0px;
      background: #36444c;
      border: 1px solid #3f4d55;
      box-shadow: 0px 0px 0px #0d1418;
      -moz-box-shadow: 0px 0px 0px #0d1418;
      -o-box-shadow: 0px 0px 0px #0d1418;
      -htm-box-shadow: 0px 0px 0px #0d1418;
      -webkit-box-shadow: 0px 0px 0px #0d1418;
      font-size: 12px;
      opacity: 0.5;
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5;
      filter: alpha(opacity=50);
      transition: 1s;
      -moz-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -o-transition: 1s;
    }
    .colonne:hover{
      position: absolute;
      z-index: 99;
      width: 333px;
      height: 400px;
      margin-top: -50px;
      margin-left: -50px;
      background: #36444c;
      border: 1px solid #3f4d55;
      box-shadow: 0px 0px 5px #0d1418;
      -moz-box-shadow: 0px 0px 5px #0d1418;
      -o-box-shadow: 0px 0px 5px #0d1418;
      -htm-box-shadow: 0px 0px 5px #0d1418;
      -webkit-box-shadow: 0px 0px 5px #0d1418;
      font-size: 15px;
      opacity: 0.8;
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      filter: alpha(opacity=80);
      transition: 1s;
      -moz-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -o-transition: 1s;
    }

    .qeel_contenu{
      display: block;
      text-align: justify;
      padding: 10px;
    }



                    /*/* Diverses modifications *//*

/*Forums qui ne collent pas */
        .forumline{
        margin-bottom: 20px;
        }


/*Infobulles des descriptions des lieux*/
        dl.icon .desc_forum{
        position:absolute;
        visibility:hidden;
        background-color:#000;
        padding:7px 20px;
        color:#fff;
        font-size:1em;
        font-weight:bold;
        border-width: 3px 2px;
        border-style: solid;
        border-color: #d7d7d7 #878787;
        -moz-border-radius:10px 40px 10px 40px;
        -webkit-border-radius:10px 40px 10px 40px;
        border-radius:10px 40px 10px 40px;
        }


/*image de fond DU Forum*/
        body{
        background-position: top center; 
        background-repeat: no-repeat; 
        background-attachment: fixed;
        background-size:100% 100%;
        }


/* décale les titres des sous forums de 20px (empêche de cacher les icones) */
        a.topictitle{
        padding-left: 20px;
        }


/* Barre de Navigation */
    #i_icon_mini_index{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/acceui13.png);
    }
    #i_icon_mini_index:hover{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/acceui12.png);
    }

    #i_icon_mini_faq{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/faq10.png);
    }
    #i_icon_mini_faq:hover{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/faq_ho10.png);
    }

    #i_icon_mini_search{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/search13.png);
    }
    #i_icon_mini_search:hover{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/search11.png);
    }

    #i_icon_mini_members{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/raside10.png);
    }
    #i_icon_mini_members:hover{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/raside11.png);
    }

    #i_icon_mini_groups{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/groupe10.png);
    }
    #i_icon_mini_groups:hover{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/groupe11.png);
    }

    #i_icon_mini_profile{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/profil10.png);
    }
    #i_icon_mini_profile:hover{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/profil11.png);
    }

    #i_icon_mini_message{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/mp10.png);
    }
    #i_icon_mini_message:hover{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/mp_hov10.png);
    }

    #i_icon_mini_new_message{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/new_mp10.png);
    }
    #i_icon_mini_new_message:hover{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/new_mp11.png);
    }

    #i_icon_mini_logout{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/off11.png);
    }
    #i_icon_mini_logout:hover{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/off_ho10.png);
    }

    #i_icon_mini_register{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/inscri10.png);
    }
    #i_icon_mini_register:hover{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/inscri11.png);
    }

    #i_icon_mini_login{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/login11.png);
    }
    #i_icon_mini_login:hover{
    background-image: url(http://i33.servimg.com/u/f33/13/93/32/39/login_10.png);
    }



                /*/* Mise en page des différentes Fiches *//*

/* Règlement */
    .GBoite{
    width:800px;
        overflow:hidden;
    border: 1px solid #f9fbed;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
      background-color: #fef9e3;
    color: #e03f00;
    font-family: georgia;
    font-size: 14px;
    box-shadow: 0px 0px 10px #000000;
              }

    .PBoite{
    width:700px;
    border:1px dashed;#d8c98e;
        text-align:left;
      padding: 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #000000;
    font-family: georgia;
    font-size: 14px;
    }


/*Fiche de personnages*/
    .GBoite2{
    width:800px;
        overflow:hidden;
    border: 2px solid #dec0b5;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
      background-color: #ffffff;
    color: #db7e33;
    font-family: georgia;
    font-size: 14px;
    box-shadow: 0px 0px 10px #000000;
    }

    .PBoite2{
    width:680px;
        padding: 15px;
        Border-width : 1px 5px 1px 5px;
        Border-style: dotted solid dotted solid;
        Border-color : #fff3a7 #f1d05e;
        text-align:center;
    -moz-border-radius: 5px 100px 5px 100px;
    -webkit-border-radius: 10px 100px 10px 100px;
    border-radius: 10px 100px 10px 100px;
    color: #db7e33;
    font-family: georgia;
    font-size: 14px;
    }

    .titrepres{
    color: #db7e33;
    font-family: georgia;
    font-size: 18px;
        text-shadow: -2px -2px 2px #704a0e;
        Display: block;
        margin-bottom: -10px;
    }

    .Minititrepres{
    color: #a16c98;
    font-family: georgia;
    font-size: 16px;
        text-shadow: -2px -2px 2px #6f6f6f;
    }


/*Fiches définition Prédéfinis et PNJ*/
    .GBoite3{
    width:800px;
        overflow:hidden;
    border: 1px solid #000000;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
      background-color: #d0d0d0;
    color: #060e11;
    font-family: georgia;
    font-size: 14px;
    box-shadow: 0px 0px 10px #000000;
    }

    .PBoite3{
    width:700px;
    border:1px dashed;
        text-align:left;
      padding: 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #5b5e81;
    font-family: georgia;
    font-size: 14px;
    }


/* PNJ Proposés */
    .GBoitePP{
    width:800px;
        border-width: 20px 2px;
        border-style: solid;
        border-color: #7c80b2;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
      background-color: #d0d0d0;
        color: #5b5e81;
    font-family: georgia;
    font-size: 11px;
    box-shadow: 0px 0px 10px #000000;
        position: relative;
        z-index: 1;
    }

    .TitrePP{
        font-size:50px;
    font-family: monotype corsiva;
        letter-spacing:2px;
        text-shadow: -2px -2px 2px black;
      color: #122941;
        position: relative;
        z-index: 2;
        }

        .TitrePP2{
        font-size:40px;
        font-style:italic;
    font-family: monotype corsiva;
        letter-spacing:2px;
        text-shadow: -2px -2px 2px black;
      color: #b2b7ff;
        position: relative;
        z-index: 3;
        }

        .MiniTitrePP{
        margin-bottom: -20px;
        font-size:18px;
        text-shadow: -2px -2px 2px black;
      color: #060e11;
        }

        .CellulePP{
        border-top: 2px solid #5b5e81;
        border-bottom: 2px solid #5b5e81;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        height: 100px;
        padding: 5%;
        margin-bottom: -20px;
        }

    .CellulePPContent{
        height : 95px;
        Overflow : hidden;
    }
        .CellulePPContent:hover{
        Overflow : auto;
    }


/* Prédéfinis Proposés */
    .BoiteVava{
        Float: left;
        margin-left: 25px;
        margin-top: 70px;
        width : 220px;
        Overflow: Hidden;       
      Border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        }

    .MiniBoite1{
        Float: left;
        margin-left: 25px;
        margin-bottom: 25px;
        padding : 10px 10px;
        text-align : left;
        width : 220px;
        height : 90px;
        Overflow: Hidden;
        border-top-left-radius: 100px;
        -moz-border-radius-top-left: 100px;
        -webkit-border-radius-top-left: 100px;
        Border-width : 1px 1px 1px 5px;
        Border-style: solid dotted dotted solid;
        Border-color : #060e11;
        -webkit-transition: -webkit-border-radius  2s ease-out;
        -moz-transition: -moz-border-radius 2s ease-out;
        -o-transition: border-radius 2s ease-out;
        transition: border-radius 2s ease-out;
    }
    .MiniBoite1:hover{
        -webkit-border-radius: 5px 40px;
        -moz-border-radius: 5px 40px;
        border-radius: 5px 40px;
        Overflow : auto;
    }

    .MiniBoite2{
        Float: right;
        margin-right: 25px;
        margin-bottom: 25px;
        padding : 10px 10px;
        width : 220px;
        height : 90px; 
        text-align : left;
        border-top-right-radius: 100px;
        -moz-border-radius-top-right: 100px;
        -webkit-border-radius-top-right: 100px;
        Border-width : 1px 5px 1px 1px;
        Border-style: solid solid dotted dotted;
        Border-color : #060e11;
        Overflow: Hidden;
        -webkit-transition: -webkit-border-radius  2s ease-out;
        -moz-transition: -moz-border-radius 2s ease-out;
        -o-transition: border-radius 2s ease-out;
        transition: border-radius 2s ease-out;
    }
    .MiniBoite2:hover{
        -webkit-border-radius: 40px 5px;
        -moz-border-radius: 40px 5px;
        border-radius: 40px 5px;
        Overflow : auto;
    }

    .MiniBoite3{
        Float: right;
        margin-right: 25px;
        margin-top : -1px;
        margin-bottom : 10px;
        width : 500px;
        height : 100px;
        border-top-right-radius: 100px;
        -moz-border-radius-top-right: 100px;
        -webkit-border-radius-top-right: 100px;
        border-top-left-radius: 100px;
        -moz-border-radius-top-left: 100px;
        -webkit-border-radius-top-left: 100px;
        Border-width : 4px 1px 1px 1px;
        Border-style: solid solid dotted solid;
        Border-color : #060e11;
        -webkit-transition: -webkit-border-radius  2s ease-out;
        -moz-transition: -moz-border-radius 2s ease-out;
        -o-transition: border-radius 2s ease-out;
        transition: border-radius 2s ease-out;
        Overflow : hidden;
        }
    .MiniBoite3:hover{
        -webkit-border-radius: 5px 5px 40px 40px;
        -moz-border-radius: 5px 5px 40px 40px;
        border-radius: 5px 5px 40px 40px;
        Overflow : auto;
    }

    .MiniBoite4{
        Float: right;
        margin-right: 25px;
        margin-top : 2px;
        margin-bottom : 30px;
        width : 500px;
        height : 100px;
        border-bottom-right-radius: 100px;
        -moz-border-radius-bottom-right: 100px;
        -webkit-border-radius-bottom-right: 100px;
        border-bottom-left-radius: 100px;
        -moz-border-radius-bottom-left: 100px;
        -webkit-border-radius-bottom-left: 100px;
        Border-width : 1px 1px 4px 1px;
        Border-style: dotted solid solid solid;
        Border-color : #060e11;
        -webkit-transition: -webkit-border-radius  2s ease-out;
        -moz-transition: -moz-border-radius 2s ease-out;
        -o-transition: border-radius 2s ease-out;
        transition: border-radius 2s ease-out;
        Overflow : hidden;
        }
    .MiniBoite4:hover{
        -webkit-border-radius: 5px 40px;
        -moz-border-radius: 5px 40px;
        border-radius: 5px 40px;
        Overflow : auto;
        }

    .MiniBoite5{
        margin-left : 3px;
        margin-bottom :10px;
        width : 700px;
        padding : 10px;
        height : 70px;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        Border-width: 1px 5px;
        border-style: dotted solid;
        border-color: #060e11;
        Overflow: Hidden;
        }
    .MiniBoite5:hover{
        Overflow : auto;
    }

        .MiniTitre2{
        font-size:18px;
        text-shadow: -2px -2px 2px black;
      color: #060e11;
        }

        .MiniTitre3{
        display: block;
        font-size:18px;
        text-shadow: -2px -2px 2px black;
      color: #060e11;
        }

        .clear{
        clear: both;
        }


/* Contexte */
    .GBoite4{
    width:800px;
        overflow:hidden;
    border: 1px solid #259e99;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
      background-color: #f5fbfc;
    color: #175046;
    font-family: georgia;
    font-size: 14px;
    box-shadow: 0px 0px 10px #000000;
    }

    .PBoite4{
    width:700px;
    border:1px dashed;#0f4047;
        text-align:left;
      padding: 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #0f4148;
    font-family: georgia;
    font-size: 14px;
    }

HTML de ma P.A :

Code:

<center>
<script type="text/javascript">
        //<!--
                function change_paonglet(name)
                {
                        document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
                        document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
                        document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
                        document.getElementById('contenu_paonglet_'+name).style.display = 'block';
                        anc_paonglet = name;
                }
        //-->
        </script><div class="paonglets">
            <span class="paonglet_0 paonglet" id="paonglet_accueil" onMouseOver="javascript:change_paonglet('accueil');"><img src="http://i43.servimg.com/u/f43/13/93/32/39/new_on16.png" /></span>
            <span class="paonglet_0 paonglet" id="paonglet_Contexte" onMouseOver="javascript:change_paonglet('Contexte');"><img src="http://i43.servimg.com/u/f43/13/93/32/39/new_on15.png" /></span>
            <span class="paonglet_0 paonglet" id="paonglet_Permission" onMouseOver="javascript:change_paonglet('Permission');"><img src="http://i43.servimg.com/u/f43/13/93/32/39/new_on14.png" /></span>
<span class="paonglet_0 paonglet" id="paonglet_Crédit" onMouseOver="javascript:change_paonglet('Crédit');"><img src="http://i43.servimg.com/u/f43/13/93/32/39/new_cr11.png" /></span></div>



        <div class="contenu_paonglets">


            <div class="contenu_paonglet" id="contenu_paonglet_accueil">

<table width="100%" cellspacing="5" id="tablacc">
<tr>
<td rowspan="2"><div class="Body">
<center><img src="http://i33.servimg.com/u/f33/13/93/32/39/infos_12.png"/><br><br>Le design de ce forum a été optimisé pour :<br><br><img src="http://i43.servimg.com/u/f43/13/93/32/39/39192110.png"/> <img src="http://i43.servimg.com/u/f43/13/93/32/39/92108510.png"/><br><br>♠ ♠ ♠ ♠<br><br>Nous acceptons sans problèmes le yaoï et le yuri, mais PAS les <a href="http://www.manga-news.com/index.php/definition/Lemon">Lemons</a><br><br>♠ ♠ ♠♠<br><br>A partir de maintenant, vous avez un mois pour poster votre présentation !<br><br>♠ ♠ ♠ ♠<br><br>Tout Domë restant inactif pendant plus de 3 mois risque la suppression de son compte... prévenez en cas d'absence prolongée ou de soucis techniques ! ;)<br><br>♠ ♠ ♠ ♠<br><br>Notre fow est doucement en train de renaitre de ses cendres... avec un peu de persévérance, nous sommes certains d'arriver à nos fins ! ^^<br>N'hésitez pas à poster des sujets en libre (et de l'annoncer dans le topic correspondant ;p) ou à en demander par MP !<br><br>♠ ♠ ♠ ♠<center></div>
</td>
<td colspan="2" rowspan="2">
<center><img src="http://i33.servimg.com/u/f33/13/93/32/39/texte_13.png" /></center>
</td>
<td><div class="Body">
<center><img src="http://i33.servimg.com/u/f33/13/93/32/39/news10.png"/><br><br><span class="News"><em><u><strong>13/04/2013</strong></u></em><br><br>Changement dans les Pouvoirs (on est vraiment désolés !!!) : pour être télékinésiste il faut être soit Tonnerre soit AIR, les TERRES récoltent donc l'INVISIBILITE<br><br>♠ ♠ ♠ ♠<br><br><em><u><strong>10/04/2013</strong></u></em><br><br>Un petit sondage a été lancé <a href="http://valhalla.tonempire.net/t704-c-est-tout-une-histoire-de-navigateur">ici</a>, venez y répondre ! ;)</span><br><br>♠ ♠ ♠ ♠<br><br><em><u><strong>21/03/2013</strong></u></em><br><br>Nous accueillons une nouvelle Modo : bienvenue dans le Staff Mana !<br><br>♠ ♠ ♠ ♠<br><br></center>
</div>
</td>
</tr>
<tr>
<td><div class="Body">
<center><img src="http://i33.servimg.com/u/f33/13/93/32/39/liens_10.png"/><br><br><marquee height="220" direction="up" scrolldelay="150">
<a href="http://valhalla.tonempire.net/f1-reglement"> ♦ Le Sacro Saint Règlement</a><br><br>
<a href="http://valhalla.tonempire.net/t643-livre-2-initiation-aux-pouvoirs-et-aux-grades"> ♦ Les Pouvoirs</a><br><br>
<a href="http://valhalla.tonempire.net/t52-livre-4-les-animaes"> ♦ Les Animaes</a><br><br>
<a href="http://valhalla.tonempire.net/f21-contexte"> ♦ Le Background</a><br><br>
<a href="http://valhalla.tonempire.net/f2-presentations"> ♦ Les prés'</a><br><br>
<a href="http://valhalla.tonempire.net/f99-nouveaux-sujets"> ♦ Nouveau topic Libre</a><br><br>
<a href="http://valhalla.tonempire.net/t658-nos-amis-ou-pas-les-pnj-d"> ♦ Les PNJ</a><br><br>
<a href="http://valhalla.tonempire.net/t365-chambres-personalisees-d#11253"> ♦ Personnaliser Sa Chambre</a><br><br>
<a href="http://valhalla.tonempire.net/f64-partenariat"> ♦ Devenir Partenaires ?</a></marquee></strong></center>
</div>
</td>
</tr>
<tr>
<td colspan="4"><div class="Body"><center><br>Serez-vous notre prochain Top Partenaire ?<br><br></center></div>
</td>
</tr>
</table>

</div>


            <div class="contenu_paonglet" id="contenu_paonglet_Contexte">

<table width="100%" cellspacing="5" id="tablacc">
<tr>
<td colspan="3"> <div class="Body">
<center><strong><br><br>École un peu particulière, nichée au coeur des montagnes des Rocheuses, elle abrite des élèves pas comme les autres.<br> <br>Chacun, alors qu’il pensait être un humain tout ce qu’il y a de plus normal, possède des pouvoirs particuliers. <br><br>Ici, magie et renaissance se mêlent pour vous permettre de changer votre destin.<br><br> Vous avez eu la possibilité de découvrir qui vous étiez vraiment et avez accepté. <br><br> Personne n’est à Valhalla par hasard...<br><br></strong></center>
</div>
</td>
</tr>
<tr>
<td colspan="3"><div style="margin:auto;text-align:center;width:660px;">
<img src="http://i33.servimg.com/u/f33/13/93/32/39/membre10.png"/><br><br>
        <div class="infobulle"><img src="http://i43.servimg.com/u/f43/13/93/32/39/re11.jpg" />
        <div class="infobulle-hidden"><strong>Reia<br><br>
        <u>Role :</u><em>Administratrice</em><br>
        <u>Présence :</u> <em>A toujours un œil sur l’École<br></em></strong></div></div>
        <div class="infobulle"> &nbsp &nbsp &nbsp<img src="http://i43.servimg.com/u/f43/13/93/32/39/fa11.jpg" />
        <div class="infobulle-hidden"><strong>Farfaya<br><br>
        <u>Role :</u> <em>Administratrice</em><br>
        <u>Présence :</u> <em>Se balade de temps à autre dans les couloirs<br></em></strong>
</div></div>
        <div class="infobulle"> &nbsp &nbsp &nbsp<img src="http://i43.servimg.com/u/f43/13/93/32/39/ani11.jpg" />
        <div class="infobulle-hidden"><strong>Anikei<br><br>
        <u>Role :</u> <em>Administrateur</em><br>
        <u>Présence :</u> <em>Indétectable<br></em></strong>
</div></div>
        <div class="infobulle"> &nbsp &nbsp &nbsp<img src="http://i43.servimg.com/u/f43/13/93/32/39/kaine_11.jpg" />
        <div class="infobulle-hidden"><strong>Azylis<br><br>
        <u>Role :</u> <em>Administratrice</em><br>
        <u>Présence :</u> <em>Toujours à son poste ! <br></em></strong>
</div></div>
</div>
</td>
</tr>
<tr>
<td><div class="Body">
<center><img src="http://i33.servimg.com/u/f33/13/93/32/39/matao10.png"/><br><br>Chers Amis, cette année encore l'hiver glacial s'est installé dans notre Vallée.<br> Pour ceux qui n'ont pas eu le courage de mettre le nez dehors, sachez que la température avoisine joyeusement les -20°C ! (Et oui, nous sommes dans les Rocheuses !). Normalement, la cour est déblayées chaque jour, mais une fois les grilles passées, c'est une immensité blanche qui s'offre à vous... de quoi faire de mémorables batailles de boules de neige !<br>Les Lacs sont quant à eux recouverts d'une solide couche de glace qui ne fondra pas avant quelques mois, ce qui vous permettra peut être de vous découvrir un talent certain pour le patin à glace ! <br>Mais restez tout de même prudents : les jours sont très courts et la nuit tombe vite... faites en sorte d'être dans l'enceinte de l'Ecole au Crépuscule, ou vous risquez de faire de bien mauvaises rencontres... Tous les animaux n'hibernent pas à cette époque.<br><br></center>
</div>
</td>
<td><div style="margin:auto;text-align:center;width:330px;">
<img src="http://i33.servimg.com/u/f33/13/93/32/39/assist10.png"/><br><br>
        <div class="infobulle"><img src="http://i43.servimg.com/u/f43/13/93/32/39/aki11.jpg" />
        <div class="infobulle-hidden"><strong>Akira<br><br>
        <u>Role :</u><em>Modérateur</em><br>
        <u>Présence :</u> <em>Vient régulièrement s'entrainer</em></strong>
</div></div>
        <div class="infobulle"> &nbsp &nbsp &nbsp<img src="http://i75.servimg.com/u/f75/13/93/32/39/mana510.jpg" />
        <div class="infobulle-hidden"><strong>Mana<br><br>
        <u>Role :</u> <em>Modérateur</em><br>
        <u>Présence :</u> <em>Vous a à l'oeil...</em></strong>
</div></div><br><br><br><br>
        <div class="infobulle"> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<img src="http://i43.servimg.com/u/f43/13/93/32/39/ed11.jpg" />
        <div class="infobulle-hidden"><strong>Edward<br><br>
        <u>Role :</u> <em>Modérateur</em><br>
        <u>Présence :</u> <em>Aléatoire... comme son humour !</em></strong></div></div>
</div>
</td>
<td><div class="Body">
<center><div class="infobulle"><img src="http://i33.servimg.com/u/f33/13/93/32/39/topics10.png"/><div class="infobulle-hidden"><strong>Les liens suivants constituent le fil directeur de l'histoire du forum. <br>Attention, si vous souhaitez bien tout comprendre, il sera peut être nécessaire de demander des infos aux joueurs concernés. En effet, il y a parfois des références à d'autres topics non listés ici (car pas en lien directe avec la trame principale)</strong>
</div></div><br><br>
<em>Pour suivre l’histoire de Valhalla...</em><br><br><a href="http://valhalla.tonempire.net/t134-profitez-je-serais-pas-toujours-aussi-obeissante-istarion-et-valar-qui-voudront">♦ Un retour haut en couleurs</a><br><br><a href="http://valhalla.tonempire.net/t167-laissez-moi-partir-prive ">♦ Laissez-moi y aller !</a><br><br><a href="http://valhalla.tonempire.net/t170-hana-chan ">♦ En route vers le Mexique</a><br><br><a href="http://valhalla.tonempire.net/t174-attends-qu-on-arrive-tu-vas-rien-comprendre-ee ">♦ Une mission bien risquée...</a><br><br><a href="http://valhalla.tonempire.net/t278-demerdez-vous-mais-trouvez-quelqu-un-d-autre-priver">♦ Trouvez quelqu'un d'autre !</a><br><br><a href="http://valhalla.tonempire.net/t297-ca-sens-pas-bon">♦ Changement de programme</a><br><br><a href="http://valhalla.tonempire.net/t371-haut-vol-pour-une-fin-de-partie">♦ Une dernière mission...</a><br><br><a href="http://valhalla.tonempire.net/t448p60-la-maison-enfin-prive ">♦ ... Trop lourde de conséquences</a><br><br><a href="http://valhalla.tonempire.net/t502-mission-de-routine-pour-passer-a-autre-chose">♦ Un "heureux" hasard</a><br><br><a href="http://valhalla.tonempire.net/t563-trop-c-est-trop-que-quelqu-un-ait-pitie-de-mes-nerfs-s-il-vous-plait-prive">♦ Retour d'un ancien Istarion</a><br><br>A suivre... ;) <br>
</center>
</div></div>
</td>
</tr>
</table>

</div><div class="contenu_paonglet" id="contenu_paonglet_Permission">

<table width="100%" cellspacing="5" id="tablacc">
<tr>
<td colspan="2"><div class="Body">
<center><img src="http://i33.servimg.com/u/f33/13/93/32/39/parten11.png"/><br><br><a href="http://genesis-rpg.forumactif.com/"><img src="http://img15.hostingpics.net/pics/177993boutongenesis1.jpg" /></a> <a href="http://furonline.forumactif.fr/"><img src="http://img4.hostingpics.net/pics/927438fur1.png" /></a> <a href="http://www.x-men-rpg.com/"><img src="http://img15.hostingpics.net/pics/822785blien2.gif"border="0"></a><br><br>Un partenariat entre notre forum et le votre vous intéresse ? Tout ce que vous avez besoin de savoir se trouve <a href="http://valhalla.tonempire.net/f64-partenariat">>ICI<</a><br><br></center>
</div>
</td>
</tr>
<tr>
<td><div class="Body">
<center><img src="http://i33.servimg.com/u/f33/13/93/32/39/top_si10.png"/><br><br>
<a href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1411" target="_blank"><img src="http://i43.servimg.com/u/f43/13/93/32/39/top_si11.png" border="0" alt="valhalla" title="valhalla"></a>
<a href="http://www.root-top.com/topsite/forumrpg/in.php?ID=7214" target="_blank"><img src="http://i43.servimg.com/u/f43/13/93/32/39/top_si12.png" border="0" alt="valhalla" title="valhalla"></a>
<a href="http://en.root-top.com/toplist/hoglard/in.php?ID=4904" target="_blank">
<img src="http://i43.servimg.com/u/f43/13/93/32/39/top_si13.png" border="0" alt="dawn destiny top site jeux role" title="dawn destiny top site jeux role"></a>
<a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=9364" target="_blank"><img src="http://i43.servimg.com/u/f43/13/93/32/39/top_si10.png" border="0" alt="valhalla" title="valhalla"></a>
<a href="http://www.root-top.com/topsite/everutopia/in.php?ID=315" target="_blank">
<img src="http://i75.servimg.com/u/f75/13/93/32/39/top_si10.png" border="0" alt="039 ever utopia" title="039 ever utopia"></a><br><br>Un p'tit clic sur ces images permettrait de retrouver plus de Domës perdus, alors n'hésitez pas !<br>En moins d'1 minute c'est plié ! ;)<br><br></center>
</div>
</td>
<td> <div class="Body"><div style="margin:auto;text-align:center;width:300px;">
<img src="http://i43.servimg.com/u/f43/13/93/32/39/attent11.png"/><br><br> Notre forum n'est pas forcément adapté à tous !<br><br><img src="http://i43.servimg.com/u/f43/13/93/32/39/58826710.jpg"/> &nbsp &nbsp <img src="http://i43.servimg.com/u/f43/13/93/32/39/36282110.png"/> &nbsp &nbsp <img src="http://i43.servimg.com/u/f43/13/93/32/39/59684910.png"/>
<br>
<br>
Mais nous ne sommes pas à 1 an près non plus ! ;p
<br>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<center>Référencement à venir ?</center>
</td>
</tr>
</table>

</div>

            <div class="contenu_paonglet" id="contenu_paonglet_Crédit">

<table width="100%" cellspacing="5" id="tablacc">
<tr>
<td><center><img src="http://nsa31.casimages.com/img/2012/11/06/121106081729291182.png" /></center><iframe width="400" height="295" src="http://www.youtube.com/embed/dtfe1ZOnTzQ" frameborder="0" allowfullscreen></iframe><br><font size="2px"><font color="#e345ff"><em>Un grand bravo à Reia pour cette chouette vidéo ! *3*<br><br></em></font></font>
</td>
</tr>
</table>

</div>


</div></div>
    <script type="text/javascript">
        //<!--
                var anc_paonglet = 'accueil';
                change_paonglet(anc_paonglet);
        //-->
        </script>
</center>

JAVASCRIPT :
¤ Pour des infobulles en guise des descriptions des forums:

Code:

$(function(){
    $("a.forumtitle").hover(
        function () {
          $(this).parents("dl.icon").find(".desc_forum").css("visibility","visible");
      },
      function () {
          $(this).parents("dl.icon").find(".desc_forum").css("visibility","hidden");
      }
    );
});

¤ Sauvegarde des messages:

Code:

//js01.fra.co/14000.js [window.localStorage&&localStorage.getItem("br-target")]
        http://js01.fra.co/12000.js [window.localStorage&&$("#text_editor_textarea").length]

Les Templates ce n'est pas la peine : je n'ai modifié que le QEEL et pas le reste.


Le plus frustrant, c'est que je suis sûre que c'est possible puisque je le vois sur d'autres forum Phpbb2, je ne comprends pas ce qui cloche chez moi ><

Au cas où je mets l'adresse de mon forum-test-tout-moche-car-en-construction : http://valhalla-test.lebonforum.com/

(Je viens d'ailleurs de remarquer que la couleur s'est aussi incrustée dans mon QEEL --")

[Invité]

Salut Azylis et Scipion,
une petite astuce pour ça il faut passer par le template pour régler
l'apparence:

Voilà la bestiole :

par défaut la page d'accueil à une couleur de fond attribuée par les class suivantes:

Code:

.forumline , .catHead et  .row1

Le soucis est qu'elles se répètent à mainte reprise sur l'ensemble du forum,
donc il vaut mieux attribuer d'autres class .

La couleur de fond peut parfois gêner lors d’insertion de tableau(x) etc etc.
Le tutoriel suivant vous donnera une P.A complétement nue .

On va changer tout çà :
Dans le template index_body:

Affichage/Templates/Général/index_body

Au début du template recherchez ceci et supprimez le:

Code:


<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->


Remplacez par ceci:

Code:

<!-- BEGIN message_admin_index -->
<table class="M14_forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="M14_catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="M14_row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->


Pensez a enregistrer les modifications en cliquant respectivement sur et

J'ai renommé les class

Code:

forumline , catHead et row1

par:

Code:

M14_forumline , M14_catHead et M14_row1

On va ensuite via la feuille de style leurs donner nos propres informations .


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

collez ceci:

Code:


/*on desactive la couleur de fond et les bordures du tableau*/
.M14_forumline {background:none !important;border:none;}
/*on desactive la couleur de fond et les bordures du bloc du titre de la P.A*/
.M14_catHead {background:none !important;border:none;}
/*on desactive la couleur de fond et les bordures du contenu du tableau*/
.M14_row1 {background:none !important;border:none;}


Maintenant tu peux faire ce que bon te semble dans la feuille de style .


Pense à valider les modifications en cliquant sur le bouton "Valider".

a++

[Azylis]

... Milouze14, vois-tu le rayon de lumière qui t'illumine en ce moment même ? Non ? C'est bien dommage, car c'est ce qui prouve que tu viens de me sauver !

Ton code marche à la perfection, merci beaucoup ! En plus tu as eu la gentillesse de m'expliquer le pourquoi du comment de la manip', c'est très sympa de ta part ^^

Merci à tous les deux pour votre aide, mes soucis sont maintenant résolus !