Modifier les colonnes
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 2 • Partagez
Page 1 sur 2 • 1, 2
Modifier les colonnes
Bonjour, je souhaitais modifier mes colonnes, je vous ai fait un petit schéma avant après de ce que je souhaiterai obtenir. Mon template a déjà beaucoup de modifications, je sais ^^
Voici un schéma avant/après de ce que je voudrais
https://2img.net/r/hpimg11/pics/564284Sanstitre2.png
Voici un schéma avant/après de ce que je voudrais
https://2img.net/r/hpimg11/pics/564284Sanstitre2.png
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom"><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></td>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="catefond"><div class="catetitre">{catrow.tablehead.L_FORUM}</div></div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td><div style="width:50px"></div></td>
<td><div style="width:100%"></div></td>
<td><div style="width:200px"></div></td>
</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"> </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">
<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}>
<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="sous_forums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</span>
</td>
<!-- BEGIN forum_link_no --><td class="row3 over" align="center" valign="middle" height="50"><span class="gensmall">
<DIV style="background-color:#0E0E0E; border: #0E0E0E 2px solid;-moz-border-radius:7px;">
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div><div class="sujets_messages">sujets {catrow.forumrow.TOPICS} • messages {catrow.forumrow.POSTS}</div>
</DIV>
</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 -->
</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 -->
Dernière édition par Jessica A. le Mer 20 Juil 2011 - 14:30, édité 2 fois
Re: Modifier les colonnes
Bonsoir,
J''ai bien tenté de de voir avec votre template fourni, mais il y a quelques erreurs dedans. Je vais donc reprendre à partir d'un normal. POuvez-vous me fournir également votre css, ainsi 'essayerai de tout vous remettre comme il le faut.
Cordialement.
J''ai bien tenté de de voir avec votre template fourni, mais il y a quelques erreurs dedans. Je vais donc reprendre à partir d'un normal. POuvez-vous me fournir également votre css, ainsi 'essayerai de tout vous remettre comme il le faut.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Ah... ben j'ai essayé de repartir à zéro car il y a plein de codes qui ne serviront à rien dans mon CSS. Je le donne quand même (l'ancien du coup) ?
Re: Modifier les colonnes
Si vous repartez de zero, le plus simple est de me donné un schéma complet de ce que vous désirez alors.
Cordialement.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
https://2img.net/r/hpimg4/pics/597867CopiedeSanstitre1.png
Voici une capture de mon forum actuel. En bas ce que j'ai et en haut ce que je voudrais. Que la couleur englobe les deux et non avoir deux "blocs". Puisqu'on repart de zéro (parce que mon template modifié avait des erreurs comme dit précédemment) donc deux colonnes seulement celle pour la catégorie et celle pour les messages^^ au lieu d'avoir les quatre habituelles "auteurs, messages..." les sujets et messages comme sur mon forum à droite en bas et une image comme le "more seriously" à la place de la catégorie simple^^
C'est bien compliqué... sur le sujet "modifier les colonnes" en fait la couleur de fond ne fait que les bordures... or je voudrais que ça fasse bien comme sur mon exemple, un fond. Je pensais qu'avec les modifications faites je n'aurais plus qu'à ajouter les miennes mais ça parait bien compliqué. Tant pis sinon^^
Re: Modifier les colonnes
J'ai reformulé ma demande, c'est plus clair et accompagné d'un vrai beau schéma
Je n'ai plus qu'une seule modification à faire !
Je n'ai plus qu'une seule modification à faire !
Re: Modifier les colonnes
UP S'il vous plait.J'ai reformulé ma demande, c'est plus clair et accompagné d'un vrai beau schéma Smile
Je n'ai plus qu'une seule modification à faire !
Re: Modifier les colonnes
Quelle est la modification qu'il vous manque ^^ ? de meme pouvez-vous me fournir votre css ? L'index_box est-il édité également dans votre premier message ?
Cordialement.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Bonjour
Normalement j'ai édité mais j'ai tout de même re changé on ne sait jamais
Et bien j'ai fais donc ce petit schéma mis dans le premier post
https://2img.net/r/hpimg11/pics/564284Sanstitre2.png
A droite ce que je voudrais. Donc que la couleur fasse non seulement la description mais aussi les messages à droite^^
Normalement j'ai édité mais j'ai tout de même re changé on ne sait jamais
Et bien j'ai fais donc ce petit schéma mis dans le premier post
https://2img.net/r/hpimg11/pics/564284Sanstitre2.png
A droite ce que je voudrais. Donc que la couleur fasse non seulement la description mais aussi les messages à droite^^
Re: Modifier les colonnes
e m'excuse d'être si pointilleuse, mais en l'occurence, je ne vois pas de différences entre le avant et le après sur votre modèle ^^ C'est pour cela que j'ai du mal à comprendre. Trop sombre pour mes yeux de myope je pense. Donc un cadre qui engloberait, la description, les derniers messages, est-ce aussi le cas pour les images news no news lock ?
C'est bien ce que vous demandez ?
C'est bien ce que vous demandez ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Ah ? Je vais éclaircir mon schéma (non il n'y a pas le no new et lock)
C'est mieux ainsi ?
C'est mieux ainsi ?
Re: Modifier les colonnes
oui beaucoup mieux merci. je comprends enfin. désolé d'avoir eu tant de mal,
je m'en occupe et vous redirez ce qu'il en est dans la soirée.
Cordialement.
je m'en occupe et vous redirez ce qu'il en est dans la soirée.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Pas de soucis, c'est normal, j'aurais put y penser sachant que je suis moi aussi myope.
Merci beaucoup !
Merci beaucoup !
Re: Modifier les colonnes
Voici votre index_box :
pour marquer le tour voulu, mettez dans votre css :
en la personnalisant bien sur. ^^
Cordialement.
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom"><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></td>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="catefond"><div class="catetitre">{catrow.tablehead.L_FORUM}</div></div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td><div style="width:50px"></div></td>
<td><div style="width:100%"></div></td>
<td><div style="width:200px"></div></td>
</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}" 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}" align="right"> </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="2" valign="top" width="100%" height="50">
<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}>
<table width="100%" class="tourdesc"><tr><td width="100%"> <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="sous_forums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</span>
</td>
<!-- BEGIN forum_link_no --><td class="row3 over" align="middle" valign="middle" height="50"><span class="gensmall">
<DIV style="background-color:#0E0E0E; border: #0E0E0E 2px solid;-moz-border-radius:7px;width:150px;margin-right : 15px;">
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div><div class="sujets_messages">sujets {catrow.forumrow.TOPICS} • messages {catrow.forumrow.POSTS}</div>
</DIV></span></td></tr></table>
</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 -->
pour marquer le tour voulu, mettez dans votre css :
- Code:
.tourdesc {
background-color : #ff0000;
border : 1px solid #00ffff;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
}
en la personnalisant bien sur. ^^
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Bonsoir
Cela me fait ça
Je pense qu'il faudra enlever la "DIV" dans mon template qui fait la couleur autour des "derniers messages postés" puisqu'elle sera inutile je pense si le template est configuré pour faire toute la couleur. Seulement ça fera un trou...
Par contre sur mon "avant"
https://2img.net/r/hpimg11/pics/564284Sanstitre2.png
L'espace entre la description et les derniers messages postés est plus grand, je ne sais pas pourquoi Oo
Cela me fait ça
Je pense qu'il faudra enlever la "DIV" dans mon template qui fait la couleur autour des "derniers messages postés" puisqu'elle sera inutile je pense si le template est configuré pour faire toute la couleur. Seulement ça fera un trou...
Par contre sur mon "avant"
L'espace entre la description et les derniers messages postés est plus grand, je ne sais pas pourquoi Oo
Dernière édition par Jessica A. le Ven 22 Juil 2011 - 23:21, édité 1 fois
Re: Modifier les colonnes
Essayez de changez ceci :
par ceci :
Est-ce mieux ?
- Code:
<!-- BEGIN forum_link_no --><td class="row3 over" align="middle" valign="middle" height="50"><span class="gensmall">
<DIV style="background-color:#0E0E0E; border: #0E0E0E 2px solid;-moz-border-radius:7px;width:150px;margin-right : 15px;">
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div><div class="sujets_messages">sujets {catrow.forumrow.TOPICS} • messages {catrow.forumrow.POSTS}</div>
</DIV></span></td></tr></table>
</td><!-- END forum_link_no -->
par ceci :
- Code:
<!-- BEGIN forum_link_no --><td class="row3 over" align="middle" valign="right" height="50"><span class="gensmall">
<DIV style="width : 200px; margin-left : 35px;margin-right : 15px;">
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div><div class="sujets_messages">sujets {catrow.forumrow.TOPICS} • messages {catrow.forumrow.POSTS}</div>
</DIV></span></td></tr></table>
</td><!-- END forum_link_no -->
Est-ce mieux ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Il n'y a donc plus la DIV, normal, mais il y a toujours un trou, ça fait comme sur mon schéma précédent sans le milieu que l'on vient d'enlever.
Re: Modifier les colonnes
--' vos nouvelles images sont touours aussi sombres. Pouvez-vous m'entourer en rouge sur une nouvelle le trou en question ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Et bien j'avais une image modifiée l'image claire dont je parlais... bref. J'ai refais l'image plus sombre^^
Donc sans la DIV que j'ai enlevé (car indésirable puisque je voulais que la couleur fasse bien comme je le souhaite toute cette largeur sans avoir de code supplémentaire. Ça fait un trou déjà matérialisé par les bordures. Vous voyez ce que je veux dire ?
Donc sans la DIV que j'ai enlevé (car indésirable puisque je voulais que la couleur fasse bien comme je le souhaite toute cette largeur sans avoir de code supplémentaire. Ça fait un trou déjà matérialisé par les bordures. Vous voyez ce que je veux dire ?
Re: Modifier les colonnes
oui ^^ là je vois...
Repérez ceci :
remplacez le par
Repérez ceci :
- Code:
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div><div class="sujets_messages">sujets {catrow.forumrow.TOPICS} • messages {catrow.forumrow.POSTS}</div>
remplacez le par
- Code:
{catrow.forumrow.LAST_POST}</div><div class="sujets_messages">sujets {catrow.forumrow.TOPICS} • messages {catrow.forumrow.POSTS}
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
J'ai changé la couleur (puisque j'ai changé l'agencement de mon forum test) EDIT /enfin j'ai retouché le contraste puisque c'est pour le coup vachement clair en vrai xD
Et c'est négatif, ça ne change rien puisqu'il y a toujours un trou en plus de décaler un mot :
J'ai donc remis comme avant et vous montre donc avant votre précédente réponse ce que ça faisait et vous donne le template :
Et c'est négatif, ça ne change rien puisqu'il y a toujours un trou en plus de décaler un mot :
J'ai donc remis comme avant et vous montre donc avant votre précédente réponse ce que ça faisait et vous donne le template :
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom"><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></td>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="catefond"><div class="catetitre">{catrow.tablehead.L_FORUM}</div></div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td><div style="width:50px"></div></td>
<td><div style="width:100%"></div></td>
<td><div style="width:200px"></div></td>
</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}" 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}" align="right"> </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="2" valign="top" width="100%" height="50">
<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}>
<table width="100%" class="tourdesc"><tr><td width="100%"> <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="sous_forums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</span>
</td>
<!-- BEGIN forum_link_no --><td class="row3 over" align="middle" valign="right" height="50"><span class="gensmall">
<DIV style="width : 200px; margin-left : 35px;margin-right : 15px;">
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div><div class="sujets_messages">sujets {catrow.forumrow.TOPICS} • messages {catrow.forumrow.POSTS}</div>
</DIV></span></td></tr></table>
</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 -->
Re: Modifier les colonnes
- Code:
<!-- BEGIN forum_link_no --><td class="row3 over" align="middle" valign="right" height="50"><span class="gensmall">
<DIV style="width : 200px; margin-left : 35px;margin-right : 15px;">
enlever le class="row3 over" pour voir.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Du coup je n'ai pas enlevé que le
Résultat :
ça ne marche pas xD
- Code:
td class="row3 over" align="middle" valign="right" height="50">
- Code:
/td
Résultat :
ça ne marche pas xD
Re: Modifier les colonnes
Non j'ai bien précisé... il ne fallait pas tout enlever dedans mais seulement : class="row3 over". Laissez ce qu'il y a devant et derrière ce code surtout.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Ca marche bien ! sauf que, voici mon schéma 1
Ce que ça me fait :
Est-ce possible d'aligner la partie message avec le texte de la description ?
Comme : SAISON 2 en haut qui est aligné avec le texte. Sur l'image deux "Nouveau Formulaire" n'est pas aligné.
Ce que ça me fait :
Est-ce possible d'aligner la partie message avec le texte de la description ?
Comme : SAISON 2 en haut qui est aligné avec le texte. Sur l'image deux "Nouveau Formulaire" n'est pas aligné.
Re: Modifier les colonnes
Pouvez-vous me rendre une nouvelle fois votre index_box complet ainsi que votre css... ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
CSS
- Code:
.infobulle{position: relative;}
.infobulle span{
display: none; }
.infobulle span img{border: 1px;padding: 5px;}
.infobulle:hover span{
text-align : center ;
font-size: 9px;
width : 102px;
display: inline;
position: absolute;
white-space: nowrap;
top: 50px;
left: -25px;
background-color : #E1E1E1;
padding: 3px;
border-right : 1px solid #000000;
border-left : 1px solid #000000;}
.tourdesc {
background-color : #E8E8E8;
border : 1px solid #E8E8E8;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;}
/*--- I. PARTIE FIXE ---*/
#left { display : none }
/* --- pas de cadre lors du clic --- */
a:active, a:focus {
outline: none;}
/* --- enlever derniere edition par --- */
tr.post span.gensmall { display: none; }
/* --- largeur feuille personnage --- */
.postdetails.poster-profile textarea { width: 200px;}
/* --- justification automatique du texte --- */
.postbody, td.row1 span.gensmall {
text-align: justify !important;}
/* --- curseur croix --- */
a:hover {cursor:sw-resize;}
/* --- pseudos/liens ombre --- */
A
{text-shadow: # 0px 0px 2px;}
A:active
{text-shadow: 1px 1px 1px #;}
/* --- italic couleur --- */
i {color: #97722D;}
/*--- II. PARTIE AMOVIBLE ---*/
/* Fixation bannière défilante || Tuto donné par Kanala sur PRD va avec un code qui se place dans la description du forum qu'on a enlevé pour cette version*/
.ban1 { background-image: url(''); }
.ban2 { background-image: url(''); }
/* A. transformation des titres de catégorie et des forums ---------------- */
/* --- cadre de fond de catégorie --- */
.catefond {
background-image:url('http://nsa27.casimages.com/img/2011/07/23/110723124358567828.png');
width: 800px; /* --- largeur du cadre --- */
height: 32px; /* --- hauteur du cadre = hauteur image de fond --- */}
/* --- emplacement du titre sur le fond --- */
.catetitre {
text-align : center ;
position:relative;
margin-top: -10px;
left: 5px;}
/* style d'écriture de catégorie --- */
.catestyle {
background-image: url('');
letter-spacing: 1px;
color: #A89C72;
font-size: 15px;
font-family: Courier New;
padding-left:300px;
text-transform:uppercase;
text-shadow: #C0C0C0 1px 1px 1px;}
.catestyle:hover {
background-image: url('');
color: #AF6947;
text-shadow: #C0C0C0 1px 1px 1px;}
/* style d'écriture des sous forum constitution et règlement etc --- */
.forastyle {
font-weight: normal;
word-spacing: 2px;
letter-spacing: -3px;
font-size: 25px;
color: #97722D;
padding-right:10px;
text-shadow: #000000 0px 0px 1px;
font-family: Georgia;
text-transform:uppercase;}
.forastyle:hover {
color: #AF6947;
text-shadow: #000000 0px 0px 1px;}
/* style des sous sous forums intrigues, évènements etc --- */
.titreforum {
color:#BAA57D;
padding-right:7px;
padding-left:7px;
padding-bottom: 1px;
padding-top:1px;
margin-left: 10px;
font-family: TimesNewRoman;
text-transform:uppercase;
border-right:5px solid #0B0B0B;
border-left: 5px solid #0B0B0B;
background-color:#0B0B0B;}
.titreforum:hover {
padding-right:7px;
padding-left:7px;
padding-bottom: 1px;
padding-top:1px;
margin-left: 10px;}
/*--- B. apparence barre de navigation et majuscule ---*/
a.mainmenu {
font-weight: normal;
word-spacing: 3px;
letter-spacing: -3px;
font-size: 13px;
text-shadow: #000000 0px 0px 1px;
font-family: Georgia;
color: #A89C72;
text-align: center;
text-transform:uppercase;}
.mainmenu:hover { /* pour le survol */
color: #AF6947;
text-shadow: #000000 0px 0px 1px;}
{text-shadow: #D5CCB4 0px 0px 3px;}
A:active
{text-shadow: 1px 1px 1px #9A9A9A;}
.navi {
width : 95% ;
height : 22%;
left: 0% ;
position : absolute ;
border: 0px solid #;
padding: 7px; /*ESPACER DES BORDS*/
margin-top: -8px; /*ESPACER DU HAUT UTILE QUE POUR DES BANNIERES ET NON HEADERS DE FOND*/}
/*--- C. apparence profil ---*/
.fondavatar {
background-color : #000000 ;
border : 10px solid # ;
-moz-box-shadow: 1px 1px 1px 1px #;
-moz-border-radius: 5px 5px 5px 5px }
.fondavatar:hover {border : 10px solid #;}
/*--- D. arrondir catégorie sous firefox ---*/
.forumline{
-moz-border-radius: 0px ;
-webkit-border-radius:0px;
-khtml-border-radius:0px;
border-radius:0px;}
/*--- E. apparence cadre titre dans certains messages va avec un code html ---*/
.cadre {
background-color:#0E0E0E;
border: 1px solid #1D1D1D;
width: 500px;}
.cadre:hover{
border: 1px solid #292929;
width: 500px;}
.cadre2 {
background-color:#0E0E0E;
border: 1px solid #1D1D1D;
-moz-border-radius: 5px 5px 5px 5px;
width: 500px;}
.cadre2:hover{
border: 1px solid #292929;
width: 500px;}
.titre {
color: #97722D;
font-weight: normal;
font-size: 25px;
font-family: georgia;
letter-spacing: -3px;
word-spacing: 3px;
text-shadow: #000000 0px 0px 1px;}
.titre:hover {
color: #C7BC85;}
.secondtitre {
color: #C7BC85;
font-weight: normal;
font-size: 25px;
font-family: georgia;
letter-spacing: -3px;
word-spacing: 3px;
text-shadow: #000000 0px 0px 1px;}
.secondtitre:hover {
color: #97722D;}
.troisiemetitre {
color: #97722D;
font-weight: normal;
font-size: 13px;
font-family: georgia;
letter-spacing: -2px;
word-spacing: 3px;
text-shadow: #000000 0px 0px 1px;}
.troisiemetitre:hover {
color: #C7BC85;}
/*--- F. lever le forum cf barre de navigation plus haute ---*/
.bodyline {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;}
.bodylinewidth {
margin: -7px auto -30px auto;}
/*--- G. modifier couleur fond friendship et couleur police ---*/
textarea {background-color: #0E0E0E;
border: 1px #1D1D1D;}
/*--- H. apparence citations, codes, spoiliers ---*/
.quote{
font-family: Verdana;
font-size: 11px;
background-color:#0E0E0E;
border: 1px solid #1D1D1D;
padding-right: 10px;
padding-left: 10px;}
.quote:hover{
border: 1px solid #292929;}
.code{
font-family: Verdana;
font-size: 11px;
background-color:#0E0E0E;
border: 1px solid #1D1D1D;
padding-right: 10px;
padding-left: 10px;}
.code:hover{
border: 1px solid #292929;}
.spoiler{
font-family: Verdana;
font-size: 11px;
background-color:#0E0E0E;
border: 1px solid #1D1D1D;
padding-right: 10px;
padding-left: 10px;}
.spoiler:hover{
border: 1px solid #292929;}
/*--- I. apparence menu PA (anciennement) et sujet (va avec code html) ---*/
.main{
background-color: #0E0E0E;
border-right: 20px solid #0E0E0E;
border-left: 20px solid #0E0E0E;
width: 100px;
text-align: center;
color: #A89C72;
text-transform : uppercase;
padding-top: 5px;
padding-bottom: 5px;text-shadow: #000000 0px 0px 1px;}
.main:hover{
color: #AF6947;
text-transform : uppercase;
padding-top: 5px;
padding-bottom: 5px;
text-shadow: #000000 0px 0px 1px;}
/*--- J. apparence saisie de messages et boutons ---*/
/*ZONE BOUTONS ET SELECTION*/
input {
background-color: #0E0E0E;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
border:1px solid #1D1D1D;
-x-system-font:none;
font-family:Arial;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:normal;}
/*--- K. apparence clip va avec un code html voir page d'accueil ---*/
img.clip{
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#;
border:1px solid #0E0E0E;
margin:3px;
padding:3px;}
img.clip:hover {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color: #;
border:1px solid #AF6947;
margin:3px;
padding:3px;}
img.clip2{
border:1px solid #161616;
margin:3px;
padding:3px;}
/* --- menu déroulant pa tout en haut --- */
#menu ul
{margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center; -moz-border-radius:5px;}
#menu li
{float: left;
padding: 0px;
background-color:#0E0E0E;
text-shadow : #000000 0px 0px 2px;}
#menu li a
{display: block;
width: 100px;
color: #A89C72;
padding: 5px;
text-decoration: none;}
#menu li a:hover /* couleur du texte au passage de la souris */
{color: #AF6947;}
#menu ul li ul /* cacher les sous-catégories */
{display: none;}
#menu ul li:hover ul
{display: block;}
#menu li:hover ul li
{float: none;}
#menu li ul
{position:absolute;}
#menu {
margin-left: 110px;
margin-top :-5px;
margin-bottom: 10px; }
/* --- description forum --- */
.description {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color:#0E0E0E; border: #0E0E0E 2px solid;
border-style: solid;
text-align: center;
padding-left:1px;
padding-bottom: 1px;
padding-top:1px;}
.retrait {
margin-left:10px;
margin-right:10px;}
.retrait2 {
margin-right:10px;}
.description2 {
margin-left:8px;
margin-right:8px;}
/* --- apparence groupe qui est en ligne utile vs8 --- */
.groupes {
text-transform: none;
font-family: Georgia;
text-transform:uppercase;
word-spacing: 2px;
letter-spacing: -3px;
font-size: 22px;
font-weight: normal;
padding-right:10px;
padding-left:10px;
letter-spacing: -2px;}
.groupes:hover {
text-transform: none;
font-family: Georgia;
text-transform:uppercase;
word-spacing: 2px;
letter-spacing: -3px;
font-size: 22px;
font-weight: normal;
padding-right:10px;
padding-left:10px;
letter-spacing: -2px;
text-shadow: #808080 0px 0px 1px;}
/* --- soulignement lien et pseudo retiré --- */
a { text-decoration: none; }
a:hover {
text-decoration: none !important;}
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom"><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></td>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="catefond"><div class="catetitre">{catrow.tablehead.L_FORUM}</div></div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td><div style="width:50px"></div></td>
<td><div style="width:100%"></div></td>
<td><div style="width:200px"></div></td>
</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}" 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}" align="right"> </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="2" valign="top" width="100%" height="50">
<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}>
<table width="100%" class="tourdesc"><tr><td width="100%"> <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="sous_forums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</span>
</td>
<!-- BEGIN forum_link_no --><td align="middle" valign="right" height="50"><span class="gensmall">
<DIV style="width : 200px; margin-left : 35px;margin-right : 15px;">
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div><div class="sujets_messages">sujets {catrow.forumrow.TOPICS} • messages {catrow.forumrow.POSTS}</div>
</DIV></span></td></tr></table>
</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 -->
Re: Modifier les colonnes
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom"><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></td>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="catefond"><div class="catetitre">{catrow.tablehead.L_FORUM}</div></div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td><div style="width:50px"></div></td>
<td><div style="width:100%"></div></td>
<td><div style="width:200px"></div></td>
</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}" 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}" align="right"> </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="2" valign="top" width="100%" height="50">
<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}>
<table width="100%" class="tourdesc"><tr><td width="100%" valign="top"> <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="sous_forums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</span>
</td>
<!-- BEGIN forum_link_no --><td align="middle" valign="top" height="50"><span class="gensmall">
<DIV style="width : 200px; margin-left : 35px;margin-right : 15px;">
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div><div class="sujets_messages">sujets {catrow.forumrow.TOPICS} • messages {catrow.forumrow.POSTS}</div>
</DIV></span></td></tr></table>
</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 -->
Est-ce mieux ainsi ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modifier les colonnes
Bonjour !
Hum... quelle balise avez-vous modifié et en quoi ?
Si jamais on peut le paramétrer au gré de ses envies c-a-d plus bas, plus haut, plus à gauche, plus à droite... je suis preneuse!
Hum... quelle balise avez-vous modifié et en quoi ?
Si jamais on peut le paramétrer au gré de ses envies c-a-d plus bas, plus haut, plus à gauche, plus à droite... je suis preneuse!
Re: Modifier les colonnes
- Code:
<!-- BEGIN forum_link_no --><td align="middle" valign="top" height="50"><span class="gensmall">
<DIV style="width : 200px; margin-left : 35px;margin-right : 15px;">
J'ai changé ici en aoutant le valign="top" qui permet de mettre aligner en haut le texte, avant c'était au milieu de la cellule
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Page 1 sur 2 • 1, 2
Sujets similaires
» Modifier les colonnes
» modifier les largeurs des colonnes (invision)
» Modifier colonnes auteurs de la liste des sujets
» comment modifier l'écriture et la taille des annonces sans modifier les autres écritures
» ModernBB | Modifier couleurs titres colonnes widgets
» modifier les largeurs des colonnes (invision)
» Modifier colonnes auteurs de la liste des sujets
» comment modifier l'écriture et la taille des annonces sans modifier les autres écritures
» ModernBB | Modifier couleurs titres colonnes widgets
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 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum