Mettre un cadre autour de la Page d'Accueil.

par Lee GaeWong Dim 23 Oct 2011 - 12:27

Bonjour !
Je travail actuellement sur le design pour un nouveau forum de version phpBB2.
Je travail les codes et j'aimerais entourer mes codes d'un cadre. Je m'y connais un peu en code, mais je n'arrive pas à trouver le moyen. Donc comment mettre un cadre autour de ma PA et où le placer?

(Voici un exemple du résultat que j'aimerais obtenir, bien que j'aimerais le personnaliser à ma sauce >> http://coedfrance.forumactif.org/)

Cordialement.

par SoraNoHime Dim 23 Oct 2011 - 12:33

Bonjour

si vous mettiez simplement une div ?

Code:: <div style="border : 1px solid #ff0000;">

au début du code de votre PA et

Code:: </div>

à la fin.

Cordialement.

par Lee GaeWong Dim 23 Oct 2011 - 12:39

Ca devrait marcher, mais ça entoure l'intégralité de mon forum.

Merci.

par SoraNoHime Dim 23 Oct 2011 - 12:48

c'est donc qu'il doit mnquer des fermeture de balises dan le code de votre PA, puis-je l'avoir ?

par Lee GaeWong Dim 23 Oct 2011 - 12:49

Voici :

Code:: <div style="border : 1px solid #000000;">  <iframe src="http://www.youtube.com/embed/f1cZ2uzxCjI" allowfullscreen="" frameborder="0" height="200" width="100%"></iframe> </div></td><td><div class="part"> → <strong>Concours</strong> <font color="green">Durant les trois prochaines semaines, vous allez découvrir <strong>les grands gagnants des FKA</strong>. Alors restez connecté !</font> <hr /> → <strong>18.09.11</strong> <font color="red">BoyFriend France vous propose <strong><a href="http://boyfriend.forumgratuit.org/t489-180911-design-vers-2-pour-plus-de-classe#7563?tid=92aa9f8de0f02fc90eacd6ff6ec17891" class="postlink">la deuxième version</a></strong> du design du Magazine Inkigayo !</font> <hr /> → <strong>14.09.11</strong> <font color="orange">La <strong>nouvelle Team Fansub</strong> vous présente leur <a href="http://boyfriend.forumgratuit.org/t486-karaoke-boyfriend-boyfriend?tid=2d7c8d9fa39afe54053aac1df5ed7b37" class="postlink">premier projet</a> !</font> <hr /> → <strong>13.09.11</strong> Les <a href="http://boyfriend.forumgratuit.org/t487-tv-mbc-idol-star-athletics-championship-270811-officiel?tid=2d7c8d9fa39afe54053aac1df5ed7b37" class="postlink">Idol Athletic Championship</a> sont enfin sortis ! <hr /> → <strong>Concours</strong> <font color="green">Les <strong><a href="http://boyfriend.forumgratuit.org/t464-french-k-pop-awards-fka-ayeeeee-ca-commence?tid=d8a2601058ccc5f97ac88bc75e5169a8" class="postlink">French K-pop Awards</a></strong> (FKA) sont officiellement ouvertes ! Participez à l'évènement ! (31.08.11)</font> <hr /> → <strong>29.08.11</strong> Les BoyFriend débarque en Chine. (Photos <a href="http://boyfriend.forumgratuit.org/t453-pics-chine-290811?tid=bd54392d41080b1024f8c275eda757ae" class="postlink">ICI</a> et partout !) <hr /> → <strong>28.08.11</strong> Les BoyFriend participent au MBC Idol Star Athletics Championship. Vous pouvez retrouver les nombreuses photos et fancams de l'évènement, partout dans le forum ! <hr /> → <strong>18.08.11</strong> BoyFriend interprète You&I au M!CountDown (<a href="http://boyfriend.forumgratuit.org/t404-perf-boyfriend-mcountdown-180811#6120?tid=c69ff85841b1f3811c2541838179a026" class="postlink">Voir !</a>) <hr /> → <strong>17.08.11</strong> <font color="red">Le nouveau départ de BoyFriend France, c'est <a href="http://boyfriend.forumgratuit.org/t402-tous-unis-pour-un-nouveau-depart?tid=6723510fb849e7c771b300b798532266" class="postlink">ICI</a> !</font> <hr /> → <strong>14.08.11</strong> YoungMin dans le MV <a href="http://boyfriend.forumgratuit.org/t389-mv-dans-dmz-freedom?tid=30be30eb37204d7add67eb371e291880" class="postlink">Freedom</a>. </div></td><td><div class="part_staff"> <br> <center>Vous désirez rejoindre nos <a href="http://boyfriend.forumgratuit.org/t529-nos-partenaires#8275" class="postlink" target="_blank" rel="nofollow">PARTENARIATS</a>? Nous vous donnons <a href="http://boyfriend.forumgratuit.org/t16-pour-nous-lier" class="postlink" target="_blank" rel="nofollow">rendez-vous</a> ici. <hr /> <br> Nous recommandons... <br><br> <a href="http://coedfrance.forumactif.org" class="postlink" target="_blank" rel="nofollow"><img src="http://img574.imageshack.us/img574/1728/partenariat.gif" border="0" alt="" /></a><a href="http://2pm-france.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i26.tinypic.com/33ttpqg.jpg" border="0" alt="" /></a><a href="http://sistar-france.forumactif.org" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/15/90/81/79/sistar10.png" border="0" alt="" /></a> <a href="http://u-kissfrance.frenchboard.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i47.servimg.com/u/f47/13/57/80/72/244510.jpg" border="0" alt="" /></a><a href="http://zea-addict.forumactif.org" class="postlink" target="_blank" rel="nofollow"><img src="http://i42.servimg.com/u/f42/14/82/16/99/anigif10.gif" border="0" alt="" /></a><a href="http://cubeast-fr.forumactif.com/forum.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://img257.imageshack.us/img257/7894/2iqh46o.png" border="0" alt="" /></a></center> </div></td><td><div class="part_text2"> <!--What else?--!> <div style="margin:auto;text-align:center;width:100%"> </div>

Si vous vous y retrouvez, je vous tire mon chapeau xD

par SoraNoHime Dim 23 Oct 2011 - 12:59

^^ Déjà vous avez un tableau mal fermé, plus deux cellules de tableaux. Question les parties en <!-- Texte --!> Sont intentionnelles ?

par Lee GaeWong Dim 23 Oct 2011 - 13:07

Je pense que c'était pour me guider, dans la personnalisation ^^ Il ne se voit pas en tout cas.

Après, je suis entrain de les modifier donc oui, c'est un peu le fouilli ^^

par SoraNoHime Dim 23 Oct 2011 - 13:15

En fait ils sont mal fermés déjà on met  et non !--> commencez par rectifier ceci, dites moi s'il y a un mieux. Siffleur

par Lee GaeWong Dim 23 Oct 2011 - 13:28

Hu, toujours pas :/

par SoraNoHime Dim 23 Oct 2011 - 13:32

Puis-je avoir le nouveau code ^^ Comme je vous l'ai dit il vous manque des balises, mais je devais etre sure que les parties masquées par cet erreur de code vous convenait. Des nouvelles choses ont du apparaitre normalement sur votre PA. Si elles vous conviennent conservées les, sinon effectuez les changements avant de me rendre le code. Si vous ne savez pas comment les enlever, donner moi un screen du résultat que vous désirez normalement.

par Lee GaeWong Dim 23 Oct 2011 - 13:42

Rien n'est apparu sur ma PA. Je vous redonne le codes.

Code:: <div class="en_tete">  <table><tr><td><p class="titre1">Matez ça !</p></td><td> <p class="titre1">Du neuf ?</p></td><td> <p class="titre1">Vos supérieurs !</p></td></tr><tr><td><div class="part_vid">  <iframe src="http://www.youtube.com/embed/f1cZ2uzxCjI" allowfullscreen="" frameborder="0" height="200" width="100%"></iframe> </div></td><td><div class="part"> → <strong>Concours</strong> <font color="green">Durant les trois prochaines semaines, vous allez découvrir <strong>les grands gagnants des FKA</strong>. Alors restez connecté !</font> <hr /> → <strong>18.09.11</strong> <font color="red">BoyFriend France vous propose <strong><a href="http://boyfriend.forumgratuit.org/t489-180911-design-vers-2-pour-plus-de-classe#7563?tid=92aa9f8de0f02fc90eacd6ff6ec17891" class="postlink">la deuxième version</a></strong> du design du Magazine Inkigayo !</font> <hr /> → <strong>14.09.11</strong> <font color="orange">La <strong>nouvelle Team Fansub</strong> vous présente leur <a href="http://boyfriend.forumgratuit.org/t486-karaoke-boyfriend-boyfriend?tid=2d7c8d9fa39afe54053aac1df5ed7b37" class="postlink">premier projet</a> !</font> <hr /> → <strong>13.09.11</strong> Les <a href="http://boyfriend.forumgratuit.org/t487-tv-mbc-idol-star-athletics-championship-270811-officiel?tid=2d7c8d9fa39afe54053aac1df5ed7b37" class="postlink">Idol Athletic Championship</a> sont enfin sortis ! <hr /> → <strong>Concours</strong> <font color="green">Les <strong><a href="http://boyfriend.forumgratuit.org/t464-french-k-pop-awards-fka-ayeeeee-ca-commence?tid=d8a2601058ccc5f97ac88bc75e5169a8" class="postlink">French K-pop Awards</a></strong> (FKA) sont officiellement ouvertes ! Participez à l'évènement ! (31.08.11)</font> <hr /> → <strong>29.08.11</strong> Les BoyFriend débarque en Chine. (Photos <a href="http://boyfriend.forumgratuit.org/t453-pics-chine-290811?tid=bd54392d41080b1024f8c275eda757ae" class="postlink">ICI</a> et partout !) <hr /> → <strong>28.08.11</strong> Les BoyFriend participent au MBC Idol Star Athletics Championship. Vous pouvez retrouver les nombreuses photos et fancams de l'évènement, partout dans le forum ! <hr /> → <strong>18.08.11</strong> BoyFriend interprète You&I au M!CountDown (<a href="http://boyfriend.forumgratuit.org/t404-perf-boyfriend-mcountdown-180811#6120?tid=c69ff85841b1f3811c2541838179a026" class="postlink">Voir !</a>) <hr /> → <strong>17.08.11</strong> <font color="red">Le nouveau départ de BoyFriend France, c'est <a href="http://boyfriend.forumgratuit.org/t402-tous-unis-pour-un-nouveau-depart?tid=6723510fb849e7c771b300b798532266" class="postlink">ICI</a> !</font> <hr /> → <strong>14.08.11</strong> YoungMin dans le MV <a href="http://boyfriend.forumgratuit.org/t389-mv-dans-dmz-freedom?tid=30be30eb37204d7add67eb371e291880" class="postlink">Freedom</a>. </div></td><td><div class="part_staff">  <center><table><tr><td><div class="thumbnail"> <img src="http://i42.servimg.com/u/f42/16/92/03/03/45861113.png" /> <span><div style="margin:auto;text-align:center;width:100%;font-weight:bold">Samounie</div><div style="margin:auto;text-align:center;width:100%;font-size: 12px; line-height: normal">Fondatrice de la Communauté</div><div><img src="http://i44.servimg.com/u/f44/12/24/73/87/sam8011.png"><div style="margin:auto;text-align:center;width:100%"><a href="http://boyfriend.forumgratuit.org/u1">\Admin/</a></div></div><br></span></div></td><td><div class="thumbnail"> <img src="http://i42.servimg.com/u/f42/16/92/03/03/45861114.png"> <span><div style="margin:auto;text-align:center;width:100%;font-weight:bold">Lee GaeWong</div><div style="margin:auto;text-align:center;width:100%;font-size: 12px; line-height: normal">Actuel gérant, Designeur</div><div><img src="http://data.imagup.com/12/1130331625.jpg"></div><div style="margin:auto;text-align:center;width:100%"><a href="http://boyfriend.forumgratuit.org/u34">\Admin/</a></div></div></div></span></td><td><div class="thumbnail"><img src="http://i42.servimg.com/u/f42/16/92/03/03/45861115.png"> <span><div style="margin:auto;text-align:center;width:100%;font-weight:bold">Nihon-Kawaii</div><div style="margin:auto;text-align:center;width:100%;font-size: 12px; line-height: normal">Co-gérante, Directrice Fansub</div><div><div style="margin:auto;text-align:center;width:100%"><center><img src="http://i44.servimg.com/u/f44/12/24/73/87/nih8011.png"></center></div><div style="margin:auto;text-align:center;width:100%"><a href="http://boyfriend.forumgratuit.org/u50">\Admin/</a></div></div></span></div></td></tr></table></center> </div></td></tr></table><table><tr><td><p class="titre1">Soyons amis~</p></td><td><p class="titre1">What else?</p></td></tr><tr><td><div class="part_text"> <br> <center>Vous désirez rejoindre nos <a href="http://boyfriend.forumgratuit.org/t529-nos-partenaires#8275" class="postlink" target="_blank" rel="nofollow">PARTENARIATS</a>? Nous vous donnons <a href="http://boyfriend.forumgratuit.org/t16-pour-nous-lier" class="postlink" target="_blank" rel="nofollow">rendez-vous</a> ici. <hr /> <br> Nous recommandons... <br><br> <a href="http://coedfrance.forumactif.org" class="postlink" target="_blank" rel="nofollow"><img src="http://img574.imageshack.us/img574/1728/partenariat.gif" border="0" alt="" /></a><a href="http://2pm-france.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i26.tinypic.com/33ttpqg.jpg" border="0" alt="" /></a><a href="http://sistar-france.forumactif.org" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/15/90/81/79/sistar10.png" border="0" alt="" /></a> <a href="http://u-kissfrance.frenchboard.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i47.servimg.com/u/f47/13/57/80/72/244510.jpg" border="0" alt="" /></a><a href="http://zea-addict.forumactif.org" class="postlink" target="_blank" rel="nofollow"><img src="http://i42.servimg.com/u/f42/14/82/16/99/anigif10.gif" border="0" alt="" /></a><a href="http://cubeast-fr.forumactif.com/forum.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://img257.imageshack.us/img257/7894/2iqh46o.png" border="0" alt="" /></a></center> </div></td><td><div class="part_text2">  <div style="margin:auto;text-align:center;width:100%"></div> </div>

Peut-être, ai-je mal compris ^^'

par SoraNoHime Dim 23 Oct 2011 - 13:48

^^ Pourtant je vois une différence dans les codes. Mettez celui-ci maintenant

Code:: <div class="en_tete">  <table><tr><td><p class="titre1">Matez ça !</p></td><td> <p class="titre1">Du neuf ?</p></td><td> <p class="titre1">Vos supérieurs !</p></td></tr><tr><td><div class="part_vid">  <iframe src="http://www.youtube.com/embed/f1cZ2uzxCjI" allowfullscreen="" frameborder="0" height="200" width="100%"></iframe> </div></td><td><div class="part"> → <strong>Concours</strong> <font color="green">Durant les trois prochaines semaines, vous allez découvrir <strong>les grands gagnants des FKA</strong>. Alors restez connecté !</font> <hr /> → <strong>18.09.11</strong> <font color="red">BoyFriend France vous propose <strong><a href="http://boyfriend.forumgratuit.org/t489-180911-design-vers-2-pour-plus-de-classe#7563?tid=92aa9f8de0f02fc90eacd6ff6ec17891" class="postlink">la deuxième version</a></strong> du design du Magazine Inkigayo !</font> <hr /> → <strong>14.09.11</strong> <font color="orange">La <strong>nouvelle Team Fansub</strong> vous présente leur <a href="http://boyfriend.forumgratuit.org/t486-karaoke-boyfriend-boyfriend?tid=2d7c8d9fa39afe54053aac1df5ed7b37" class="postlink">premier projet</a> !</font> <hr /> → <strong>13.09.11</strong> Les <a href="http://boyfriend.forumgratuit.org/t487-tv-mbc-idol-star-athletics-championship-270811-officiel?tid=2d7c8d9fa39afe54053aac1df5ed7b37" class="postlink">Idol Athletic Championship</a> sont enfin sortis ! <hr /> → <strong>Concours</strong> <font color="green">Les <strong><a href="http://boyfriend.forumgratuit.org/t464-french-k-pop-awards-fka-ayeeeee-ca-commence?tid=d8a2601058ccc5f97ac88bc75e5169a8" class="postlink">French K-pop Awards</a></strong> (FKA) sont officiellement ouvertes ! Participez à l'évènement ! (31.08.11)</font> <hr /> → <strong>29.08.11</strong> Les BoyFriend débarque en Chine. (Photos <a href="http://boyfriend.forumgratuit.org/t453-pics-chine-290811?tid=bd54392d41080b1024f8c275eda757ae" class="postlink">ICI</a> et partout !) <hr /> → <strong>28.08.11</strong> Les BoyFriend participent au MBC Idol Star Athletics Championship. Vous pouvez retrouver les nombreuses photos et fancams de l'évènement, partout dans le forum ! <hr /> → <strong>18.08.11</strong> BoyFriend interprète You&I au M!CountDown (<a href="http://boyfriend.forumgratuit.org/t404-perf-boyfriend-mcountdown-180811#6120?tid=c69ff85841b1f3811c2541838179a026" class="postlink">Voir !</a>) <hr /> → <strong>17.08.11</strong> <font color="red">Le nouveau départ de BoyFriend France, c'est <a href="http://boyfriend.forumgratuit.org/t402-tous-unis-pour-un-nouveau-depart?tid=6723510fb849e7c771b300b798532266" class="postlink">ICI</a> !</font> <hr /> → <strong>14.08.11</strong> YoungMin dans le MV <a href="http://boyfriend.forumgratuit.org/t389-mv-dans-dmz-freedom?tid=30be30eb37204d7add67eb371e291880" class="postlink">Freedom</a>. </div></td><td><div class="part_staff">  <center><table><tr><td><div class="thumbnail"> <img src="http://i42.servimg.com/u/f42/16/92/03/03/45861113.png" /> <span><div style="margin:auto;text-align:center;width:100%;font-weight:bold">Samounie</div><div style="margin:auto;text-align:center;width:100%;font-size: 12px; line-height: normal">Fondatrice de la Communauté</div><div><img src="http://i44.servimg.com/u/f44/12/24/73/87/sam8011.png"><div style="margin:auto;text-align:center;width:100%"><a href="http://boyfriend.forumgratuit.org/u1">\Admin/</a></div></div><br></span></div></td><td><div class="thumbnail"> <img src="http://i42.servimg.com/u/f42/16/92/03/03/45861114.png"> <span><div style="margin:auto;text-align:center;width:100%;font-weight:bold">Lee GaeWong</div><div style="margin:auto;text-align:center;width:100%;font-size: 12px; line-height: normal">Actuel gérant, Designeur</div><div><img src="http://data.imagup.com/12/1130331625.jpg"></div><div style="margin:auto;text-align:center;width:100%"><a href="http://boyfriend.forumgratuit.org/u34">\Admin/</a></div></div></div></span></td><td><div class="thumbnail"><img src="http://i42.servimg.com/u/f42/16/92/03/03/45861115.png"> <span><div style="margin:auto;text-align:center;width:100%;font-weight:bold">Nihon-Kawaii</div><div style="margin:auto;text-align:center;width:100%;font-size: 12px; line-height: normal">Co-gérante, Directrice Fansub</div><div><div style="margin:auto;text-align:center;width:100%"><center><img src="http://i44.servimg.com/u/f44/12/24/73/87/nih8011.png"></center></div><div style="margin:auto;text-align:center;width:100%"><a href="http://boyfriend.forumgratuit.org/u50">\Admin/</a></div></div></span></div></td></tr></table></center> </td></tr></table><table><tr><td><p class="titre1">Soyons amis~</p></td><td><p class="titre1">What else?</p></td></tr><tr><td><div class="part_text"> <br> <center>Vous désirez rejoindre nos <a href="http://boyfriend.forumgratuit.org/t529-nos-partenaires#8275" class="postlink" target="_blank" rel="nofollow">PARTENARIATS</a>? Nous vous donnons <a href="http://boyfriend.forumgratuit.org/t16-pour-nous-lier" class="postlink" target="_blank" rel="nofollow">rendez-vous</a> ici. <hr /> <br> Nous recommandons... <br><br> <a href="http://coedfrance.forumactif.org" class="postlink" target="_blank" rel="nofollow"><img src="http://img574.imageshack.us/img574/1728/partenariat.gif" border="0" alt="" /></a><a href="http://2pm-france.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i26.tinypic.com/33ttpqg.jpg" border="0" alt="" /></a><a href="http://sistar-france.forumactif.org" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/15/90/81/79/sistar10.png" border="0" alt="" /></a> <a href="http://u-kissfrance.frenchboard.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i47.servimg.com/u/f47/13/57/80/72/244510.jpg" border="0" alt="" /></a><a href="http://zea-addict.forumactif.org" class="postlink" target="_blank" rel="nofollow"><img src="http://i42.servimg.com/u/f42/14/82/16/99/anigif10.gif" border="0" alt="" /></a><a href="http://cubeast-fr.forumactif.com/forum.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://img257.imageshack.us/img257/7894/2iqh46o.png" border="0" alt="" /></a></center> </div></td><td><div class="part_text2">  <div style="margin:auto;text-align:center;width:100%"></div> </div></td></tr></table></div>

Est-ce mieux ?

par Lee GaeWong Dim 23 Oct 2011 - 14:13

Ca marche, c'est parfait ! Je vous remercie ~
Je ne mets pas de suite mon sujet en résolu. Au cas où je rencontre de nouveau problème, merci de votre compréhension !

par SoraNoHime Lun 24 Oct 2011 - 0:18

Mettre un cadre autour de la Page d'Accueil. Ktip10

Bonjour,

Où en-est votre problème ?

Deux solutions :

Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône en éditant votre premier message,
Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté,