Arrondir les bords du Panneau d'accueil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Arrondir les bords du Panneau d'accueil

Message par Nico17 le Dim 24 Mar 2013 - 10:47

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 Smile


Dernière édition par Nico17 le Dim 24 Mar 2013 - 11:39, édité 1 fois

Nico17
***

Masculin
Messages : 156
Inscrit(e) le : 10/11/2012

http://pokemon-element.forumactif.org/
Nico17 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords du Panneau d'accueil

Message par Matriochka le Dim 24 Mar 2013 - 10:49

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords du Panneau d'accueil

Message par Nico17 le Dim 24 Mar 2013 - 10:54

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

Nico17
***

Masculin
Messages : 156
Inscrit(e) le : 10/11/2012

http://pokemon-element.forumactif.org/
Nico17 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords du Panneau d'accueil

Message par Matriochka le Dim 24 Mar 2013 - 11:00

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords du Panneau d'accueil

Message par Nico17 le Dim 24 Mar 2013 - 11:04

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

http://i71.servimg.com/u/f71/17/90/33/42/img2_b10.jpg

Nico17
***

Masculin
Messages : 156
Inscrit(e) le : 10/11/2012

http://pokemon-element.forumactif.org/
Nico17 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords du Panneau d'accueil

Message par Matriochka le Dim 24 Mar 2013 - 11:09

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords du Panneau d'accueil

Message par Nico17 le Dim 24 Mar 2013 - 11:18

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.

Nico17
***

Masculin
Messages : 156
Inscrit(e) le : 10/11/2012

http://pokemon-element.forumactif.org/
Nico17 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords du Panneau d'accueil

Message par Matriochka le Dim 24 Mar 2013 - 11:21

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 Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les bords du Panneau d'accueil

Message par Nico17 le Dim 24 Mar 2013 - 11:38

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

Nico17
***

Masculin
Messages : 156
Inscrit(e) le : 10/11/2012

http://pokemon-element.forumactif.org/
Nico17 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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