Membres connectés récemment
[PHPBB3] Mettre un cadre aux forums des catégories
2 participants
Page 1 sur 1 • Partagez
- Version du forum :PHPBB3
- Templates modifiés :non
- Navigateur :Opera
Bonjour,
J'aurai aimé reproduire le même effet que sur le forum de petite feuille :
seulement voilà j'ai beau chercher, je ne trouve des astuces que pour phpbb2
ce que j'ai réussi à produire (et qui n'est pas terrible) sur un forum test :
avec ce code :
est-ce que vous pouvez m'aider à l'améliorer ?
merci d'avance
J'aurai aimé reproduire le même effet que sur le forum de petite feuille :
seulement voilà j'ai beau chercher, je ne trouve des astuces que pour phpbb2
ce que j'ai réussi à produire (et qui n'est pas terrible) sur un forum test :
avec ce code :
- Code:
.dterm {
border: 1px solid #69c;
border-radius: 0px;
box-shadow: 3px 3px 3px #69c;
font-family: Georgia;
font-style: italic;
overflow: hidden;
padding: 3px 10px;
est-ce que vous pouvez m'aider à l'améliorer ?
merci d'avance
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:
Penser a cliquer sur le bouton
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
Re Renée,
tu peux tester ce style en remplacement:
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 ?
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 ?
Bonsoir, voilà le template index_box, j'ai beau vérifier, j'ai tout fait comme dans le sujet
é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 ?
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:
<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> • </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**/}
Sujets similaires
» [PHPBB2] Mettre de l'ombre sur mon cadre sur l'index
» [Edge] Placer les forums l'un à côté de l'autre à l'intérieur des catégories
» [PHPBB2] Virgules sous-forums dans dernier bloc des catégories
» [PHPBB2] Modification de la page d'accueil mettre des catégories en onglet
» [PHPBB3] Cadre des messages dans un sujet
» [Edge] Placer les forums l'un à côté de l'autre à l'intérieur des catégories
» [PHPBB2] Virgules sous-forums dans dernier bloc des catégories
» [PHPBB2] Modification de la page d'accueil mettre des catégories en onglet
» [PHPBB3] Cadre des messages dans un sujet
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum