Case " dernier message " à gauche
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
Case " dernier message " à gauche
Bonjours tout le monde ! Je viens vers vous car je cherche un peut partout comment mettre la case " dernier message " à gauche avec l'image " nouveau message " ... En sachant que le template " index box " je l'es déja modifié :S
Le voici :
Et voici mon CSS pour mes catégories :
J'èspère que vous allez pouvoir m'aidez !
Merci d'avoir pris le temps de lire mon petit problème !
Le voici :
- 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 -->
<div class="cate_titre">{catrow.tablehead.L_FORUM}</div>
<div class="categorie">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="forum">
<table><tr>
<td><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span></td>
<td style="vertical-align: top;"><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
<span class="description">{catrow.forumrow.FORUM_DESC}</span></td>
<td><span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
<span class="last">{catrow.forumrow.LAST_POST}</span></span></td>
</tr></table>
<span class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
<center><img src="http://i79.servimg.com/u/f79/17/33/17/69/bas_de16.png" alt="http://sasha-art.forumactif.org" /></center>
<!-- END tablefoot --><!-- END catrow -->
Et voici mon CSS pour mes catégories :
- Code:
/* CATEGRORIE */
.forumline
{
width: 81%;
margin: auto;
}
table
{
width: 98%;
margin: auto;
}
.forumline
{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
background: #efefef;
border-radius: 1px solid #ffffff;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #595959;
-o-box-shadow: 0px 0px 5px #595959;
-htm-box-shadow: 0px 0px 5px #595959;
-webkit-box-shadow: 0px 0px 5px #595959;
}
.cate_titre
{
width: 98%;
margin: auto;
text-align: center;
}
.cate_titre {margin-bottom:-9px;}
.categorie {margin-bottom:-9px;}
.cate_titre {
margin: auto auto -10px;
text-align: center;
width: 98%;
}
.categorie
{
width: 91%;
margin: auto;
margin-top: 10px;
background: #e9e9e6;
border-top: 3px solid #e9e9e6;
border-bottom: 2px solid #e9e9e6;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #e787ac;
-o-box-shadow: 0px 0px 5px #e787ac;
-htm-box-shadow: 0px 0px 5px #e787ac;
-webkit-box-shadow: 0px 0px 5px #e787ac;
}
.forum
{
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
background: #f3f3f3;
border-radius: 1px dotted #e787ac;
padding: 2px;
}
.forumlink
{
display: block;
width: 600px;
font-variant: small-caps;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
font-size: 16px;
border-bottom: 2px dotted #c9d8b4;
}
.description
{
display: block;
width: 500px;
margin: auto;
font-size: 11px;
text-align: justify;
color: #a6a6a6;
}
.illu
{
float: right;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #c9d8b4;
background: #c9d8b4;
padding: 5px;
}
.stats_last
{
display: block;
width: 160px;
margin: auto;
background: #f4f4f4;
padding: 10px;
border: 1px dotted #e787ac;
}
.stats
{
display: block;
text-align: center;
font-size: 10px;
color: #cadbaa;
border-bottom: 1px solid #cacaca;
padding-bottom: 4px;
margin-bottom: 4px;
}
.last
{
display: block;
text-align: center;
font-size: 11px;
}
.sous_forum
{
display: block;
width: 98%;
margin: auto;
background: #ededed;
padding: 1px;
text-align: center;
}
J'èspère que vous allez pouvoir m'aidez !
Merci d'avoir pris le temps de lire mon petit problème !
Dernière édition par Justeen22 le Mer 5 Juin 2013 - 10:56, édité 1 fois
Re: Case " dernier message " à gauche
Bonjour,
Il suffit de prendre cette partie: (en prenant soin de retirer le td qui est autour)
Et de la placer dans le td où se trouve l'image
Comme ceci:
Le template:
Cordialement.
Il suffit de prendre cette partie: (en prenant soin de retirer le td qui est autour)
- Code:
<span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
<span class="last">{catrow.forumrow.LAST_POST}</span></span>
Et de la placer dans le td où se trouve l'image
Comme ceci:
- Code:
<td><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span>
<span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
<span class="last">{catrow.forumrow.LAST_POST}</span></span></td>
Le template:
- 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 -->
<div class="cate_titre">{catrow.tablehead.L_FORUM}</div>
<div class="categorie">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="forum">
<table><tr>
<td><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span>
<span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
<span class="last">{catrow.forumrow.LAST_POST}</span></span></td>
<td style="vertical-align: top;"><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
<span class="description">{catrow.forumrow.FORUM_DESC}</span></td>
</tr></table>
<span class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
<center><img src="http://i79.servimg.com/u/f79/17/33/17/69/bas_de16.png" alt="http://sasha-art.forumactif.org" /></center>
<!-- END tablefoot --><!-- END catrow -->
Cordialement.
Re: Case " dernier message " à gauche
Super c'est top ! Merci mille fois !
Huum un dernier petit truc si vous voulez bien ! Désoler si je suis embêtante :$
Pour centrer l'image je fait comment ? :$
Merci encore pour votre rapidité et votre gentillesse !
Huum un dernier petit truc si vous voulez bien ! Désoler si je suis embêtante :$
Pour centrer l'image je fait comment ? :$
Merci encore pour votre rapidité et votre gentillesse !
Re: Case " dernier message " à gauche
Centrer l'image c'est à dire ?
Vous la voulez à la même hauteur que les derniers messages ou au dessus du cadre tout en étant centrée ?
Re: Case " dernier message " à gauche
Je l'aurrais bien voulu au dessus du cadre tout en étant centrée si c'était possible :$
Meerci ! pour vos réponse !
Meerci ! pour vos réponse !
Re: Case " dernier message " à gauche
Dans le td où il y avait l'image et les derniers messages, j'ai donc refait un tableau avec deux tr; dans chaque tr un td avec le premier l'image et dans l'autre tr, le td avec les derniers messages.
- 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 -->
<div class="cate_titre">{catrow.tablehead.L_FORUM}</div>
<div class="categorie">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="forum">
<table>
<tr>
<td><table><tr><td><span class="forum_icone"><center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></center></span>
</td></tr><tr><td>
<span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
<span class="last">{catrow.forumrow.LAST_POST}</span></span></td></tr>
</table></td>
<td style="vertical-align: top;"><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
<span class="description">{catrow.forumrow.FORUM_DESC}</span></td>
</tr></table>
<span class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
<center><img src="http://i79.servimg.com/u/f79/17/33/17/69/bas_de16.png" alt="http://sasha-art.forumactif.org" /></center>
<!-- END tablefoot --><!-- END catrow -->
Re: Case " dernier message " à gauche
Merci énormement ! :O Quel travail ! Merci !
t'es vraiment au top ! ^^
J'aurrais pleins de petits trucs à modfier mais je ne voudrais pas abuser de votre gentillesse :$
Vous ne feriez pas de l'aide au codage par hazard ^^ Lol
t'es vraiment au top ! ^^
J'aurrais pleins de petits trucs à modfier mais je ne voudrais pas abuser de votre gentillesse :$
Vous ne feriez pas de l'aide au codage par hazard ^^ Lol
Re: Case " dernier message " à gauche
Tout dépend ce que vous aimeriez faire (pas mal de choses ont été traitées sur le forum).
Tant que vous cherchez à apprendre un minimum. C'est juste qu'on ne vous donnera pas un code tout prêt à installer, étant donné qu'on ne traite pas les demandes du type "commande".
Si ce sujet est résolu, pensez à mettre l'icône
et si vous avez d'autres demandes, n'hésitez pas à ouvrir d'autres sujets.
Cordialement.
Tant que vous cherchez à apprendre un minimum. C'est juste qu'on ne vous donnera pas un code tout prêt à installer, étant donné qu'on ne traite pas les demandes du type "commande".
Si ce sujet est résolu, pensez à mettre l'icône
et si vous avez d'autres demandes, n'hésitez pas à ouvrir d'autres sujets.
Cordialement.
Re: Case " dernier message " à gauche
D'accord merci encore énormement pour votre Aide !
J'aimerais faire tellement de chose " seule " mais c'est encore pas très clair pour les codes donc je ne peut pas vraiment me lancer dans des choses que je ne sais pas faire ^^
C'est résolu je vais mettre l'icône
Et j'ouvrirais surement d'autre sujet Lol
Merci merci !
J'aimerais faire tellement de chose " seule " mais c'est encore pas très clair pour les codes donc je ne peut pas vraiment me lancer dans des choses que je ne sais pas faire ^^
C'est résolu je vais mettre l'icône
Et j'ouvrirais surement d'autre sujet Lol
Merci merci !
Sujets similaires
» Catégories, case du "dernier message"
» Apparence case " dernier message"
» Texte "dernier message" dépassant de la case
» Sujet, dernier message dans des case
» Intégrer le bouton ''new, lock..'' dans la case dernier message
» Apparence case " dernier message"
» Texte "dernier message" dépassant de la case
» Sujet, dernier message dans des case
» Intégrer le bouton ''new, lock..'' dans la case dernier message
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