Aide pour codage
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Aide pour codage
Bonjour, bonsoir =D
J'ai un forum, le voici : http://mangalist.forumactif.com
Et je trouve que mes catégorie sont un peu trop carré, et j'aimerai les avoir ainsi comme dans l'image ci dessous.
Pour la taille, je voudrai essayer de garder la même que maintenant ...
Un peu d'aide s'il vous plais merci =)
J'ai un forum, le voici : http://mangalist.forumactif.com
Et je trouve que mes catégorie sont un peu trop carré, et j'aimerai les avoir ainsi comme dans l'image ci dessous.
- Spoiler:
Pour la taille, je voudrai essayer de garder la même que maintenant ...
Un peu d'aide s'il vous plais merci =)
Re: Aide pour codage
bonjour, tu peux tester déja ça en css si ça te va
@ toute
- Code:
.forumline{
border 1px solid #ta couleur;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;}
.row1{
border 1px solid #ta couleur;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;}
.row2{
border 1px solid #ta couleur;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;}
.row3{
border 1px solid #ta couleur;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;}
@ toute
Re: Aide pour codage
ça n'a rien changer ...
Re: Aide pour codage
un peu quand même
tu as un fond bleu clair dans le background-color du "forumline" si tu le fonce un peu, tu verras mieux les arrondis que tu viens de faire.
@ plus
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
@ plus
Re: Aide pour codage
moi je trouve que rien n'a changer alors si tu peux faire quelque chose pour faire comme j'ai montrer dans l'image ...
Re: Aide pour codage
Bonsoir,
Pour obtenir le résultat voulu il faut passer par les templates en plus de la css.
je vois que vos templates sont modifiés. Pouvez-vous me fournir votre index_box s'il vous plait ? Ainsi que la css associée a vos catégories si vous en avez.
Cordialement
Pour obtenir le résultat voulu il faut passer par les templates en plus de la css.
je vois que vos templates sont modifiés. Pouvez-vous me fournir votre index_box s'il vous plait ? Ainsi que la css associée a vos catégories si vous en avez.
Cordialement
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Aide pour codage
bonsoir =) Merci de m'aider:
Mon template :
Et comme je ne sais pas de qu'elle CSS vous parlez je vous donne carrement ma page avec mes CSS:
Mon 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 --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</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><br />
</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 -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
</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 -->
Et comme je ne sais pas de qu'elle CSS vous parlez je vous donne carrement ma page avec mes CSS:
- Code:
.forumline
{
background-color: #c6efff;
-moz-border-radius: 0px 0px 14px 14px;
-o-border-radius: 0px 0px 14px 14px;
-htm-border-radius: 0px 0px 14px 14px;
-webkit-border-radius: 0px 0px 14px 14px;
border-bottom: 8px #22269b solid;
border-top: 1px #22269b dotted;
border-right: 1px #22269b solid;
border-left: 1px #22269b dotted;
}
div * { margin: 0; padding: 0; }
#menu_onglet{ /* Est le bloc principal */
width: 510px;
margin: 5px auto;
}
.conteneur-menu { /* Est le bloc contenant tout le menu */
font-family: Arial;
font-size: 10px;
width: 510px;
background: #e9e9e9 url(http://i65.servimg.com/u/f65/11/95/30/70/431.png) bottom;
border: 1px solid #bbbbbb;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius:0px 0px 10px 10px;
-moz-box-shadow: 3px 3px 5px #404040;
-webkit-box-shadow: 3px 3px 5px #404040;
box-shadow: 3px 3px 5px #404040;
}
.conteneur-menu .onglets li { /* Est la liste des boutons (liens fictifs pour les besoins du script) */
list-style: none;
float: left;
}
.conteneur-menu .onglets li a { /* Est le bouton à l'état normal */font-family: Arial;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #6b6b6b;
display: block;
width: 100px;
padding: 7px 0;
-moz- text-shadow: 1px 1px 1px #fff;
-webkit- text-shadow: 1px 1px 1px #fff;
text-shadow: 1px 1px 1px #fff;
background: #e9e9e9 url(http://i65.servimg.com/u/f65/11/95/30/70/314.jpg) repeat-x bottom;
border-left: 1px solid #eeeeee;
border-right: 1px solid #aaaaaa;
border-bottom: 1px solid #f3f5f7;
}
.conteneur-menu .onglets li a:hover { /* Est le bouton au survol */
color: #171717;
outline: none !important;
}
.conteneur-menu .onglets li a:focus { /* Est le bouton pour ceux navigant au clavier */
outline: none;
}
.conteneur-menu .onglets li a.active { /* Est le bouton à l'état actif (cliqué) */
background: #d0e1f7 url(http://i65.servimg.com/u/f65/11/95/30/70/419.jpg) repeat-x bottom;
color: #222;
border-bottom: 1px solid #fff;
}
.conteneur-ouvrir { /* Est l'onglet ouvert ou qui va s'ouvrir */
padding: 25px 6px 6px 6px ;
display: none;
}
.postdetails.poster-profile a img {
padding: 2px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border: 2px solid #000;
}
.ton_contenu{ /* Est la parti que vous allez remplir */
color: #000;
margin: 10px 0px 0px 0px;
}
.sujet{
background: url("URL de l'image de fond de la bulle");
background-color: #Couleur de fond;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
font-family: Type de police du texte;
width: 200px;
margin-left: 250px;
border-top: 2px solid #couleur de la bordure;
border-left: 2px solid #couleur de la bordure;
border-right: 2px solid #couleur de la bordure;
}
Re: Aide pour codage
![]() | Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : A bientôt sur ForumActif ![]() |
Alex Fowl- Membre actif
-
Messages : 7558
Inscrit(e) le : 28/03/2009
Re: Aide pour codage
Bonsoir ou bonjour,
voici votre template à modifier entiérement :
Et votre css à rajouter :
Je vous laisse l'ajuster à votre gout.
Cordialement.
voici votre template à modifier entiérement :
- 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}
{CURRENT_TIME}
</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>
<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>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="5" 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="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><table class="tabcat" cellspacing="3"><tr>
<td class="imgcat" align="center" valign="top" rowspan="3">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td width="10" valign="top" rowspan="3"><img src="{SPACER}" height="0" width="10" /></td>
<td class="cattitre" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%">
<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}></td></tr><tr>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall"></td></tr><tr>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="25">
<!-- 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}
</span></td>
<td width="10" valign="top" rowspan="3"><img src="{SPACER}" height="0" width="10" /></td>
</tr></table></td>
<td width="10" valign="top"><img src="{SPACER}" height="0" width="10" /></td>
<td align="center" valign="top" height="50" class="dersuj">
<span class="gensmall"><div style="width: 110px;">{catrow.forumrow.LAST_POST}</div></span>
</td>
</tr>
<tr>
<td align="center" valign="middle" height="35">
<div class="messuj"><span class="gensmall">{catrow.forumrow.POSTS} Messages dans </span>
<span class="gensmall">{catrow.forumrow.TOPICS} Sujets</span></div>
</td>
</tr>
</td>
<!-- 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 -->
Et votre css à rajouter :
- Code:
/*Titre des catégories*/
.secondarytitle, .secondarytitle h2 {
background-color: transparent;
border: 0px solid;
text-align: left;
}
/*Derniers sujets*/
.dersuj {
background-color: #00ffff;
border: 3px solid #ff0000;
-moz-border-radius: 10px;
padding : 5px;
}
/*Titre des forums*/
.cattitre {
background-color: #00ffff;
border: 3px solid #ff0000;
-moz-border-radius: 10px;
text-align: center;
padding : 2px;
}
/*Images New, No New, Lock*/
.imgcat {
background-color: #00ffff;
border: 3px solid #ff0000;
-moz-border-radius: 10px;
padding : 5px;
}
/*Cadre autour des images + Forums*/
.tabcat {
background-color: #00ffff;
border: 3px solid #ff0000;
-moz-border-radius: 10px;
}
/*Messages & Sujets*/
.messuj {
background-color: #00ffff;
border: 3px solid #00ff00;
-moz-border-radius: 10px;
position : relative;
width: 300px;
height : 30px;
bottom : 25px;
left : 250px;
z-index : 99;
padding : 5px;
}
Je vous laisse l'ajuster à votre gout.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
![-](https://2img.net/i/empty.gif)
» Besoin d'aide pour codage
» [CSS]Besoin d'aide pour mettre des séparations pour le template viewtopic_body
» Aide pour le codage de la version mobile
» aide avec codage pour descriptions des catégorie.
» Aide et explication sur un codage
» [CSS]Besoin d'aide pour mettre des séparations pour le template viewtopic_body
» Aide pour le codage de la version mobile
» aide avec codage pour descriptions des catégorie.
» Aide et explication sur un codage
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum