L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 


Aller à la page : Précédent  1, 2


 ['Christa + Macema] Portail à onglets

Macema
Messages : 137
Le jQuery, je ne le connais pas encore assez pour l'utiliser Embarassed

par contre, dans ce cas, c'est plutôt ceci que tu demandes :

Code:
<div style="padding-bottom: 4px;" align="center" width="900">

  <div id="mes_onglets">
        <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Evénements</span>
            <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">A propos...</span>
         
</div>
       
<div class="pabvnu">~†~ Bienvenue {USERNAME} ~†~ </div>
<div class="paintro">" Va, vis et deviens...Ou meurs ! "</div>
   
            <div class="clear"><div id="mes_contenus" width="900">
        <div id="co_1" class="mon_contenu">
<!--—début contenu événements -->
      
<table cellpadding="3" cellspacing="5" width="100%"><tbody><tr>

<!--—colonne partenaires -->

<td align="center" valign="top" width="130">

<p class="paparten">Partenaires</p>


<a href="http://www.lestablesdolaria.com/portal.htm" target="_blank"><img class="imguser" src="http://img229.imageshack.us/img229/1363/olaria.png" title="Attention, ils mordent..." alt="Les Tables d'Olaria" style="margin: 4px;" hspace="2" vspace="2" /></a>

<a href="http://witchslay.forumactif.com/" target="_blank"><img class="imguser" src="http://img9.imageshack.us/img9/2125/tws.png" title="Qui a peur des Sorcières ?!" alt="The Witch Slay" style="margin: 4px;" hspace="2" vspace="2" /></a>

<a href="http://walhalla.forumsactifs.com" target="_blank"><img class="imguser" src="http://i40.servimg.com/u/f40/11/80/29/92/111.jpg" title="Quand corruption et argent dominent le monde" alt="Walhalla" style="margin: 4px;" hspace="2" vspace="2" /></a>

<a href="http://www.from-dust-to-hell.com" target="_blank"><img class="imguser" src="http://i40.servimg.com/u/f40/11/80/29/92/hell11.jpg" title="L'enfer ne sera pas complet tant que vous n'y soyez" alt="Hell's Gate" style="margin: 4px;" hspace="2" vspace="2" /></a>

<a href="http://http://www.thevoodoochild.com/" target="_blank"><img class="imguser" src="http://i40.servimg.com/u/f40/11/80/29/92/sans_t11.jpg" title="Espace libre" alt="????" style="margin: 4px;" hspace="2" vspace="2" /></a>


<p style="font-size: 10px;" class="menu"><a href="http://www.thevoodoochild.com/autres-mondes-f2/recapitulatif-de-nos-partenaires-et-amis-t1755.htm">Les autres...</a>

<a href="http://www.thevoodoochild.com/autres-mondes-f2/demande-de-partenariat-t16.htm#21">[Vous ?]</a></p>

</td>

<!--—Events -->

<td align="center" valign="top" width="150px">

<p class="paeventinfo">Évènements en cours et informations</p>

<a href="http://www.thevoodoochild.com/t2449-soiree-d-inauguration#43323" title="Inauguration du Wild Bar"><img class="imguser" src="http://i40.servimg.com/u/f40/11/80/29/92/ban12.jpg" alt="Bar méta!" /></a>




<p class="pahist3">Ami Visiteur, que dirais tu de venir jouer un peu avec nous ?
Inspiré d'un ancien partenaire (Moonlight) qui avait tenté l'expérience il y a deux ans, Nous avons l'immense plaisir de vous annoncer l'ouverture des comptes touristes aux non inscrits... Pour plus d'explications c'est par <a href="http://www.thevoodoochild.com/t1058-point-sejour">ICI ◘</a> </p>
<p class="painfo1">"Nous manquons d'Humains !!."</p>
<p class="painfo2">"Forum ouvert en Septembre 2008."</p>

</td>

<!--—colonne navigation -->

<td align="center" valign="top" width="130">

<p class="panavig">Navigation</p>
<a href="http://voodoo-child.darkbb.com/les-rgles-f22/"><img class="imguser" src="http://img96.imageshack.us/img96/2518/regles.png" alt="Les Règles" style="margin: 15px 4px 4px;" hspace="2" vspace="2" /></a>

<a href="http://voodoo-child.darkbb.com/contexte-f29/"><img class="imguser" src="http://img412.imageshack.us/img412/3641/contextec.png" alt="Le Contexte" style="margin: 4px;" hspace="2" vspace="2" /></a>

<a href="http://voodoo-child.darkbb.com/contexte-f29/la-population-recapitulatif-avec-liens-cliquables-t157.htm"><img class="imguser" src="http://img139.imageshack.us/img139/6729/population.png" alt="La Population" style="margin: 4px;" hspace="2" vspace="2" /></a>

<a href="http://voodoo-child.darkbb.com/le-recensement-f26/"><img class="imguser" src="http://img413.imageshack.us/img413/5395/recensement.png" alt="Le Recensement" style="margin: 4px;" hspace="2" vspace="2" /></a>

<a href="http://www.thevoodoochild.com/scenarii-f112/"><img class="imguser" src="http://img249.imageshack.us/img249/9654/scenarii.png" alt="Scenarii" style="margin: 4px;" hspace="2" vspace="2" /></a>


<p style="font-size: 10px;" class="menu"><a href="http://voodoo-child.darkbb.com/nos-lois-f22/guide-du-nouvel-arrivant-t394.htm#3513">Guide
du Nouvel arrivant</a></p>
 
</td>
</tr></tbody></table>
<!--—fin contenu événements -->
</div>
        <div id="co_2" class="mon_contenu" style="display: none;">
<!--—début contenu a propos -->
      <table cellpadding="3" cellspacing="5" width="100%"><tbody><tr>

<!--Première colonne Ossements -->
<td align="center" valign="top" width="130">
<img src="http://i43.servimg.com/u/f43/09/03/82/79/sque11.png" />
</td>
 
<!--—Centre contexte accueil-->

<td align="center" valign="top">

<p class="pahist1">Depuis que les êtres surnaturels ont fait leur "Coming Out" et qu'ils ont pignon sur rue, la vie s'est réorganisée à la Nouvelle Orléans et dans toute la Louisiane. Mais ici, terre de vieilles superstitions, il règne une atmosphère propice à l'ascension du mal. Alors comme diraient les anciens de la région : "Bienvenue à Voodoo Child".</p>
<p class="pahist2">Nous traversons l'été 2048...</p>

<a href="http://www.thevoodoochild.com/contexte-f29/4-le-gps-les-lieux-particuliers-t547.htm">Vous cherchez un lieu : consultez le GPS de Voodoo</a>


<p class="paimgbreve"><img src="http://img198.imageshack.us/img198/9137/brvestest.png" title="Les Nouvelles Pas Fraiches" /></p>

<!-- Le cadre de l'Organe -->
<div class="pacadreorgane">

<img src="http://i47.tinypic.com/2usu1jb.png" alt="TPH" />
<strong>▪ Mort Heureuse et scandaleuse du Maire !</strong>

C'est dans son bureau que le Maire de la ville a été retrouvé suffocant les mains prises dans la chevelure flamboyante en désordre d'une prostituée.
Miss Chatoyante comme on l'a surnomme était selon les proches du maire, une habituée du petit salon privé du maire. Hier après midi, ce sont...

<div align="right"><a href="http://www.thevoodoochild.com/t258p15-faits-divers-de-la-semaine#40951">Lire la suite</a></div>




<img src="http://i50.tinypic.com/2mhzsqg.png" alt="Genosis Corp" />
<strong>▪ Une meute à la Nouvelle Orléans</strong>

La Nouvelle Orléans n'avait jusque là aucune meute, mais en 2048, les Werewolwes font leur apparition et demandèrent au Sachem l'autorisation de s'installer en ville. Voici leur histoire, leurs règles et leur hiérarchie...

<div align="right"><a href="http://www.thevoodoochild.com/t2253-les-werewolves">Découvrir la meute</a></div>



</div>

<!-- Fin cadre organe -->

</td>

<!--—Colonne 2 ossements-->

<td align="center" valign="top" width="130px">
<img src="http://i43.servimg.com/u/f43/09/03/82/79/squedr10.png" />
</td>
 
</tr></tbody></table>
<!--—fin contenu a propos -->
</div>
    </div></div></div></div></div>

En fait, j'ai hésité entre les deux, mais a force de mettre trop de div, je me suis dit qu'on pouvais s'y perdre pour les gens ne s'y connaissant pas. Je ne cherche pas qu'à simplifier un code à tout prix, mais aussi à ce que les personnes puissent s'y retrouver ensuite. Et le tableau est déjà plus connu que les div. Pour le style, je n'ai pas trouvé l'intéret de le démarquer en css.

PS : effectivement j'avais oublié un / à un <.tr.> j'ai édité.
'ChristaV.I.P.avatar
Messages : 586
C'est la première fois qu'on me dit qu'il est plus facile de s'y retrouver dans un tableau O.o La plupart des gens ne maîtrisent pas du tout d'ailleurs.

Dans ta version tableau, il y a aussi le div des onglets qui se voit privé de sa balise fermante x) Et, sans doute par voie de conséquence, une balise fermante de div qui s'est égarée au milieu de nulle part. Avec notepad++, quand tu sélectionnes une balise, ça te permet de voir où elle se ferme et donc de voir quand ça coince @x@

