[PHPBB2] Encodage arrondie présentation forum sur l'index

[InvitéInvité]

• Version du forum :
  PHPBB2
• Templates modifiés :
  oui
• Navigateur :
  Opera

Bonjour,

j'aimerais bien connaître les encodages pour faire les arrondies des forums et widget sur l'index s'il vous plait ? 

Faire ce modèle ci-dessous d'un de mes forums test avec les mêmes reliefs :



Je vous remercie d'avance et à bientôt de vous lire ,

mes amitiés

Lydie

[Milouze14Fondateur]

Coucou Lydie,

pour les Widgets,
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:


div#left .forumline
{
border-radius: 6px;
}


Penser a cliquer sur le bouton


Augmentes la valeur 6 si besoin.

Pour les forums, on va juste intervenir dans le template concerné:

Dans le template index_box:
Affichage/Templates/Général/index_box


Recherches ceci:

Code:


<!-- BEGIN tablehead -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">


remplaces par:

Code:


<!-- BEGIN tablehead -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-radius:6px;">


Penser a enregistrer puis à valider en cliquant respectivement sur puis


Augmentes la valeur 6 si besoin.

[InvitéInvité]

coucou mon Phil merci, je vais essayer ça aujourd'hui sur mon forum test, je te tiens au courant

[InvitéInvité]

j'ai donc essayé sur mon forum test ici

ça ne rend pas vraiment comme je l'espérais (voir mon 1er screen) j'ai juste augmenté à "15 px" sur le CSS et le JS ...

des soucis d'angle et de relief

[Milouze14Fondateur]

Alors, il faut ajouter l'identique à la balise th qui cause le problème:

Remplaces :

Code:


div#left .forumline
{
border-radius: 6px;
}
 

Par:

Code:


div#left .forumline,div#left .forumline th
{
border-radius: 6px;
}
 

Puis le même template modifié:

Recherches ceci:

Code:

<!-- BEGIN tablehead -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-radius:6px;">
   <tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>


Il faut ajouter sur la première balise th ceci:

Code:

style="border-radius:6px;"

C'est à dire comme ceci:

Code:


<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" style="border-radius:6px;">






Puis sur la dernière:

Code:


<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>


C'est à dire comme ceci:

Code:


<th nowrap="nowrap" width="150"><div style="width:150px;" style="border-radius:6px;">{L_LASTPOST}</div></th>


Avec ces modifications , tu devrais voir disparaitre les débords Lydie.

[InvitéInvité]

merci mon Phil,merci, j'ai donc fait ce que tu m'as dit :

CSS

Code:

div#left .forumline,div#left .forumline th
{
border-radius: 6px;
}
 

template: Généralindex_box

Code:

<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 --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-radius:6px;">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" style="border-radius:6px;"></th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;" style="border-radius:6px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" 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 class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                         <fieldset>
                <legend>
                                <h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                    </span>
                </h{catrow.forumrow.LEVEL}>
                </legend>
                <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                <span class="gensmall">
                    <!-- BEGIN switch_moderators_links -->
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                                    <div class="s_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                </span>
                </fieldset>
      </td>
             <td class="row3 over" align="center" valign="middle" height="50">
                <!-- BEGIN ads -->
                        <span class="AD_LastPA">
                                    <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                                    <span class="AD_LastInfos">
                                        <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                                        {catrow.forumrow.ads.DATE}<br />
                                        {catrow.forumrow.ads.LOCATION}
                                    </span>
                        </span>
                        <!-- END ads -->
                <!-- BEGIN avatar -->
                <div style="width: 200px;"></div>
                <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->
   
    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
    </td>   
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->



le rendu est bizarre ...

[Milouze14Fondateur]

Hum, je me suis planté dans le dernier codage:

tu remplacer l'intégralité du template par ceclui-ci:

Code:


    <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 --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-radius:6px;">
      <tr>
          <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" style="border-radius:6px;"></th>
          <th nowrap="nowrap" width="50">{L_TOPICS}</th>
          <th nowrap="nowrap" width="50">{L_POSTS}</th>
          <th nowrap="nowrap" width="150" style="border-radius:6px;"><div style="width:150px;">{L_LASTPOST}</div></th>
      </tr>
      <!-- END tablehead -->
      <!-- BEGIN cathead -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
            <h{catrow.cathead.LEVEL} class="hierarchy">
                <span class="cattitle">
                  <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                </span>
            </h{catrow.cathead.LEVEL}>
          </td>
          <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
      </tr>
      <!-- END cathead -->
      <!-- BEGIN forumrow -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
          <!-- END inc -->
          <td class="{catrow.forumrow.INC_CLASS}" 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 class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                            <fieldset>
                    <legend>
                                    <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <span class="forumlink">
                          <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                        </span>
                    </h{catrow.forumrow.LEVEL}>
                    </legend>
                    <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                    <span class="gensmall">
                        <!-- BEGIN switch_moderators_links -->
                        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                                        <div class="s_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                    </span>
                    </fieldset>
          </td>
                <td class="row3 over" align="center" valign="middle" height="50">
                    <!-- BEGIN ads -->
                            <span class="AD_LastPA">
                                        <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                                        <span class="AD_LastInfos">
                                            <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                                            {catrow.forumrow.ads.DATE}<br />
                                            {catrow.forumrow.ads.LOCATION}
                                        </span>
                            </span>
                            <!-- END ads -->
                    <!-- BEGIN avatar -->
                    <div style="width: 200px;"></div>
                    <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                    <!-- END avatar -->
     
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
        </td> 
      </tr>
      <!-- END forumrow -->
      <!-- BEGIN catfoot -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
      </tr>
      <!-- END catfoot -->
      <!-- BEGIN tablefoot -->
    </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->



[InvitéInvité]

d'accort mon Phil je retourne sur mon forum test .... merci je reviens

[InvitéInvité]

bé c'est bizarre non ? regarde https://voyance-tout-coeur.forumgratuit.org

[Milouze14Fondateur]

Hum, tu peux retirer les styles donnés:

Code:

style="border-radius:6px;

Et voir si tu as du changement?
je parierais mille fois que tu ne verras pas de changement.

[InvitéInvité]

pas de changement .. tu as gagné .. hiiiiiiiiiii

[Milouze14Fondateur]

Alors, cela provient de quoi Lydie ?

[InvitéInvité]

alors ... ça provient de quoi ? bé là j'en sais rien !

[Milouze14Fondateur]

Tu as modifié ton template Lydie afin de pas avoir le nombre de "Sujets et messages" non ?

[InvitéInvité]

bonjour mon Phil, surement que mon template a été modifié , après lequel ? donc en fait on va laisser tomber car j'aime bien de ne pas avoir le nombre de "Sujets et messages" en visu je te remercie pour ta réactivité , tu es toujours "au top" Je te souhaite une bonne journée et prends soin de toi le corona. est toujours présent !

[Milouze14Fondateur]

Coucou ma tite Lydie,
pas de soucis chère amie.

Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande