Présentation du message d'acceuil.

[VincentAttali]

Bonjour à tous comment pourrais-je parvenir (en version phpBB3) à un résultat similaire à celui-ci pour mon message d'acceuil ?



Merci pour vos réponses.


VincentAttali.

[Tech]

Bonjour,

Il vous suffit d'utiliser une base d'un tableau HTML et de le personnaliser avec du CSS.

Une base HTML du genre :

Code:

<table style="width: 100%;">
<tr><td style="width: 50%;"><div class="titre">Titre 1</div>
<div class="contenu">Contenu 1</div></td>
<td style="width: 50%;"><div class="titre">Titre 2</div>
<div class="contenu">Contenu 2</div><td></tr>

<tr><td style="width: 25%;"><div class="titre">Titre 3</div>
<div class="contenu">Contenu 3</div></td>
<td style="width: 25%;"><div class="titre">Titre 4</div>
<div class="contenu">Contenu 4</div><td>
<td style="width: 25%;"><div class="titre">Titre 5</div>
<div class="contenu">Contenu 5</div></td>
<td style="width: 25%;"><div class="titre">Titre 6</div>
<div class="contenu">Contenu 6</div><td></tr>

<tr><td style="width: 50%;"><div class="titre">Titre 7</div>
<div class="contenu">Contenu 7</div></td>
<td style="width: 50%;"><div class="titre">Titre 8</div>
<div class="contenu">Contenu 8</div><td></tr>
</table>

Et personnaliser le CSS suivant :

Code:

.titre {
...
}

.contenu {
...
}

Cordialement.

[VincentAttali]

comment les separer par des "bulles" comme dans l'image au dessus ?

[Tech]

En utilisant du CSS.

Vous pouvez utiliser les 2 classes que je vous ai indiqué : .titre et .contenu

Il faut utiliser des attributs CSS comme :

• background-color: #code couleur qui donne le fond de la bulle.
  
• border: Xpx solid #code couleur qui donne le contour de la bulle.

Après vous pouvez faire une recherche sur Google pour arrondir les contours.

Cordialement.

[VincentAttali]

Je suis vraiment désolé mais pouvez-vous me faire les code entier html et css
pour par exemple ce premier message :

<p><b><u>Bienvenue !</u></b></p>
<FONT SIZE=1><I><FONT COLOR="indigo"><p><b>Bienvenue {USER&amp;#8288;NAME} sur le Forum des Jeux de Gestion !<BR>
Il est basé en particularité sur Cities In Motion, SimCity 4, Cities XL 2011 et City Life.<BR></p>

<p>Tu découvriras comment tricher à ces jeux et comment bien commencer des villes grâce aux différents tutos.<BR><p>

<p>Et bien-sûr, il y a l'entraide entre membres pour tous problème(s).<BR><p>

<p>Enfin, vous pourrez parler des autres jeux sur les mêmes thèmes dits ci-dessus dans le café des joueurs.<BR><p>

<p>Bonne visite sur forum-jeuxgestion.forumsgratuits.com !<BR></p></I></FONT></b></FONT>
<p>____________________________________________</p>

<b><FONT COLOR="red">TheFondateur</FONT></b>

[Tech]

Nous ne fournissons pas de code "tout prêt". Il faut que vous mettiez un peu de bonne volonté !

Vous savez quand même placer le message que vous m'avez envoyé à la place de la partie "contenu 1".

Je vous ai expliqué comme utiliser le CSS, essayez de faire au moins quelque chose et je vous aiderai par après.

Cordialement.

[VincentAttali]

J'ai créé le tableau maintenant je voudrais une bulle dans chaque contenu et titre.

Vous pouvez m'aider maintenant ? ^^

[Tech]

Voilà déjà une base :

Code:

.titre {
border: 1px solid black;
background-color: red;
}

.contenu {
border: 1px solid black;
background-color: red;
}

Cordialement.

[VincentAttali]

Une dernière question :

Comment puis-je remonter "Le Staff FJG" et "Devenir Partenaire" et mettre "Le Concours du mois" en dessous des deux cités précédemment ?

Voici mon code :

Code:

<table style="width: 100%;">
<tr><td style="width: 50%;"><div class="titre"><CENTER><p><b><u>Bienvenue !</u></b></p></CENTER></div><div class="contenu"><CENTER><FONT SIZE=1><I><FONT COLOR="indigo"><p><b>Toute l'équipe te souhaite la bienvenue<BR> sur le Forum des Jeux de Gestion {USER&amp;#8288;NAME} !<BR>
Il est basé en particularité sur<BR> Cities In Motion, SimCity 4, Cities XL 2011 et City Life.<BR></p>
<p>Tu découvriras comment cheater ces jeux et comment bien commencer des villes grâce aux différents tutos et astuces.<BR><p>

<p>Et bien-sûr, il y a l'entraide entre membres pour tous problème(s).<BR><p>

<p>Enfin, tu pourrez parler des autres jeux sur les mêmes thèmes dits ci-dessus dans le café des joueurs.<BR><p>

<p>Bonne visite sur forum-jeuxgestion.forumsgratuits.com !<BR></p></I></FONT></b></FONT></p>
<b><FONT COLOR="red">TheFondateur</FONT></b></CENTER>
 </div></td>
<td style="width: 50%;"><div class="titre"><CENTER><p><b><u>Le Staff FJG</u></b></p></CENTER></div><div class="contenu"><CENTER><FONT COLOR="indigo"><B><u>Administrateur et Fondateur</u> :</B><BR></FONT>
<p><font color="red"><strong>TheFondateur</strong></font></p>

<FONT COLOR="indigo"><B><u>Surveillants</u> :</B><BR></FONT>
 <font color="green"><strong>Vercingétorix353, micka85</strong></font></div><td></tr></CENTER>
 
<tr><td style="width: 25%;"><div class="titre"><CENTER><p><b><u>Le Concours du mois</u></b></p></CENTER></div><div class="contenu"><b><CENTER><FONT COLOR="indigo">Venez participer au premier concours FJG !<BR>
Plus d'infos <a href="http://forum-jeuxgestion.forumsgratuits.com/t99-concours-1-logo-du-forum#136?tid=c7f451adc62c707a52f9b3b71bda67cb" class="postlink">ICI.</FONT></CENTER></b></a></div></td>
<td style="width: 25%;"><div class="titre"><CENTER><p><b><u>Devenir Partenaire</u></b></p></CENTER></div><div class="contenu"><b><CENTER><FONT COLOR="indigo">Vous avez un forum/site/blog ?<BR>
 Vous voulez devenir partenaire avec FJG ?
 C'est <a href="http://forum-jeuxgestion.forumsgratuits.com/f51-devenir-partenaire?tid=c7f451adc62c707a52f9b3b71bda67cb" class="postlink">ICI</a> !<BR> (les invités peuvent faire des demandes.)</FONT></CENTER></b></div><td>
</table>

[Tech]

Essayez ceci :

Code:

        <table style="width: 100%;">
        <tr><td style="width: 50%;"><div class="titre"><CENTER><p><b><u>Bienvenue !</u></b></p></CENTER></div><div class="contenu"><CENTER><FONT SIZE=1><I><FONT COLOR="indigo"><p><b>Toute l'équipe te souhaite la bienvenue<BR> sur le Forum des Jeux de Gestion {USER&amp;#8288;NAME} !<BR>
        Il est basé en particularité sur<BR> Cities In Motion, SimCity 4, Cities XL 2011 et City Life.<BR></p>
        <p>Tu découvriras comment cheater ces jeux et comment bien commencer des villes grâce aux différents tutos et astuces.<BR><p>
       
        <p>Et bien-sûr, il y a l'entraide entre membres pour tous problème(s).<BR><p>
       
        <p>Enfin, tu pourrez parler des autres jeux sur les mêmes thèmes dits ci-dessus dans le café des joueurs.<BR><p>
       
        <p>Bonne visite sur forum-jeuxgestion.forumsgratuits.com !<BR></p></I></FONT></b></FONT></p>
        <b><FONT COLOR="red">TheFondateur</FONT></b></CENTER>
        </div></td>
        <td style="width: 50%;"><div class="titre"><CENTER><p><b><u>Le Staff FJG</u></b></p></CENTER></div><div class="contenu"><CENTER><FONT COLOR="indigo"><B><u>Administrateur et Fondateur</u> :</B><BR></FONT>
        <p><font color="red"><strong>TheFondateur</strong></font></p>
       
        <FONT COLOR="indigo"><B><u>Surveillants</u> :</B><BR></FONT>
        <font color="green"><strong>Vercingétorix353, micka85</strong></font></div></CENTER><br />

<div class="titre"><CENTER><p><b><u>Devenir Partenaire</u></b></p></CENTER></div><div class="contenu"><b><CENTER><FONT COLOR="indigo">Vous avez un forum/site/blog ?<BR>
        Vous voulez devenir partenaire avec FJG ?
        C'est <a href="http://forum-jeuxgestion.forumsgratuits.com/f51-devenir-partenaire?tid=c7f451adc62c707a52f9b3b71bda67cb" class="postlink">ICI</a> !<BR> (les invités peuvent faire des demandes.)</FONT></CENTER></b></div><td></tr>
       
        <tr><td style="width: 100%;"><div class="titre"><CENTER><p><b><u>Le Concours du mois</u></b></p></CENTER></div><div class="contenu"><b><CENTER><FONT COLOR="indigo">Venez participer au premier concours FJG !<BR>
        Plus d'infos <a href="http://forum-jeuxgestion.forumsgratuits.com/t99-concours-1-logo-du-forum#136?tid=c7f451adc62c707a52f9b3b71bda67cb" class="postlink">ICI.</FONT></CENTER></b></a></div></td>

        </table>

Cordialement.

[VincentAttali]

Ca ne marche pas

[Tech]

Il n'y a pas de raison que ça ne fonctionne pas. Pouvez-vous le mettre sur le forum pour que je regarde ?

Cordialement.

[VincentAttali]

C'est fait.


VincentAttali

[Tech]

J'ai oublié de fermer une balise.
Essayez ceci :

Code:

                <table style="width: 100%;">
                <tr><td style="width: 50%;"><div class="titre"><CENTER><p><b><u>Bienvenue !</u></b></p></CENTER></div><div class="contenu"><CENTER><FONT SIZE=1><I><FONT COLOR="indigo"><p><b>Toute l'équipe te souhaite la bienvenue<BR> sur le Forum des Jeux de Gestion {USER&amp;#8288;NAME} !<BR>
                Il est basé en particularité sur<BR> Cities In Motion, SimCity 4, Cities XL 2011 et City Life.<BR></p>
                <p>Tu découvriras comment cheater ces jeux et comment bien commencer des villes grâce aux différents tutos et astuces.<BR><p>
             
                <p>Et bien-sûr, il y a l'entraide entre membres pour tous problème(s).<BR><p>
             
                <p>Enfin, tu pourrez parler des autres jeux sur les mêmes thèmes dits ci-dessus dans le café des joueurs.<BR><p>
             
                <p>Bonne visite sur forum-jeuxgestion.forumsgratuits.com !<BR></p></I></FONT></b></FONT></p>
                <b><FONT COLOR="red">TheFondateur</FONT></b></CENTER>
                </div></td>
                <td style="width: 50%;"><div class="titre"><CENTER><p><b><u>Le Staff FJG</u></b></p></CENTER></div><div class="contenu"><CENTER><FONT COLOR="indigo"><B><u>Administrateur et Fondateur</u> :</B><BR></FONT>
                <p><font color="red"><strong>TheFondateur</strong></font></p>
             
                <FONT COLOR="indigo"><B><u>Surveillants</u> :</B><BR></FONT>
                <font color="green"><strong>Vercingétorix353, micka85</strong></font></div></CENTER><br />
       
        <div class="titre"><CENTER><p><b><u>Devenir Partenaire</u></b></p></CENTER></div><div class="contenu"><b><CENTER><FONT COLOR="indigo">Vous avez un forum/site/blog ?<BR>
                Vous voulez devenir partenaire avec FJG ?
                C'est <a href="http://forum-jeuxgestion.forumsgratuits.com/f51-devenir-partenaire?tid=c7f451adc62c707a52f9b3b71bda67cb" class="postlink">ICI</a> !<BR> (les invités peuvent faire des demandes.)</FONT></CENTER></b></div></td></tr>
             
                <tr><td style="width: 100%;"><div class="titre"><CENTER><p><b><u>Le Concours du mois</u></b></p></CENTER></div><div class="contenu"><b><CENTER><FONT COLOR="indigo">Venez participer au premier concours FJG !<BR>
                Plus d'infos <a href="http://forum-jeuxgestion.forumsgratuits.com/t99-concours-1-logo-du-forum#136?tid=c7f451adc62c707a52f9b3b71bda67cb" class="postlink">ICI.</FONT></CENTER></b></a></div></td>
       
                </table>

Cordialement.

[VincentAttali]

Aucun changement ...

[VincentAttali]

Une autre idée Tech ?

[Tech]

Ca devrait être bon :

Code:

                <table style="width: 100%;">
                <tr><td style="width: 50%;"><div class="titre"><CENTER><p><b><u>Bienvenue !</u></b></p></CENTER></div><div class="contenu"><CENTER><FONT SIZE=1><I><FONT COLOR="indigo"><p><b>Toute l'équipe te souhaite la bienvenue<BR> sur le Forum des Jeux de Gestion {USER⁠NAME} !<BR>
                Il est basé en particularité sur<BR> Cities In Motion, SimCity 4, Cities XL 2011 et City Life.<BR></p>
                <p>Tu découvriras comment cheater ces jeux et comment bien commencer des villes grâce aux différents tutos et astuces.<BR><p>
             
                <p>Et bien-sûr, il y a l'entraide entre membres pour tous problème(s).<BR><p>
             
                <p>Enfin, tu pourrez parler des autres jeux sur les mêmes thèmes dits ci-dessus dans le café des joueurs.<BR><p>
             
                <p>Bonne visite sur forum-jeuxgestion.forumsgratuits.com !<BR></p></I></FONT></b></FONT></p>
                <b><FONT COLOR="red">TheFondateur</FONT></b></CENTER>
                </div></td>
                <td style="width: 50%;"><div class="titre"><CENTER><p><b><u>Le Staff FJG</u></b></p></CENTER></div><div class="contenu"><CENTER><FONT COLOR="indigo"><B><u>Administrateur et Fondateur</u> :</B><BR></FONT>
                <p><font color="red"><strong>TheFondateur</strong></font></p>
             
                <FONT COLOR="indigo"><B><u>Surveillants</u> :</B><BR></FONT>
                <font color="green"><strong>Vercingétorix353, micka85</strong></font></div></CENTER><br />
       
        <div class="titre"><CENTER><p><b><u>Devenir Partenaire</u></b></p></CENTER></div><div class="contenu"><b><CENTER><FONT COLOR="indigo">Vous avez un forum/site/blog ?<BR>
                Vous voulez devenir partenaire avec FJG ?
                C'est <a href="http://forum-jeuxgestion.forumsgratuits.com/f51-devenir-partenaire?tid=c7f451adc62c707a52f9b3b71bda67cb" class="postlink">ICI</a> !<BR> (les invités peuvent faire des demandes.)</FONT></CENTER></b></div></td></tr>
             
                <tr><td style="width: 100%;" colspan="2"><div class="titre"><CENTER><p><b><u>Le Concours du mois</u></b></p></CENTER></div><div class="contenu"><b><CENTER><FONT COLOR="indigo">Venez participer au premier concours FJG !<BR>
                Plus d'infos <a href="http://forum-jeuxgestion.forumsgratuits.com/t99-concours-1-logo-du-forum#136?tid=c7f451adc62c707a52f9b3b71bda67cb" class="postlink">ICI.</FONT></CENTER></b></a></div></td>
       
                </table>

Cordialement.

[VincentAttali]

Pourrais-je avoir (desole ^^) seulement bienvenue à gauche et à droite,
"Le staff" (à la meme hauteur que "bienvenue" puis "devenir partenaire"
et enfin le "concours du mois" ?

Merci de ta participation Tech

VincentAttali

[Tech]

Vous voulez aussi le "Concours du mois" sur la même ligne ?

Cordialement.

[VincentAttali]

"le Staff" à la même hauteur de "Bienvenue !"


VincentAttali

[Tech]

Essayer ceci :

Code:

<table style="width: 100%;">
                        <tr><td style="width: 50%;"><div class="titre"><CENTER><p><b><u>Bienvenue !</u></b></p></CENTER></div><div class="contenu"><CENTER><FONT SIZE=1><I><FONT COLOR="indigo"><p><b>Toute l'équipe te souhaite la bienvenue<BR> sur le Forum des Jeux de Gestion {USER⁠NAME} !<BR>
                        Il est basé en particularité sur<BR> Cities In Motion, SimCity 4, Cities XL 2011 et City Life.<BR></p>
                        <p>Tu découvriras comment cheater ces jeux et comment bien commencer des villes grâce aux différents tutos et astuces.<BR><p>
                   
                        <p>Et bien-sûr, il y a l'entraide entre membres pour tous problème(s).<BR><p>
                   
                        <p>Enfin, tu pourrez parler des autres jeux sur les mêmes thèmes dits ci-dessus dans le café des joueurs.<BR><p>
                   
                        <p>Bonne visite sur forum-jeuxgestion.forumsgratuits.com !<BR></p></I></FONT></b></FONT></p>
                        <b><FONT COLOR="red">TheFondateur</FONT></b></CENTER>
                        </div></td>
                        <td style="width: 50%;"><div class="titre"><CENTER><p><b><u>Le Staff FJG</u></b></p></CENTER></div><div class="contenu"><CENTER><FONT COLOR="indigo"><B><u>Administrateur et Fondateur</u> :</B><BR></FONT>
                        <p><font color="red"><strong>TheFondateur</strong></font></p>
                   
                        <FONT COLOR="indigo"><B><u>Surveillants</u> :</B><BR></FONT>
                        <font color="green"><strong>Vercingétorix353, micka85</strong></font></div></CENTER><br />
             
                <div class="titre"><CENTER><p><b><u>Devenir Partenaire</u></b></p></CENTER></div><div class="contenu"><b><CENTER><FONT COLOR="indigo">Vous avez un forum/site/blog ?<BR>
                        Vous voulez devenir partenaire avec FJG ?
                        C'est <a href="http://forum-jeuxgestion.forumsgratuits.com/f51-devenir-partenaire?tid=c7f451adc62c707a52f9b3b71bda67cb" class="postlink">ICI</a> !<BR> (les invités peuvent faire des demandes.)</FONT></CENTER></b></div>
<div class="titre"><CENTER><p><b><u>Le Concours du mois</u></b></p></CENTER></div><div class="contenu"><b><CENTER><FONT COLOR="indigo">Venez participer au premier concours FJG !<BR>
                        Plus d'infos <a href="http://forum-jeuxgestion.forumsgratuits.com/t99-concours-1-logo-du-forum#136?tid=c7f451adc62c707a52f9b3b71bda67cb" class="postlink">ICI.</FONT></CENTER></b></a></div></tr>
             
                        </table>

Cordialement.

[VincentAttali]

Presque

Il faudrait "Bienvenue !" à la même hauteur de "Le Staff FJG" et les trois bulles de droite sans espace pour que la hauteur de "Bienvenue !" soit égale à celles des trois bulles de droite.

[Tech]

Essayez ceci :

Code:

<table style="width: 100%;">
                                <tr><td style="width: 50%;"><div class="titre"><CENTER><p><b><u>Bienvenue !</u></b></p></CENTER></div><div class="contenu"><CENTER><FONT SIZE=1><I><FONT COLOR="indigo"><p><b>Toute l'équipe te souhaite la bienvenue<BR> sur le Forum des Jeux de Gestion {USER⁠NAME} !<BR>
                                Il est basé en particularité sur<BR> Cities In Motion, SimCity 4, Cities XL 2011 et City Life.<BR></p>
                                <p>Tu découvriras comment cheater ces jeux et comment bien commencer des villes grâce aux différents tutos et astuces.<BR><p>
                         
                                <p>Et bien-sûr, il y a l'entraide entre membres pour tous problème(s).<BR><p>
                         
                                <p>Enfin, tu pourrez parler des autres jeux sur les mêmes thèmes dits ci-dessus dans le café des joueurs.<BR><p>
                         
                                <p>Bonne visite sur forum-jeuxgestion.forumsgratuits.com !<BR></p></I></FONT></b></FONT></p>
                                <b><FONT COLOR="red">TheFondateur</FONT></b></CENTER>
                                </div></td>
                                <td style="width: 50%;"><div class="titre"><CENTER><p><b><u>Le Staff FJG</u></b></p></CENTER></div><div class="contenu"><CENTER><FONT COLOR="indigo"><B><u>Administrateur et Fondateur</u> :</B><BR></FONT>
                                <p><font color="red"><strong>TheFondateur</strong></font></p>
                         
                                <FONT COLOR="indigo"><B><u>Surveillants</u> :</B><BR></FONT>
                                <font color="green"><strong>Vercingétorix353, micka85</strong></font></div></CENTER>
                   
                        <div class="titre"><CENTER><p><b><u>Devenir Partenaire</u></b></p></CENTER></div><div class="contenu"><b><CENTER><FONT COLOR="indigo">Vous avez un forum/site/blog ?<BR>
                                Vous voulez devenir partenaire avec FJG ?
                                C'est <a href="http://forum-jeuxgestion.forumsgratuits.com/f51-devenir-partenaire?tid=c7f451adc62c707a52f9b3b71bda67cb" class="postlink">ICI</a> !<BR> (les invités peuvent faire des demandes.)</FONT></CENTER></b></div>
        <div class="titre"><CENTER><p><b><u>Le Concours du mois</u></b></p></CENTER></div><div class="contenu"><b><CENTER><FONT COLOR="indigo">Venez participer au premier concours FJG !<BR>
                                Plus d'infos <a href="http://forum-jeuxgestion.forumsgratuits.com/t99-concours-1-logo-du-forum#136?tid=c7f451adc62c707a52f9b3b71bda67cb" class="postlink">ICI.</FONT></CENTER></b></a></div></tr>
                   
                                </table>

Et remplacez le CSS .contenu par celui-ci :

Code:

.contenu {
border: 1px solid black;
background-color: #B0E0E6;
margin-bottom: 2px;
}

Cordialement.

[VincentAttali]

Merci bcp !!! Problème resolu !