Et sinon, par simple commodité, j'aurais tendance à suggérer de sauter les lignes dans le fichier CSS pour le rendre plus lisible (une propriété par ligne), et de moins condenser le code HTML.

Après, pour être honnête, je ne suis pas tout à fait d'accord avec les choix que tu as pu faire, mais dans la mesure où j'ai accepté que tu proposes quelque chose bien que j'avais dit m'occuper de cette commande je ne dois pas m'en plaindre UoU

Jersey, un avis ? Tu veux mon code ou bien l'actuel te convient très bien ? Wink
Macemaavatar
Messages : 137
@Macema a écrit:
Par contre j'ai gardé le coté condensé du code, même si j'ai tendance à plus faire de sauts de ligne entre chaque pour une meilleure clarté.

Je sais moi aussi ^^ mais comme je l'ai signifié je m'adapte aux habitudes des utilisateurs. Justement j'utilise notepad également. Donc c'est plus "frais" de tout séparer.

pour la div je ne vois pas, du moins j'ai repasser tous mes codes par notepad, je n'ai pas trouvé le problème
'ChristaV.I.P.avatar
Messages : 586
notepad++, hein, pas notepad XD C'est pas pareil. Et j'ai édité mon précédent message. Et pour la div, je parle de div id="mes_onglets" dans le code version tableau, qui n'est pas fermée, et d'une /div en trop à la toute fin du code.

