Index_Box

[Louzanes]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 09/08/2020
Lien du forum : https://bikinoutest.forumactif.com/

Description du problème

Il y a 4 ans, j'avais crée le thème complet d'un forum pour une amie. Mon cher est tendre ayant fait griller mon ordi et par la même occasion, mon disque dur, pendant ma grossesse, je n'ai pas pu récupérer mes données. Mon amie m'a redemandés en mars de lui refaire son forum donc j'ai parcouru le net pour me trouver un thème déjà monté de toute pièce et juste le CSS à modifier. Elle est tombée amoureuse de ce thème là, trouvé sur Never Utopia

Code:

    <link href='http://fonts.googleapis.com/css?family=Parisienne|Shadows+Into+Light' rel='stylesheet' type='text/css' />
    <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css' />
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <span class="gensmall">{LAST_VISIT_DATE}<br />
    {CURRENT_TIME}<br />
    </span>
    <!-- END switch_user_logged_in -->
    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
    <!-- END switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
    </tr>
    </table>
    <!-- BEGIN catrow -->
    <!-- BEGIN tablehead -->
    <div class="cate_bloc_cadre">
    <div class="cate_bloc">
      <div class="cate_title">
        <span>
          {catrow.tablehead.L_FORUM}
        </span>
      </div>
    <!-- END tablehead -->
    <!-- BEGIN cathead -->
    <!-- END cathead -->
    <!-- BEGIN forumrow -->
      <table class="forum_bloc" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td align="right" valign="middle">
            <span class="forum_stats">
              <span class="forum_stats_in">
                {catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets
              </span>
            </span>
          </td><td></td>
        </tr>
        <tr>
          <td width="99%"><div class="forum_bloc_left">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td rowspan="2" class="forum_newoldlock" align="center" valign="middle">
                  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                </td>
                <td align="left" valign="middle">
                  <span class="forumlink">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                      {catrow.forumrow.FORUM_NAME}
                    </a>
                  </span>
                </td>
              </tr>
              <tr>
                <td valign="middle">
                  <div class="forum_desc">
                    {catrow.forumrow.FORUM_DESC}
                  </div>
                </td>
              </tr>
            </table>
          </div>
          </td>
          <td></td>
          <td align="center" valign="middle">
            <div class="forum_last_bloc">
              <div class="forum_last">
                {catrow.forumrow.LAST_POST}
              </div>
            </div>
          </td>
        </tr>
        <tr>
          <td align="left" valign="middle">
            <span class="forum_sf">
        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </span>
          </td>
          <td></td>
        </tr>
      </table>
    <!-- END forumrow -->
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    </div>
    </div>
    <!-- END tablefoot -->
    <!-- END catrow -->

Code:

    /********************************************* CATÉGORIES *********************************************/
    /*Cadre du bloc qui contient chaque catégorie*/
    .cate_bloc_cadre {
      background: #ffffff;
      border: 4px solid #c3ec50;
      margin-bottom: 15px;
      padding: 2px;
      padding-left: 4px;
      padding-right: 4px;
    }
    /*Bloc qui contient chaque catégorie*/
    .cate_bloc {
      background: #fefdb1;
      padding: 5px;
      padding-left: 15px;
      padding-right: 15px;
      text-align: center;
    }

    /*Titre de catégorie*/
    .cate_title h2 {
      display: inline-block;
      background: #d5e978;
      border-radius: 15px;
      box-shadow: 2px 2px 1px #ffffff;
      margin: 0px;
      margin-right: 5%;
      padding: 10px;
      padding-left: 180px;
      padding-right: 180px;
      color: #006600;
      font-family: Lobster, cursive;
      font-size: 28px;
      text-shadow: 0 2px 2px #fefdb1;
      text-align: center;
      text-transform: uppercase;
      transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
      -webkit-transform: rotate(-5deg);
      transition: 1s;
      -webkit-transition: 1s;
    }
    /*Titre de catégorie au survol*/
    .cate_title h2:hover {
      transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
    }

    /*Bloc qui contient chaque forum*/
    .forum_bloc {
      margin-top: 50px;
      margin-bottom: 30px;
    }

    /*Bloc du Nombre de messages et de sujets*/
    .forum_stats {
      display: inline-block;
      background: #f2e485;
      border-radius: 15px 15px 0 0;
      box-shadow: 0px 0px 5px 2px #a87f4c;
      margin-right: 30px;
      margin-bottom: -10px;
      padding: 20px;
      padding-top: 2px;
      padding-bottom: 6px;
      color: #312516;
      font-family: Times New Roman;
      font-size: 13px;
    }

    /*Bloc contenant la description, le nom du forum et l'image NewOldLock*/
    .forum_bloc_left {
      position: relative;
      background: #f2e485;
      border-radius: 15px;
      box-shadow: 0px 0px 5px 2px #a87f4c;
      padding: 10px;
    }

    /*Image NewOldLock*/
    .forum_newoldlock img {
      width: 90px;
      height: 120px;
      margin-right: 15px;
    }

    /*Titre de forum*/
    span.forumlink {
      display: block;
      text-align: left;
    }
    /*Lien du titre de forum*/
    a.forumlink {
      color: #006600!important;
      font-family: parisienne;
      font-size: 24px;
      text-shadow: 2px 2px 1px #fefeea;
      text-decoration: none!important;
      letter-spacing: 0px;
      transition: 0.5s;
      -webkit-transition: 0.5s;
    }
    /*Lien du titre de forum au survol*/
    a.forumlink:hover {
      color: #003a00!important;
      letter-spacing: 5px;
    }

    /*Description des forums*/
    .forum_desc {
      max-height: 85px;
      margin-top: 1px;
      margin-right: -5px;
      padding-right: 5px;
      overflow: auto;
      color: #312516;
      font-family: Times New Roman;
      font-size: 14px;
      text-align: justify;
    }

    /*Bloc des sous-forums*/
    .forum_sf {
      display: inline-block;
      max-width: 80%;
      background: #f2e485;
      border-radius: 0 0 15px 15px;
      box-shadow: 0px 0px 5px 2px #a87f4c;
      margin-left: 30px;
      margin-top: -11px;
      padding-left: 10px;
      padding-right: 10px;
      color: #006600;
      text-align: center;
    }
    /*Liens des sous-forums*/
    .forum_sf a.gensmall {
      display: inline-block;
      padding-bottom: 1px;
      padding-top: 4px;
      color: #006600;
      font-family: Times New Roman;
      font-size: 13px;
    }

    /*Bloc du dernier message*/
    .forum_last_bloc {
      display: block;
      width: 258px;
      height: 108px;
      background: url('http://img4.hostingpics.net/pics/365067Sanstitre.png');
      margin-left: 15px;
      padding-top: 50px;
    }
    /*Contenu du dernier message*/
    .forum_last {
      color: #312516;
      font-family: Times New Roman;
      font-size: 14px;
      text-align: center;
    }
    /*Mise en forme des liens du dernier message*/
    .forum_last a {
      color: #006600;
      font-family: Times New Roman;
      font-size: 14px;
    }

    /*Mise en forme des liens survolés*/
    .forum_last a:hover, .forum_sf a.gensmall:hover {
      color: #003a00;
    }
    /********************************************* FIN DES CATÉGORIES *********************************************/

Jusque là pas de problème, le thème correspondait en grande partie à son ancien thème en dehors du titre du forum et des catégories donc pas grand chose à remettre en place.
Tout en discutant avec elle sur ses attentes, j'ai compris qu'elle désirait un forum "plus moderne" et "vivant" que ce que je lui avais proposé à la base.

Dans ma 1ère étape :

Les catégories à refaire mais en gardant le le style du thème (voir photo)
- les titres
- Le cadrage

Pour avoir j'espère une meilleur stabilité pour faire tout le reste

Partie du template concerné

Code:

  <!-- BEGIN tablehead -->
    <div class="cate_bloc_cadre">
    <div class="cate_bloc">
      <div class="cate_title">
        <span>
          {catrow.tablehead.L_FORUM}
        </span>
      </div>
    <!-- END tablehead -->

Partie CSS concernée

Code:

 /*Cadre du bloc qui contient chaque catégorie*/
    .cate_bloc_cadre {
      background: #ffffff;
      border: 4px solid #c3ec50;
      margin-bottom: 15px;
      padding: 2px;
      padding-left: 4px;
      padding-right: 4px;
    }
    /*Bloc qui contient chaque catégorie*/
    .cate_bloc {
      background: #fefdb1;
      padding: 5px;
      padding-left: 15px;
      padding-right: 15px;
      text-align: center;
    }

    /*Titre de catégorie*/
    .cate_title h2 {
      display: inline-block;
      background: #d5e978;
      border-radius: 15px;
      box-shadow: 2px 2px 1px #ffffff;
      margin: 0px;
      margin-right: 5%;
      padding: 10px;
      padding-left: 180px;
      padding-right: 180px;
      color: #006600;
      font-family: Lobster, cursive;
      font-size: 28px;
      text-shadow: 0 2px 2px #fefdb1;
      text-align: center;
      text-transform: uppercase;
      transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
      -webkit-transform: rotate(-5deg);
      transition: 1s;
      -webkit-transition: 1s;
    }
    /*Titre de catégorie au survol*/
    .cate_title h2:hover {
      transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
    }


Merci de votre aide.

PS: J'en profite si un membre du staff pouvait supprimer mon compte BiKinou qui n'a plus raison d'être comme j'ai récupéré mon compte. Merci beaucoup

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[kheino]

Bonjour Louzanes,

Tu dis vouloir changer les titres et le cadrage, mais en quoi ?
Pour avoir quoi (très précisément) ?

[Louzanes]

Bonjour Kheino,
Actuellement, je teste différentes façons de refaire mon index_box.

Là, j'ai refait qu'avec des DIV mon forum, pour tester, voir comment le rendre accessible à tous.

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
 <!-- END switch_user_logged_in -->
</td>
<td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <!-- END switch_user_logged_in -->
</td>
</tr>
</table>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="cadrec">
<div class="titrec">{catrow.tablehead.L_FORUM}</div>
<div class="borduref ">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="separationf">
<div class="icones">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</div>
  
<div class="blocf">
<div class="trait"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</div>
<div class="last_mess"><span class="gensmall" id="last">{catrow.forumrow.LAST_POST}</span></div>
<script type="text/javascript"> jQuery('#last').html(jQuery('#last').html().replace(/<br>/g,'<span style="display: inline-block; padding: 0 2px;">-</span>')).removeAttr('id');
</script>  
<div class="messuj"><span>{catrow.forumrow.POSTS} Calligraphies</span><span>{catrow.forumrow.TOPICS} Messēji</span>
</div>
  
<div class="blocdescf">{catrow.forumrow.FORUM_DESC}</div>
<div class="ssf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<div class="indexloright">
<div class="indeximglo">
<div class="indexloimg"><img src="https://i.servimg.com/u/f25/20/23/52/33/img-lo10.png" title="imgloleft" alt="lookatit" /></div>
</div></div>
</div>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
</div>
<!-- END tablefoot -->
 <!-- END catrow -->

Code:

/* pas de soulignement de liens */
a {
text-decoration:none  !important;
}
a:link {
text-decoration:none !important;
}
a:visited {
text-decoration:none !important;
}
a:hover {
text-decoration:none !important;
}

/*_____INDEX BOX_____*/
/**CATÉGORIES**/
/*Cadres*/
.cadrec {
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #b8a27f;
margin-bottom: 15px;
padding: 2px 4px 0px 3px;
border-bottom: 10px solid #402203;
border: dotted;
border-width: 10px 4px;
border-radius: 10px 40px 41px;
}
/*Titres*/
.titrec h2 {
display: inline-block;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #0d5938;
border-radius: 50%;
box-shadow: 2px 2px 1px #0d5938;
margin: 0% 5% 0% 0%;
padding: 10px 115px 0px 115px;
font: bold 28px Papyrus;
color: #402203;
text-shadow: 0 2px 2px #fefdb1;
text-align: center;
text-transform: uppercase;
transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transition: 1s;
-webkit-transition: 1s;
}
.titrec h2:first-letter  {
color: #c40606;
text-shadow: 2px 2px 2px #c0a583;
font: bold 50px papyrus;
}
.titrec h2:hover {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
/**FIN DES CATÉGORIES**/

/**FORUM**/
/* Divers cadres */
.borduref {
padding: 20px 0;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #a88c77;
overflow: hidden;
border-radius: 13em/3em;  
}
.blocf{
width: 600px;
  display: inline-block;
margin-left: -10px;
overflow: hidden;  
}
.separationf {
width: 95%;
margin: auto;
overflow: hidden;  
}
.separationf + .separationf {
margin-top: 25px;
}
/*Nouvmess*/
.icones img {
float: left;
overflow: hidden;
width: 120px;
height: 120px;
margin:100px 15px 15px 0px;
}
/* Titre du forum */
a.forumlink {
display: block;
text-align: left;
color: #402203!important;
font: bold 25px papyrus ;
text-shadow: 2px 2px 1px #0d5938;
letter-spacing: 0px;
 white-space: nowrap;  
transition: 0.5s;
-webkit-transition: 0.5s;
}
a.forumlink:hover {
color: #003a00!important;
letter-spacing: 5px;
}
a.forumlink:first-letter{
color: #c40606;
text-shadow: 2px #c0a583;
font: bold 28px papyrus;
}
/*Trait*/
.trait a {
display: inline-block;
width: 800px;
margin-bottom: 5px;
border-bottom: 3px solid #0d5938;
}
/*Messages&Sujets*/
.messuj span {
display: inline-block;
width: 200px;
height: 30px;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #0d5938;  
text-align: center;
color: #402203;
font: bold 12px papyrus;
box-sizing: border-box;  
-webkit-box-sizing: border-box;
border: 1px solid #0d5938;  
margin-right: 2px;
padding-top: 4px;  
}
.messuj span:first-letter{
color: #c40606;
text-shadow: 2px #c0a583;
font: bold 14px papyrus;
}
.last_mess {
padding: 2px;
text-align: center;
font: bold 40px papyrus;
color: #402203!important;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #0d5938;  
}
/*description */
.blocdescf {
border: 2px solid #0d5938;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #0d5938;
width: 800px;  
}
.forumdesc {
position: relative;
overflow: auto;  
z-index: 1;
width: 800px;
height: 200px;
margin-top: -200px;
text-align: justify;
font: 12px papyrus;
color: #402203;
}
.forum1 {
overflow: hidden;
width: 800px;
height: 200px;
}
.forum_img {
position: relative;
z-index: 2;
width: 800px;
height: 200px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forum1:hover .forum_img {
margin-left: 800px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
/**FIN FORUM**/

/**SOUS FORUM**/
.ssf {
margin: 0px auto 15px;
min-height: 30px;
border-radius: 15px #0d5938;  
-webkit-border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-o-border-radius: 15px 15px 15px 15px;
text-align: right;
width: 500px;
box-sizing: border-box;
bottom: -20px;
padding: 0 10px;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #0d5938;  
}
.ssf a {
font: bold 10px papyrus;
margin-right: 10px;
line-height: 18px;
text-transform: lowercase;
color: #402203!important;
letter-spacing: 1px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-htm-transition: 0.3s;
-webkit-transition: 0.3s;
}
.ssf a:hover {
color: #402203!important;
font: bold 15px papyrus;
text-transform: uppercase;  
}
/**FIN SOUS FORUM**/

/**ELEMENTS IMPORTANTS**/
/* Losange*/
.indexloright {
height: 100px;
width: 100px;
display: block;
position: absolute;
background: transparent;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
margin: -200px 20px 0px 530px;
}
/* losange-img physique container-child n parent */
.indeximglo {
height: 100px;
width: 100px;
display: block;
position: absolute;
background: #769c8d;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* container-child img */
.indexloimg {
height: 100px;
width: 100px;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* just img */
.indexloimg img{
width: 80px;
height: 80px;
display: block;
position: absolute;
text-align: center;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/**FIN ELEMENTS IMPORTANTS**/

Mon idée mais là, je nage un peu
Partie   Catégories (dans un tableau)
-sous partie  Forum (dans un tableau ou un bloc)
- sous sous forum les sous forums
- losange

En gros
table catégories
        Table forum
            Table sous forums  fin Table
            Table losange  fin table
fin table forum
fin  table catégorie

La présentation resterait ce que j'ai fait avec mes div actuellement.

[Louzanes]

Rendu du forum final. En testant avec mes Div, j'ai vu la façon de je voulais procéder pour y arriver mais  le problème c'est que des div provoquent plus d'instabilité qu'en étant dans un tableau.





Donc  ce que je souhaiterais  

Table catégorie
Titre
Grand cadrage

Table catégorie
Titre
Grand cadrage
Table forum
grand cadrage
titre

Table forum
grand cadrage
titre
En-dessous
Dernier message sur une seule ligne
en dessous
sujet/message
en dessous
Icone +bordure description +losange
Sous forum
Table

Table

[Louzanes]

Voilà le début de mon code pour mes bordures et titres

Code:

<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<table class="cadrec" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" valign="middle" align="center">
<span class="titrec">{catrow.tablehead.L_FORUM}</span>
</td>
</tr>
<tr>
<td class="borduref" width="100%" valign="middle" align="center">
  <!-- END tablehead -->

Le CSS correspondant

Code:

 /* pas de soulignement de liens */
a {
text-decoration:none  !important;
}
a:link {
text-decoration:none !important;
}
a:visited {
text-decoration:none !important;
}
a:hover {
text-decoration:none !important;
}

/*_____INDEX BOX_____*/
/**CATÉGORIES**/
/*Cadres*/
.cadrec {
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #b8a27f;
margin-bottom: 15px;
padding: 2px 4px 0px 3px;
border-bottom: 10px solid #402203;
border: dotted;
border-width: 10px 4px;
border-radius: 10px 40px 41px;
}
/*Titres*/
.titrec h2 {
display: inline-block;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #0d5938;
border-radius: 50%;
box-shadow: 2px 2px 1px #0d5938;
margin: 0% 5% 0% 0%;
padding: 10px 115px 0px 115px;
font: bold 28px Papyrus;
color: #402203;
text-shadow: 0 2px 2px #fefdb1;
text-align: center;
text-transform: uppercase;
transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transition: 1s;
-webkit-transition: 1s;
}
.titrec h2:first-letter  {
color: #c40606;
text-shadow: 2px 2px 2px #c0a583;
font: bold 50px papyrus;
}
.titrec h2:hover {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
/**FIN DES CATÉGORIES**/
/**FORUM**/
/* Divers cadres */
.borduref {
padding: 20px 0;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #a88c77;
overflow: hidden;
border-radius: 13em/3em; 
}

Je m'excuse du double post

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.