Largueur de la colone message dans les 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
Largueur de la colone message dans les catégories
Bonsoir a tous
Voici en image ce que j'aimerais résoudre comme problème car j'ai déjà un script qui fait que ma catégorie est modifier pour éviter une grande catégorie.
voici mon template modifier:
voici l'adresse de mon forum : http://testautrement.forumgratuit.org
je suis en phpbb2
et mon css est le suivant:
Merci d'avance
Aurélie
Voici en image ce que j'aimerais résoudre comme problème car j'ai déjà un script qui fait que ma catégorie est modifier pour éviter une grande catégorie.
voici mon template modifier:
- Spoiler:
- <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="0" cellpadding="0">
<tr>
<th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><div style="font-family: 'Open Sans Condensed', sans-serif;">{catrow.tablehead.L_FORUM}</div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<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.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"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}"></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" border="0px">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<div class="categorie"><span class="genmed">{catrow.forumrow.FORUM_DESC}<br/>
</span> </div><span class="gensmall">
<div class="liensfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="row1-over" align="center" valign="middle" height="50" width="500px" border="0px">
<div class="troisieme"><span class="gensmall">{catrow.forumrow.LAST_POST}<br>{catrow.forumrow.TOPICS} messages - {catrow.forumrow.POSTS} sujets</span></div>
</td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</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 -->
voici l'adresse de mon forum : http://testautrement.forumgratuit.org
je suis en phpbb2
et mon css est le suivant:
- Spoiler:
- /* slideshow accordeon debut **********************************************************************************************************************/
#accueil
{
width: 900px;
height: 400px;
overflow: hidden;
background: url(https://2img.net/r/hpimg11/pics/181185imagedefond.jpg) center no-repeat;
border: 3px solid #272727;
}
#page1
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #555555;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page1:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #777777;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #9b9b9b;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page4
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #bababa;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page4:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #dcdcdc;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.contenu_page
{
width: 100%;
height: 400px;
}
.page_titre
{
display: inline-block;
height: 40px;
width: 400px;
color: #ffffff;
margin-left: -180px;
text-align: center;
font-size: 24px;
font-family: arial black;
letter-spacing: 2px;
text-shadow: 1px 1px 0px #5f5f5f;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.contenu
{
width: 0px;
height: 0px;
background-color: white;
overflow: hidden;
padding: 6px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
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;
}
#page1:hover .contenu, #page2:hover .contenu, #page3:hover .contenu, #page4:hover .contenu, #page5:hover .contenu
{
width: 650px;
height: 380px;
margin-left: -180px;
background-color: white;
overflow: none;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
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;
}
.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}
/*slideshow accordeon fin ************************************************************************************************************************/
/* placement des sous forum dans les categories debut**********************************************************************************************/
.genmed a,.genmed a:active{
font-size:0.8em;
text-decoration:none;
}
.genmed a:hover{
text-decoration:underline;
}
/* placement des sous forum dans les categories fin************************************************************************************************/
/* centrage de la feuille de fond d'ecran forum debut**********************************************************************************************/
body{
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
/* centrage de la feuille de fond d'ecran forum fin************************************************************************************************/
/* ombre sous les speudo debut********************************************************************************************************************/
.name div span {
text-shadow: #000000 1px 1px 1px;
}
/* ombre sous les pseudo fin **********************************************************************************************************************/
/* contour et agrandissement citation debut********************************************************************************************************/
.quote {
font-size : 20px;
border : 1px solid #ff00ff;
}
/* contour et agrandissement citation fin**********************************************************************************************************/
/*fond semi transparent categorie debut************************************************************************************************************/
.forumline {background-repeat: repeat;
background-color:transparent;
background-image: url('https://i.servimg.com/u/f40/17/00/76/39/sans_t15.png');
}
/* fond semi transparent categorie fin*************************************************************************************************************/
Merci d'avance
Aurélie
Dernière édition par eternalis le Jeu 9 Fév 2012 - 0:13, édité 1 fois
Re: Largueur de la colone message dans les catégories
Bonsoir,
Vous désirez agrandir la colonne "derniers messages" ou l'ensemble des colonnes?
Pour l'ensemble des colonnes, ajoutez ceci à votre CSS:
Vous pouvez modifier 110% par une valeur plus élevée, toujours en pourcentage.
Cordialement.
Vous désirez agrandir la colonne "derniers messages" ou l'ensemble des colonnes?
Pour l'ensemble des colonnes, ajoutez ceci à votre CSS:
- Code:
.three-col {
width:110%;
}
Vous pouvez modifier 110% par une valeur plus élevée, toujours en pourcentage.
Cordialement.
Dernière édition par Dr. Karlos le Mer 8 Fév 2012 - 23:43, édité 1 fois
Dr. Karlos- Membre actif
-
Messages : 2623
Inscrit(e) le : 03/01/2012
Re: Largueur de la colone message dans les catégories
Bonsoir,
Oui et la est mon problème lol le Template a fusionner l'ensemble sujet et message mais il se trouve très raccourci depuis et je bloque pour le réglage lol
le mieux est d'allez voir le site au lien ci citer au dessus
Oui et la est mon problème lol le Template a fusionner l'ensemble sujet et message mais il se trouve très raccourci depuis et je bloque pour le réglage lol
le mieux est d'allez voir le site au lien ci citer au dessus
Re: Largueur de la colone message dans les catégories
Bonsoir,
Repérez cette partie dans votre template:
Et changez le width="100%" par une valeur plus petite, comme 90%.
D'ailleurs, vous avez changé vos class et j'ai remarqué plusieurs divs inutiles dans votre template... Un petit ménage s'imposerait afin d'éviter des bugs futurs.
Cordialement.
Repérez cette partie dans votre template:
- Code:
<td class="row1-over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50" border="0px">
Et changez le width="100%" par une valeur plus petite, comme 90%.
D'ailleurs, vous avez changé vos class et j'ai remarqué plusieurs divs inutiles dans votre template... Un petit ménage s'imposerait afin d'éviter des bugs futurs.
Cordialement.
Dr. Karlos- Membre actif
-
Messages : 2623
Inscrit(e) le : 03/01/2012
Re: Largueur de la colone message dans les catégories
Merci Dr. Karlos,
Pour ce qui est de mon Template je ne doute pas un seule instant qui'il contienne des erreurs car je ne fait que du copier coller et je regarde si cela fonctionne car je suis une vrai nullarde lol en programmation je capte que très peu juste un peu de css lol.
Si vous voulez sans abuser de votre temps me dire ou sont les erreurs je me ferais une joie de les rectifier.
Merci d'avance
Pour ce qui est de mon Template je ne doute pas un seule instant qui'il contienne des erreurs car je ne fait que du copier coller et je regarde si cela fonctionne car je suis une vrai nullarde lol en programmation je capte que très peu juste un peu de css lol.
Si vous voulez sans abuser de votre temps me dire ou sont les erreurs je me ferais une joie de les rectifier.
Merci d'avance
Re: Largueur de la colone message dans les catégories
Bonsoir,
Ah, le fameux copier/coller. J'ai corrigé certaines erreurs dans votre template, remplacez l'ancien par celui-ci (l'élargissement de la colonne "derniers messages" est pris en compte dans le code):
Quelques petits points:
- Une <div> se place toujours avant le <span>;
- Il est inutile de mettre des <tr> autour des <th>.
Cordialement.
Ah, le fameux copier/coller. J'ai corrigé certaines erreurs dans votre template, remplacez l'ancien par celui-ci (l'élargissement de la colonne "derniers messages" est pris en compte dans le code):
- 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="0" cellpadding="0">
<th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><div style="font-family: 'Open Sans Condensed', sans-serif;">{catrow.tablehead.L_FORUM}</div></th>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<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.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"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}"></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="90%" height="50" border="0px"><h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}<br/>
</span><span class="gensmall">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50" border="0px"><span class="gensmall">{catrow.forumrow.LAST_POST}<br>{catrow.forumrow.TOPICS} messages - {catrow.forumrow.POSTS} sujets</span></td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
<!-- 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 -->
Quelques petits points:
- Une <div> se place toujours avant le <span>;
- Il est inutile de mettre des <tr> autour des <th>.
Cordialement.
Dr. Karlos- Membre actif
-
Messages : 2623
Inscrit(e) le : 03/01/2012
Re: Largueur de la colone message dans les catégories
Merci beaucoup Mr Karlos, je vous en remercie amplement, hihihihihihi
Il faut bien un début pour apprendre car je prend le temps de savoir le pourquoi lol mais je n'ai pas la sciences infuse lol
Et donc c'est en faisant des erreurs que l'on progresse non ?
La preuve j'apprend avec vous ce soir car vous prenez de votre temps pour m’expliquez le pourquoi de l'erreur.
Alors mille fois merci Mr Karlos......
Bien a vous et bonne continuation....
Aurélie
Il faut bien un début pour apprendre car je prend le temps de savoir le pourquoi lol mais je n'ai pas la sciences infuse lol
Et donc c'est en faisant des erreurs que l'on progresse non ?
La preuve j'apprend avec vous ce soir car vous prenez de votre temps pour m’expliquez le pourquoi de l'erreur.
Alors mille fois merci Mr Karlos......
Bien a vous et bonne continuation....
Aurélie
Sujets similaires
» Multiple probléme.(hauteur des catégories, largeur de colone)
» Icône de message dans les catégories
» Alignement des textes de l'index : Titres des catégories / Sujet / Message / Dernier Message
» Colone dernier message tout serrée
» avatar dans la colone de droite
» Icône de message dans les catégories
» Alignement des textes de l'index : Titres des catégories / Sujet / Message / Dernier Message
» Colone dernier message tout serrée
» avatar dans la colone de droite
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