Déplacer les "derniers messages" dans la description des catégories.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Déplacer les "derniers messages" dans la description des catégories.
Bonjour, ou plutôt bonsoir, vu l'heure .
Je suis désolé d'en venir à poster un message.. J'ai essayé de trouver une réponse par moi-même, mais je ne l'ai pas trouvée, même après plus de trois jours d'essais. Enfin, j'ai voulu modifier mes catégories pour faire en sorte qu'il y ait une image à gauche, la description qui serait coupée en deux, avec un côté description, et l'autre avec les derniers messages, puis les images new/no new/lock. Comme je ne suis surement pas très claire -et vous m'en voyez désolé-, j'ai fais un schéma :
Voici mon template modifié (index body) :
Et tout mon CCS :
Voilà, je n'ai pas modifiés d'autres templates, mais si vous avez besoin d'autre chose, n'hésitez pas à me le demander .
Merci d'avance !
PS: Je me suis servie d'un code en libre-service.
Je suis désolé d'en venir à poster un message.. J'ai essayé de trouver une réponse par moi-même, mais je ne l'ai pas trouvée, même après plus de trois jours d'essais. Enfin, j'ai voulu modifier mes catégories pour faire en sorte qu'il y ait une image à gauche, la description qui serait coupée en deux, avec un côté description, et l'autre avec les derniers messages, puis les images new/no new/lock. Comme je ne suis surement pas très claire -et vous m'en voyez désolé-, j'ai fais un schéma :
- Spoiler:
- Spoiler:
Voici mon template modifié (index body) :
- Code:
<link href='http://fonts.googleapis.com/css?family=Dr+Sugiyama' rel='stylesheet' type='text/css'>
<br /><table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr><td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<center> .<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> • <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> •
<!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>. </center>
</td>
</tr>
</table>
<br /><center><!-- BEGIN catrow --><!-- BEGIN tablehead --><table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td><center><img src="http://i58.servimg.com/u/f58/17/54/68/75/thgh11.png"/></center></td></tr></table>
<table class="forumline" width="788px" border="0" cellspacing="0" cellpadding="0">
<tr>
<th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle">{catrow.tablehead.L_FORUM}</th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="15%"><img src="{SPACER}" height="0" width="15%" /></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="left"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="15%" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img src="htpp:blabla.fr"></td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" align="center" valign="top" width="85%" height="160px">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<div style="position: relative; top:-20px;"><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span></div>
<div style="position: relative; top:-33px;"><div class="StatsForum">{catrow.forumrow.TOPICS} SUJETS & {catrow.forumrow.POSTS} MESSAGES</div></div>
</h{catrow.forumrow.LEVEL}>
<div style="position: relative; top:-15px;"><table><tr><td style="width:340px;"><span class="genmed"><div id="description">{catrow.forumrow.FORUM_DESC}</div><div id="lastp"><right><tr style="width:140px;"><span class="dernier_message">{catrow.forumrow.LAST_POST}</span></tr></right></div></span></td>
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
<span id="subforums"><div class="forums-liens">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
</script>
</span>
</td></tr></table></div></div>
</td>
<td class="row3 over" align="center" valign="middle" height="100">
<span classe="gensmall"><!-- DEBUT ICONE NEW/NO-NEW/CLOS -->
<div class="icone_tfa_cat"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
<!-- FIN ICONE NEW/NO-NEW/CLOS -->
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="15%"><img src="{SPACER}" height="0" width="15%" /></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="10" width="1" /><div style="height:50px;"> </div><!-- END tablefoot --><!-- END catrow --></center>
Et tout mon CCS :
- Code:
/*boutons prévisualiser et envoyer */
.mainoption {
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;}
.maintitle {
text-align: center;
margin-bottom: 30px;
size: 25px;
text-shadow: 3px 3px 2px black;}
.maintitle:hover {
letter-spacing: 2px;
size: 28px;}
.liteoption {
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
font-weight:bold !important;}
/**/
/*avatar dans la toolbar*/
.fa_avatar {
width: 25px;
height: 25px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
/**/
/* DESCRIPTION CATÉGORIES */
.dernier_message{
width: 150px;
height: 90px;border:1px solid white;text-align:justify !important;
color: #F74B78;}
#description {padding:10px;width:466px;height:95px;
background-position:0px 27px;box-shaddow:0px 0px 10px #F39991;
background:#F39991;padding:5px;border-radius:25px;overflow:auto;
margin-left:55x;margin-top:-30p;}
.dernier_message a{
color: #F0CEAC;
}
.dernier_message:hover a{
color: #E5E3C2;
}
a.forumlink{
position: relative;
font-size : 45px;
font-family: 'Dr Sugiyama', cursive;
text-shadow: 1px 1px 0px #F1E7EB;
color: #FCFAF7;
left:0px;
bottom:10px;
}
.StatsForum{
position:relative;
font-size: 11px;
letter-spacing: 6px;
font-family: Times New Roman;
color:midnightblue;
left:0px;
bottom:15px;
}
.forums-liens a {
color: #F0CEAC;
}
/**/
/*Mise en page*/
.catHead {border: none !important;display:none !important;}
.catBottom { border: none !important;}
.thLeft { border: none !important;}
.thRight { border: none !important;}
.row3Right { border: none !important;}
.gensmall a{text-decoration:none !important;}
.Titre {
size: 18px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
color:black;
text-shadow: 2px 5px 3px grey;
letter-spacing: 2px;}
.postbody {text-align:justify;}
.nav {
margin-top: 20px;
margin-bottom: 10px;
font-weight: bold;
color: black !important;
font-size: 12px;
text-align :center;}
.nav a:hover{text-decoration: none !important;}
.nav a{text-decoration: none !important;}
.nav:hover {text-decoration: underline overline;}
.secondarytitle {
font-size: 15px;text-align:center;
Letter-spacing:10px;margin-top:-55px;margin-left:30px;
font-weight: bold;font-style:italic;}
.forumline {
border-radius: 25px;
overflow: hidden;
border-collapse: separate;
box-shadow: 1px 1px 2px black;
border:2px solid black !important;}
.bodyline {
border-left: 5px solid gainsboro;
border:1px solid gainsboro;
border-top-radius : 10px;
border-bottom-radius : 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;}
.separator {border-bottom : 2px dotted #C02375 !important; }
strong {
letter-spacing :2px;
font-weight:bold;
text-shadow:1px 1px 3px black;}
.code {
padding: 4px;
border: none;
border-left: 1px dashed black;
color:#42403F;
width: 250px;}
body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title (
color: none !important;}
#chatbox_header .cattitle:before {
content: "C’est ici qu’on papote ! - " ;
}
.module-advert{
display:none !important;)
Voilà, je n'ai pas modifiés d'autres templates, mais si vous avez besoin d'autre chose, n'hésitez pas à me le demander .
Merci d'avance !
PS: Je me suis servie d'un code en libre-service.
Dernière édition par Songe Ephémère le Sam 1 Mar 2014 - 13:59, édité 1 fois
Re: Déplacer les "derniers messages" dans la description des catégories.
Up ~
En espérant ne pas m'être trompée de catégorie.
En espérant ne pas m'être trompée de catégorie.
Re: Déplacer les "derniers messages" dans la description des catégories.
bonsoir,
je regarde le code, mais il y a une chose que je ne comprends pas : où sont sensés apparaitre les modérateurs du forum, et la liste des sous-forums ?
Edit : J'ai corrigé une partie du code, pour l'instant ça me donne cela : http://form-test-mllealys.forumactif.org/
je regarde le code, mais il y a une chose que je ne comprends pas : où sont sensés apparaitre les modérateurs du forum, et la liste des sous-forums ?
Edit : J'ai corrigé une partie du code, pour l'instant ça me donne cela : http://form-test-mllealys.forumactif.org/
MlleAlys- Membre actif
- Messages : 5747
Inscrit(e) le : 12/09/2012
Re: Déplacer les "derniers messages" dans la description des catégories.
Bonjour,
La liste des modérateurs ne doit pas apparaître, et normalement, les sous-forums sont dans le bloc central (de description).
Je ne sais pas comment vous avez fait, mais c'est exactement ça ! Pouvez-vous me dire ce qui ne marchait pas, sil vous plait ?
La liste des modérateurs ne doit pas apparaître, et normalement, les sous-forums sont dans le bloc central (de description).
Je ne sais pas comment vous avez fait, mais c'est exactement ça ! Pouvez-vous me dire ce qui ne marchait pas, sil vous plait ?
Re: Déplacer les "derniers messages" dans la description des catégories.
Des erreurs dans la construction du tableau, je n'ai pas tout compris d'ailleurs, mais j'ai essayé de corriger en restant le plus proche possible du code donné, et le plus simple possible... Rappelez vous que toute balise ouverte doit être fermée, et qu'il le faut pas qu'elles se chevauchent
Voilà le template :
et voilà le css de la partie concernée, un peu modifié également :
Voilà le template :
- Code:
<link href='http://fonts.googleapis.com/css?family=Dr+Sugiyama' rel='stylesheet' type='text/css'>
<br />
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<center>.<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> • <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> •
<!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>.</center>
</td>
</tr>
</table>
<br />
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>
<center>
<img src="http://i58.servimg.com/u/f58/17/54/68/75/thgh11.png" />
</center>
</td>
</tr>
</table>
<table class="forumline" width="788px" border="0" cellspacing="0" cellpadding="0">
<tr>
<th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle">{catrow.tablehead.L_FORUM}</th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="15%">
<img src="{SPACER}" height="0" width="15%" />
</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="left"></td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46">
<img src="{SPACER}" height="0" width="15%" alt="." />
</td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img src="htpp:blabla.fr" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" align="center" valign="top" width="85%" height="160px">
<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}>
<div class="StatsForum">{catrow.forumrow.TOPICS} SUJETS & {catrow.forumrow.POSTS} MESSAGES</div>
<table class="desc">
<tr>
<td style="width:340px;">
<div class="description genmed">{catrow.forumrow.FORUM_DESC}</div>
<!-- BEGIN switch_moderators_links -->
<div class="moderateurs gensmall">{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</div>
<!-- END switch_moderators_links -->
<div class="forums-liens" id="sub-forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</td>
<td>
<div class="lastp gensmall">{catrow.forumrow.LAST_POST}</div>
</td>
</tr>
</table>
</td>
<td class="row3 over" align="center" valign="middle" height="100">
<!-- DEBUT ICONE NEW/NO-NEW/CLOS -->
<div class="icone_tfa_cat">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</div>
<!-- FIN ICONE NEW/NO-NEW/CLOS -->
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="15%">
<img src="{SPACER}" height="0" width="15%" />
</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="10" width="1" />
<!-- END tablefoot -->
<!-- END catrow -->
et voilà le css de la partie concernée, un peu modifié également :
- Code:
/* DESCRIPTION CATÉGORIES */
.desc {
width:466px;
background-position:0px 27px;
box-shadow:0px 0px 10px #F39991;
background:#F39991;
padding:5px;
border-radius:25px;
margin-bottom: 20px;
}
.lastp {
width: 150px;
height: 90px;
border-left: 2px solid white;
color: #F74B78;
padding-left: 5px;
}
.dernier_message a {
color: #F0CEAC;
}
.dernier_message:hover a {
color: #E5E3C2;
}
a.forumlink {
font-size : 45px;
font-family:'Dr Sugiyama', cursive;
text-shadow: 1px 1px 0px #F1E7EB;
color: #FCFAF7;
}
.StatsForum {
font-size: 11px;
letter-spacing: 6px;
font-family: Times New Roman;
color:midnightblue;
}
.forums-liens a {
color: #F0CEAC;
}
/**/
MlleAlys- Membre actif
- Messages : 5747
Inscrit(e) le : 12/09/2012
Re: Déplacer les "derniers messages" dans la description des catégories.
Merci beaucoup, ça marche
Sujets similaires
» déplacer le nombre de messages et sujets dans la colonne "Derniers Messages"
» Effet hover sur les sous-forums, la description et les derniers messages (Catégories)
» Déplacer les Statistiques dans la colonne des Derniers messages
» Déplacer icônes légende message dans derniers messages
» Changer la date de 'Derniers Messages' dans la liste des catégories
» Effet hover sur les sous-forums, la description et les derniers messages (Catégories)
» Déplacer les Statistiques dans la colonne des Derniers messages
» Déplacer icônes légende message dans derniers messages
» Changer la date de 'Derniers Messages' dans la liste des catégories
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum