[PHPBB3] Mettre un cadre aux forums des catégories

Hello Renée,

avec ce style, tu appliques aussi à l'entête des titres de catégories,
il faut préciser avec ceci:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:


ul.topiclist.forums    .dterm
{
border: 1px solid #69c;
border-radius: 0px;
margin-left: 5px;
font-family: Georgia;
font-style: italic;
overflow: hidden;
padding: 3px 10px;
-moz-box-shadow: -4px 13px 5px 0 rgba(106,112,108,1);
-webkit-box-shadow: -4px 13px 5px 0 rgba(106,112,108,1);
box-shadow: -4px 13px 5px 0 rgba(106,112,108,1);
}



Penser a cliquer sur le bouton

Bonjour Philippe,
oui effectivement,  je n'ai aucune connaissance en css et je bidouille avec quelques codes vu ici ou là...
Est-ce que ce serait possible de ne pas englober l'icone et de faire démarrer le cadre à hauteur des titres de forum pareil que chez Petite Feuille ?
merci de ton aide

Re Renée,

tu peux tester ce style en remplacement:

Code:

    ul.topiclist.forums    .dterm div
    {
    border: 1px solid #69c;
    border-radius: 0px;
    margin-left: 5px;
    font-family: Georgia;
    font-style: italic;
    overflow: hidden;
    padding: 3px 10px;
    -moz-box-shadow: -4px 13px 5px 0 rgba(106,112,108,1);
    -webkit-box-shadow: -4px 13px 5px 0 rgba(106,112,108,1);
    box-shadow: -4px 13px 5px 0 rgba(106,112,108,1);
    }


Merci Philippe c'est déjà mieux,
je viens de tester directement sur le nouveau forum d'un collègue,
et  j'ai voulu enlever les deux colonnes comme dans ce sujet :
https://forum.forumactif.com/t376299-suppression-des-colonnes-sujets-et-messages-phpbb3
mais il reste nbr message et sujet sur l'accueil, du coup c'est pas terrible,
comment je peux l'enlever ?

C'est une autre demande Renée,
bref tu peux me donner le template concerné stp.

Bonsoir, voilà le template index_box, j'ai beau vérifier, j'ai tout fait comme dans le sujet

Code:

<ul class="linklist">
 <!-- BEGIN switch_user_logged_in -->
 <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> • </li>
 <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> • </li>
 <!-- END switch_user_logged_in -->
 <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
 <!-- BEGIN switch_user_logged_in -->
 <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
 <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
 <div class="forabg">
 <div class="inner"><span class="corners-top"><span></span></span>
 <ul class="topiclist">
 <li class="header">
 <dl class="icon">
 <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
 
 <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
 </dl>
 </li>
 </ul>
 <ul class="topiclist forums">
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
 <li class="row">
 <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
                  <dd class="dterm">
                     <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                                                                <div class="stat-forum" style="text-align:right;">{catrow.forumrow.POSTS} {L_POSTS} dans {catrow.forumrow.TOPICS} {L_TOPICS}</div>
                        <br />
                        {catrow.forumrow.FORUM_DESC}
 
                        <!-- BEGIN switch_moderators_links -->
                           {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                     </div>
                  </dd>
 <dd class="lastpost">
 <!-- 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 -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

 <span>
 <!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->
 {catrow.forumrow.USER_LAST_POST}
 </span>
 </dd>
 </dl>
 </li>
 <!-- END forumrow -->

 <!-- BEGIN tablefoot -->
 </ul>

 <span class="corners-bottom"><span></span></span></div>
 </div>
 <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
 <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> • </li>
 <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> •&nbsp;</li>
 <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
 <!-- BEGIN switch_delete_cookies -->
 <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
 <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

édit : je viens de mettre ce code css (en prenant l'attribut indiqué dans inspecter l'élément et en bidouillant avec un code pour effacer description du titre)
 ça a l'air de marcher mais je ne sais pas si c'est écrit correctement et si ça s'applique ailleurs ou pas ?

Code:

/**on enlève description des stat**/
.stat-forum{display:none;/**ont efface la description**/}

re-édit : je ne sais pas si je peux demander.... il y a encore un truc qui déconne (j'ignore si c'est suite à la suppression des deux colonnes)
mais dans voir ses messages : rien n'est à sa place


le css :

Code:

/* ******************DIMENSIONS DE LA RÉPONSE RAPIDE******************* */
form#quick_reply div#textarea_content {
        width: 750px !important;
      height: 250px !important;
 }

/**position titre, grosseur, couleur, effet**/
#site-title, #site-title h1 {font-family:impact,Times New Roman;
 font-size:34px;text-shadow:1px 1px 1px#C0C0C0;color:#0D829B!important;}

/**affiner cadre des tables**/
.forabg {
border: 1px solid #C0C0C0;
}
.forumbg {
border: 1px solid #C0C0C0;
}

/**on redéfini largeur profil/messages**/
.postprofile {width:15%}
.postbody {width:80%}

/**on met un cadre et une ombre aux forums des catégories**/
ul.topiclist.forums    .dterm div
    {border-bottom: thick double #32a1ce;
    border: 1px solid #69c;
    border-radius: 0px;
    margin-left: 5px;
    font-family: Georgia;
    font-style: italic;
    overflow: hidden;
    padding: 3px 10px;
    -moz-box-shadow: -4px 4px 4px 0 rgba(106,112,108,1);
    -webkit-box-shadow: -4px 4px 4px 0 rgba(106,112,108,1);
    box-shadow: -4px 4px 4px 0 rgba(106,112,108,1);
    }

/** suite à suppression des deux colonnes on redéfini dimensions catégories**/
.forabg .lastpost { width:13% }
.forabg .dterm { width:82% !important }

/**on enlève description des stats**/
.stat-forum{display:none;/**ont efface la description**/}



Coucou Renée,
hum, c'est dû au float left par défaut chère amie,

Remplaces ceci:

Code:

.forabg .lastpost { width:13% }

Code:

    .forabg .lastpost { width:13% ;float: right !important;}

Pour le décaler légèrement vers la gauche , appliques ce style :

Code:


left: -10px;
position: relative;


Bonjour Philippe,
Je viens d'essayer, un coup ça marche,  un coup ça marche pas, du coup j'ai remis le template d'origine
c'est sans doute mon ordi qui déconne parce que sous opéra les modifs ne sont pas prises en compte et sous firefox tout semble normal
Merci pour ton aide, je mets en résolu

C'est assez étonnant effectivement, 
De rien et à bientôt pour une prochaine entraide.