Arrondir les bords du Panneau d'accueil

[Nico17]

Bonjour,

Je cherche à arrondir le cadre où se trouve le contenu de mon panneau d'accueil. J'ai déjà trouvé plein de codes mais aucun ne marche. Mon forum est en phpbb2 et j'en suis le fondateur.

Merci d'avance de votre aide

[Matriochka]

Bonjour,

Tu peux arrondir ces bords en utilisant ce code dans Panneau d’administration > Affichage > Couleurs > Feuille de styles CSS :

Code:

.forumline {
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;}

[Nico17]

Euh en fait, ça les arrondis mais il y a du cadre qui disparait comme ça :
https://i.servimg.com/u/f71/17/90/33/42/img_bm10.jpg

[Matriochka]

Je vois, dans ce cas, il suffit d’ajouter une petite marge à l’intérieur, comme ceci :

Code:

.forumline {
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
padding:5px;}

[Nico17]

Maintenant, voici comment sont devenus tous les contours du forum :

https://i.servimg.com/u/f71/17/90/33/42/img2_b10.jpg

[Matriochka]

Bien, donc va dans Panneau d’administration > Affichage > Templates > Général, ouvre le template intitulé index_body et trouve ceci :

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 -->

Remplace-le par :

Code:

<!-- BEGIN message_admin_index -->
<table class="forumline" id="table_msg" 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 -->

On ajoute l’identifiant table_msg sur le message d’accueil afin de pouvoir le personnaliser par la suite.

Valide ta modification, puis dans ton CSS, remplace ce que je t’ai donné plus haut par :

Code:

#table_msg {
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
padding:5px;}

[Nico17]

Alors maintenant, c'est seulement le panneau d'accueil qui a un gros contour.
Il a un gros contour comme je t'ai montré en image dans mon précédent message.

[Matriochka]

Oups, désolée ! Voici le code final :

Code:

#table_msg {
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;}

#table_msg td {
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;}

On arrondit la table et la cellule

[Nico17]

C'est bon, ça marche, merci beaucoup !