Et comme j'ai dit ailleurs, quitte à être pédago, autant donner de bonnes habitudes aux commanditaires /o/

Bon, je vais arrêter de chipoter pour le moment et m'occuper de ma commande en cours, à force de butiner sur plusieurs forums je m'embrouille dans mes ordres de commandes.
JerseyV.I.P.avatar
Messages : 1156
Bon au final je prends quoi ? Je m'y perds un peu...
Macemaavatar
Messages : 137
Essayez ceci : ^^ je m'auto-cite

Pour un tableau à onglets, vous avez trois codes à insérer :

un code Javascript à mettre dans Panneau d'administration > Modules > Gestion des codes javascripts. Créez un nouveau javascript. Donnez-lui le titre de votre choix, et cochez la case "Sur l'index" :
Code:
    function changeOnglet(_this){
        var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('span');
        for(var i = 0; i < getOnglets.length; i++){
            if(getOnglets[i].id){
                if(getOnglets[i].id == _this.id){
                    getOnglets[i].className = 'mon_onglet_selected';
                    document.getElementById('c' + _this.id).style.display            = 'block';
                }
                else{
                    getOnglets[i].className = 'mon_onglet';
                    document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
                }
            }
        }   
    }

Un code HTML à mettre dans PA > Affichage > Généralités, à la place de votre ancien code :
Code:
 <div style="padding-bottom: 4px;" align="center" width="900">

  <div id="mes_onglets">
        <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Evénements</span>
            <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">A propos...</span>
       
</div>
     
<div class="pabvnu">~†~ Bienvenue {USERNAME} ~†~ </div>
<div class="paintro">" Va, vis et deviens...Ou meurs ! "</div>
 
            <div class="clear"><div id="mes_contenus" width="900">
        <div id="co_1" class="mon_contenu">
<!--—début contenu événements -->
     
<table cellpadding="3" cellspacing="5" width="100%"><tbody><tr>

<!--—colonne partenaires -->

<td align="center" valign="top" width="130">

<p class="paparten">Partenaires</p>


<a href="http://www.lestablesdolaria.com/portal.htm" target="_blank"><img class="imguser" src="http://img229.imageshack.us/img229/1363/olaria.png" title="Attention, ils mordent..." alt="Les Tables d'Olaria" style="margin: 4px;" hspace="2" vspace="2" /></a>

<a href="http://witchslay.forumactif.com/" target="_blank"><img class="imguser" src="http://img9.imageshack.us/img9/2125/tws.png" title="Qui a peur des Sorcières ?!" alt="The Witch Slay" style="margin: 4px;" hspace="2" vspace="2" /></a>

<a href="http://walhalla.forumsactifs.com" target="_blank"><img class="imguser" src="http://i40.servimg.com/u/f40/11/80/29/92/111.jpg" title="Quand corruption et argent dominent le monde" alt="Walhalla" style="margin: 4px;" hspace="2" vspace="2" /></a>

<a href="http://www.from-dust-to-hell.com" target="_blank"><img class="imguser" src="http://i40.servimg.com/u/f40/11/80/29/92/hell11.jpg" title="L'enfer ne sera pas complet tant que vous n'y soyez" alt="Hell's Gate" style="margin: 4px;" hspace="2" vspace="2" /></a>

<a href="http://http://www.thevoodoochild.com/" target="_blank"><img class="imguser" src="http://i40.servimg.com/u/f40/11/80/29/92/sans_t11.jpg" title="Espace libre" alt="????" style="margin: 4px;" hspace="2" vspace="2" /></a>


<p style="font-size: 10px;" class="menu"><a href="http://www.thevoodoochild.com/autres-mondes-f2/recapitulatif-de-nos-partenaires-et-amis-t1755.htm">Les autres...</a>

<a href="http://www.thevoodoochild.com/autres-mondes-f2/demande-de-partenariat-t16.htm#21">[Vous ?]</a></p>

</td>

<!--—Events -->

<td align="center" valign="top" width="150px">

<p class="paeventinfo">Évènements en cours et informations</p>

<a href="http://www.thevoodoochild.com/t2449-soiree-d-inauguration#43323" title="Inauguration du Wild Bar"><img class="imguser" src="http://i40.servimg.com/u/f40/11/80/29/92/ban12.jpg" alt="Bar méta!" /></a>




<p class="pahist3">Ami Visiteur, que dirais tu de venir jouer un peu avec nous ?
Inspiré d'un ancien partenaire (Moonlight) qui avait tenté l'expérience il y a deux ans, Nous avons l'immense plaisir de vous annoncer l'ouverture des comptes touristes aux non inscrits... Pour plus d'explications c'est par <a href="http://www.thevoodoochild.com/t1058-point-sejour">ICI ◘</a> </p>
<p class="painfo1">"Nous manquons d'Humains !!."</p>
<p class="painfo2">"Forum ouvert en Septembre 2008."</p>

</td>

<!--—colonne navigation -->

<td align="center" valign="top" width="130">

<p class="panavig">Navigation</p>
<a href="http://voodoo-child.darkbb.com/les-rgles-f22/"><img class="imguser" src="http://img96.imageshack.us/img96/2518/regles.png" alt="Les Règles" style="margin: 15px 4px 4px;" hspace="2" vspace="2" /></a>

<a href="http://voodoo-child.darkbb.com/contexte-f29/"><img class="imguser" src="http://img412.imageshack.us/img412/3641/contextec.png" alt="Le Contexte" style="margin: 4px;" hspace="2" vspace="2" /></a>

<a href="http://voodoo-child.darkbb.com/contexte-f29/la-population-recapitulatif-avec-liens-cliquables-t157.htm"><img class="imguser" src="http://img139.imageshack.us/img139/6729/population.png" alt="La Population" style="margin: 4px;" hspace="2" vspace="2" /></a>

<a href="http://voodoo-child.darkbb.com/le-recensement-f26/"><img class="imguser" src="http://img413.imageshack.us/img413/5395/recensement.png" alt="Le Recensement" style="margin: 4px;" hspace="2" vspace="2" /></a>

<a href="http://www.thevoodoochild.com/scenarii-f112/"><img class="imguser" src="http://img249.imageshack.us/img249/9654/scenarii.png" alt="Scenarii" style="margin: 4px;" hspace="2" vspace="2" /></a>


<p style="font-size: 10px;" class="menu"><a href="http://voodoo-child.darkbb.com/nos-lois-f22/guide-du-nouvel-arrivant-t394.htm#3513">Guide
du Nouvel arrivant</a></p>
 
</td>
</tr></tbody></table>
<!--—fin contenu événements -->
</div>
        <div id="co_2" class="mon_contenu" style="display: none;">
<!--—début contenu a propos -->
      <table cellpadding="3" cellspacing="5" width="100%"><tbody><tr>

<!--Première colonne Ossements -->
<td align="center" valign="top" width="130">
<img src="http://i43.servimg.com/u/f43/09/03/82/79/sque11.png" />
</td>
 
<!--—Centre contexte accueil-->

<td align="center" valign="top">

<p class="pahist1">Depuis que les êtres surnaturels ont fait leur "Coming Out" et qu'ils ont pignon sur rue, la vie s'est réorganisée à la Nouvelle Orléans et dans toute la Louisiane. Mais ici, terre de vieilles superstitions, il règne une atmosphère propice à l'ascension du mal. Alors comme diraient les anciens de la région : "Bienvenue à Voodoo Child".</p>
<p class="pahist2">Nous traversons l'été 2048...</p>

<a href="http://www.thevoodoochild.com/contexte-f29/4-le-gps-les-lieux-particuliers-t547.htm">Vous cherchez un lieu : consultez le GPS de Voodoo</a>


<p class="paimgbreve"><img src="http://img198.imageshack.us/img198/9137/brvestest.png" title="Les Nouvelles Pas Fraiches" /></p>

<!-- Le cadre de l'Organe -->
<div class="pacadreorgane">

<img src="http://i47.tinypic.com/2usu1jb.png" alt="TPH" />
<strong>▪ Mort Heureuse et scandaleuse du Maire !</strong>

C'est dans son bureau que le Maire de la ville a été retrouvé suffocant les mains prises dans la chevelure flamboyante en désordre d'une prostituée.
Miss Chatoyante comme on l'a surnomme était selon les proches du maire, une habituée du petit salon privé du maire. Hier après midi, ce sont...

<div align="right"><a href="http://www.thevoodoochild.com/t258p15-faits-divers-de-la-semaine#40951">Lire la suite</a></div>




<img src="http://i50.tinypic.com/2mhzsqg.png" alt="Genosis Corp" />
<strong>▪ Une meute à la Nouvelle Orléans</strong>

La Nouvelle Orléans n'avait jusque là aucune meute, mais en 2048, les Werewolwes font leur apparition et demandèrent au Sachem l'autorisation de s'installer en ville. Voici leur histoire, leurs règles et leur hiérarchie...

<div align="right"><a href="http://www.thevoodoochild.com/t2253-les-werewolves">Découvrir la meute</a></div>



</div>

<!-- Fin cadre organe -->

</td>

<!--—Colonne 2 ossements-->

<td align="center" valign="top" width="130px">
<img src="http://i43.servimg.com/u/f43/09/03/82/79/squedr10.png" />
</td>
 
</tr></tbody></table>
<!--—fin contenu a propos -->
</div>
    </div></div></div></div></div>

et enfin la css à ajouter et à personnaliser, en plus de celle que je vous ai donné précédemment à la refonte du tableau :
Code:

/*onglet non sélectionne*/
mon_onglet{
  display: inline;
  padding: 2px;
  margin: 2px;
  color: #000;
  border: 1px solid #00ff00;
  background: #ffffff;}

/*onglet au passage de la souris*/
.mon_onglet:hover{
  background: #b8efa1;
  border: 1px solid #ff0000;}
     
/*onglet selectionne*/
.mon_onglet_selected{
  display: inline;
  padding: 2px;
  margin: 2px;
  color: #000;
  background: #ffff00;
  border: 1px solid #0000ff;}
     
.clear{
  clear: both;}

/*cadre des descriptions*/
.mon_contenu{
  border: 1px solid #ffffff;
  padding: 10px;
  margin: 10 px;
  height: 350px;
width:100%;}

/*cadre des contenus*/
#mes_contenus{
  height: 400px;
width:100%;}

^^ Cela vous plait-il ?
JerseyV.I.P.avatar
Messages : 1156
Je vais tester ^^
'ChristaV.I.P.avatar
Messages : 586
Voilà, donc, comme promis, ma propre version x) Fais moi savoir si tu as des ajustements à faire ou si tu préfères l'autre, je te donnerai le code et les explications kivonbien après x)
JerseyV.I.P.avatar
Messages : 1156
@ 'Christa : J'adore !!! <3<3
Juste deux points qui me titillent !

1- En fait je me demande si les deux liens qui ouvrent les onglets ne devraient pas être mis en avant (peut être avec surbrillance lors du survol comme vous l'aviez suggérer au départ) parce qu'on a du mal à voir qu'on peut ouvrir un autre onglet. Ou alors comme les boutons de navigation qu'on passerait alors que sous forme de liens... Qu'en penses tu ?

2- Est ce que je pourrais changer mes news facilement ?

Dans tous les cas, si tu peux me passer le code de base nettoyé histoire que je le garde sous le coude dans mes archives perso ce serait super cool !

@ Macema : J'ai essayé tes codes cela fait très bien également, mais 'Christa me connait depuis longtemps et sans lui dire ce dont j'ai besoin elle va pile dans le mille ! Merci à toi pour ton aide
'ChristaV.I.P.avatar
Messages : 586
Pour le code de base sans rien, je te donne ça :

Dans ton panneau d'administration, onglet affichage » couleurs » feuille de styles CSS, tu rajoutes ceci à la fin de ce qui se trouve déjà dans le champ de texte :


Et donc, le code de ton message d'accueil devient le suivant (en théorie, c'est totalement exactement pareil, mais il peut y avoir des variations dues aux caprices de forumactif XD)


Sinon, je vais voir ce que je vais faire pour les onglets, mais je voulais m'arranger pour que ça ne soit pas trop "criard". Je vais voir avec un effet au survol pas trop violent x)

Pour les news, à toi de juger par rapport au code que je viens de te donner en exemple (css et compagnie, avec les commentaires) et de me dire qu'est-ce que je peux prévoir pour te faciliter le travail Wink
JerseyV.I.P.avatar
Messages : 1156
Merciiiiiiiiiiiiiiiiii C'est génial je le mets en place dès demain sur mon forum test et te fais part des pbs éventuels ^^

'ChristaV.I.P.avatar
Messages : 586
Non mais ça c'est la version "de base", hein, sans les onglets x) Juste pour préciser.

Edit : En ce qui concerne la version avec les onglets, je viens de rectifier un peu, ça donne ça :
JerseyV.I.P.avatar
Messages : 1156
C'est pile poile ce que je voulais !!!
'Christa t'es trop forte je kiffe à mort (comme disent les jeunes !!)

Merci merci merci !!!!
JerseyV.I.P.avatar
Messages : 1156
Double post pour être sure que tu le vois :

Peux tu inclure en petit quelque part le crédit de ce code en mentionnant ton pseudo pour le LDF
'ChristaV.I.P.avatar
Messages : 586
Est-ce que ça te va comme ça ?
JerseyV.I.P.avatar
Messages : 1156
C'est parfait I love you
'ChristaV.I.P.avatar
Messages : 586
Voici donc ce que tu as à faire pour installer le message d'accueil :

Le Javascript pour les onglets
Dans ton PA (Panneau Admin), vas dans l'onglet Modules puis dans Gestion des codes javascript et rajoute le code suivant dans un nouveau fichier : Tu coches juste la case "sur l'index", le reste n'est pas utile.

Le CSS pour la mise en page
Dans ton PA, onglet Affichage, tu vas dans Couleurs puis Feuille de styles CSS pour y coller ceci à la fin : J'ai indiqué via les commentaires quelle section correspondait à quoi, mais je n'ai pas spécifié ce que faisait chaque propriété @x@ (en général, si on sait lire l'anglais, c'est assez clair)

Et enfin le HTML pour le message d'entête
Toujours dans ton PA, dans l'onglet Affichage, vas dans Généralités puis colle le code suivant dans le champ Message de la page d'accueil : J'ai essayé de baliser le code par les commentaires
Code:
<!-- NOM DE LA SECTION (DEBUT) -->
Code:
<!-- NOM DE LA SECTION (FIN) -->
Normalement, tu peux éditer tout ce qu'il y a entre sans tout casser x)

Indications de personnalisation : Les brèves
Entre chaque brêve, tu as ce code ci :
Code:
<br class="clear" /><!-- IMPORTANT (entre deux brêves) -->
Il n'est pas nécessaire de le mettre à la fin, mais tu dois impérativement le mettre entre deux brêves, sinon l'image flottante risque de déborder sur le texte suivant dans certaines circonstances x)

Une brêve seule se présente sous cette forme

Je crois que j'ai tout dit x_x Quelques détails diffèrent de ce que je t'ai montré sur mon forum de test, tu me feras savoir si je dois changer quelque chose ou si "ya un truc qui marche pas je comprends paaaaas" ^^
JerseyV.I.P.avatar
Messages : 1156
Ok je vais le tester dans la journée sur mon forum test ...Je dois changer de design à la rentrée, si j'ai un souci pour changer la couleur des textes je te fais signe ^^

Merci beaucoup pour tout ce travail accompli, surtout que je n'avais pas vraiment d'idée concernant l'organisation finale.

Ce fut rapide, précis et très clair !!

Un vrai travail de pro

Merci à Macema également pour son aide

Aller à la page : Précédent  1, 2,
 Sujets similaires
-
» ['Christa + Macema] Portail à onglets
» [Macema] Pour que CS est un belle PA !
» Réduire la taille des cadres des onglets
» Disparition des onglets dans l'écran du Dispacher
» [Macema] Embellir le profil des membres

Répondre au sujet


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

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Eval - Basique
  • Eval - RPG