changer la presentation des catégories et forums
3 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
changer la presentation des catégories et forums
Voilà, je souhaitais savoir si quelqu'un serai dans la capacité de me créer cette forme de présentation des forums et catégories.
Voici le plan souhaité :
Et dans le cas où il y a un nombre tellement important de lien vers les sous forums, et que ces liens prennent plus de place que la place disponible, faire qu'un scrollbar apparaisse pour que les liens restent dans le cadre
Demandez moi le template concerné, je vous le donnerai.
Voilà tout, si vous avez des questions
et si vous pouviez me dire en plus comme faire ceci:
a la place de ceci ^^:
En gros changer la place de l'auteur du message...
Merci d'avance ^^
Voici le plan souhaité :
Et dans le cas où il y a un nombre tellement important de lien vers les sous forums, et que ces liens prennent plus de place que la place disponible, faire qu'un scrollbar apparaisse pour que les liens restent dans le cadre
Demandez moi le template concerné, je vous le donnerai.
Voilà tout, si vous avez des questions
et si vous pouviez me dire en plus comme faire ceci:
a la place de ceci ^^:
En gros changer la place de l'auteur du message...
Merci d'avance ^^
Dernière édition par Bakwe le Dim 24 Juil 2011 - 16:04, édité 1 fois
Re: changer la presentation des catégories et forums
Euh désolé du double post mais oubliez cette histoire d'auteur de message car je pense avoir trouvé....
La seule chose que je souhaite c'est la présentation des catégories/forum
Voilà pour la mise au point
La seule chose que je souhaite c'est la présentation des catégories/forum
Voilà pour la mise au point
Re: changer la presentation des catégories et forums
Up, je vous en prie, je compte ouvrir le forum sous peu, et c'est un des composants principal de mon forum...
C'est indispensable, alors s'il vous plait !
C'est indispensable, alors s'il vous plait !
Re: changer la presentation des catégories et forums
Et encore un up !
C'est toujours d'actualité et toujours aussi important ^^
C'est toujours d'actualité et toujours aussi important ^^
Re: changer la presentation des catégories et forums
Up !
Environ 155 vues pour zéros réponses, il y a de quoi désespérer.....
Toujours personne ?
Environ 155 vues pour zéros réponses, il y a de quoi désespérer.....
Toujours personne ?
Re: changer la presentation des catégories et forums
Toujours up !
Personnes n'est prêt à m'aider ?
Personnes n'est prêt à m'aider ?
Re: changer la presentation des catégories et forums
Bonjour,
Les gens ne sont peut-être pas près à vous aider, car ils ne connaissent rien en code ^^"""""""""""
J'ai une question pour votre schéma (le plan souhaité), ce ne serait pas du plagiat de Never Utopia la disposition ou alors c'est vraiment une drôle de coïncidence.
Les gens ne sont peut-être pas près à vous aider, car ils ne connaissent rien en code ^^"""""""""""
J'ai une question pour votre schéma (le plan souhaité), ce ne serait pas du plagiat de Never Utopia la disposition ou alors c'est vraiment une drôle de coïncidence.
Re: changer la presentation des catégories et forums
Effectivement, le schéma est similaire car j'ai trouvé cette forme très fonctionnelle et adaptée pour mon forum...
Du plagiat..... si c'est une histoire de droits d'auteurs je suis prêt à revoir mon plan, ce n'est pas un problème.
Les gens n'y connaissent rien en code ici ?!
Tu rigoles xD
Ils font des miracles, c'est pour ça que je me retourne vers le forum des forums..
Bref, si le hic dans cette histoire est la trop forte ressemblance avec la présentation des catégories de Never Utopia, dites-le moi, je refait de ce pas une présentation..... dans la même fonctionnalités, mais dans un agencement différent !
Du plagiat..... si c'est une histoire de droits d'auteurs je suis prêt à revoir mon plan, ce n'est pas un problème.
Les gens n'y connaissent rien en code ici ?!
Tu rigoles xD
Ils font des miracles, c'est pour ça que je me retourne vers le forum des forums..
Bref, si le hic dans cette histoire est la trop forte ressemblance avec la présentation des catégories de Never Utopia, dites-le moi, je refait de ce pas une présentation..... dans la même fonctionnalités, mais dans un agencement différent !
Re: changer la presentation des catégories et forums
Bonour,
pouvez-vous me fournir : votre css, votre index_box s'il est modifié ?
Et à l'avenir ^^ éviter de prendre sur le modèle d'un autre forum ^^
Cordialement.
pouvez-vous me fournir : votre css, votre index_box s'il est modifié ?
Et à l'avenir ^^ éviter de prendre sur le modèle d'un autre forum ^^
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: changer la presentation des catégories et forums
Hum je vois, c'était vraiment le hic^^
Mais je comprends totalement et je ne reproduirai plus ce genre d'écart, désolé.
Donc voici mon CSS:
Et mon template index_box:
Mais je comprends totalement et je ne reproduirai plus ce genre d'écart, désolé.
Donc voici mon CSS:
- Code:
.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}
div, table {
-moz-border-radius:9px;
border: none;
}
a:hover { text-decoration: none !important;
letter-spacing: 2px; }
#navig-tb {
height: 50px; /*-- hauteur de la box --*/
width: 40px; /*-- largeur de la box --*/
position: fixed;
right: 50px; /*-- position en px par rapport au bord droit --*/
top: 70%; /*-- position en % par rapport au bord haut de l'écran --*/
text-align: center;
border-width: 1px !important; /*-- largeur de la bordure --*/
}
hr.forumline {
border-width: 1px; /*-- épaisseur du trait de séparation --*/
}
#navig-tb hr {
margin-top: 3px;
margin-bottom: 3px;
}
#navig-tb a, #navig-tb a:hover {
text-decoration: none;
}
/*Bulle autour du message*/
.bulle{
background-color : #CCBC99; /*couleur du fond de la bulle*/
border : 1px solid #000000; /*couleur de la bordure*/
-moz-border-radius: 10px ; /*adapter les arrondis en réglant le 10px des 4 phrases*/
-webkit-border-radius:10px;
-border-radius:10px;
-khtml-border-radius:10px;
padding : 5px; /*espacement interne obligatoire pour éviter les débordements de texte et d'images*/
}
/*Image du triangle de la bulle*/
.attache {
background-image : url("http://i28.servimg.com/u/f28/14/98/49/11/sans_t10.gif"); /*Image du triangle de la bulle à vous de faire la votre, vous pouvez prendre modèle sur la mienne*/
width: 20px; /*largeur de l'image à remettre, obligatoire*/
height :20px; /*hauteur de l'image à remettre, obligatoire*/
position : relative;
top :50px; /*à régler si besoin il s'agit de la position en hauteur initiale de l'image par rapport à celle qu'elle aura en visuel, obligatoire*/
left :-19px; /*idem, mais en largeur, calculer facilement, largeur de l'image -1, obligatoire*/
}
a { text-decoration: none; }
body {
background-repeat : no-repeat;
background-position: top center;
}
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 80%;
background: #a0bde9;
border: 3px solid #a0bde9;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 0 none !important;
border-left: 3px solid #a0bde9;
border-right: 3px solid #a0bde9;
border-top: 3px solid #a0bde9;
color: #a0bde9;
background: #215490;
font-size: 11px;
font-style: italic;
height: 14px;
left: 200px;
padding: 3px;
position: relative;
text-align: center;
width: 200px;
}
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
background: #215490;
border: 3px solid #a0bde9;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
min-height: 14px;
font-size: 11px;
}
#text_editor_iframe, input, select, textarea{
background-image: url('');
}
.boite{
position: absolute; /* position de boite */
top: 10px; /* position à partir du haut */
right: 10px; /* position à partir de la droite */
width: 170px; /* largueur de la boite */
background-color: #b2cbe0; /* couleur de fond */
padding: 8px; /* marge intérieure */
-moz-border-radius:6px; /* coins arrondis */
-webkit-border-radius:6px; /* coins arrondis */
border-radius:6px; /* coins arrondis */
}
.titre{
background-color: #3479b4; /* couleur de fond */
color:#b2cbe0; /* couleur de la police */
font-weight:bold; /* épaisseur de la police en gras */
font-size:11px; /* taille de la police */
text-align : center; /* alignement du texte */
padding: 6px; /* marge intérieur */
margin-bottom: 5px; /* marge extérieure pour moi 5px en bas */
-moz-border-radius:6px; /* coins arrondis */
-webkit-border-radius:6px; /* coins arrondis */
border-radius:6px; /* coins arrondis */
}
.cadre{
text-align: left; /* alignement du texte */
color:#3479b4; /* couleur du texte */
font-size:11px; /* taille du texte */
background-color: #cfe3f4; /* couleur du fond */
padding: 6px; /* marge intérieur */
-moz-border-radius:6px; /* coins arrondis */
-webkit-border-radius:6px; /* coins arrondis */
border-radius:6px; /* coins arrondis */
}
.statistiques{
color:#3479b4;
}
.navig {
position: absolute;
top: 0px;
width: 100%;
}
Et mon template index_box:
- 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="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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>
</span>
</h{catrow.forumrow.LEVEL}>
<!-- [ DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->
<div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div>
<div class="forum-description">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
<!-- [ FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->
<!-- 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: changer la presentation des catégories et forums
Cela peut me prendre un moment, n'hésitez pas à upper si besoin.
petitre précision, les couleurs et les cadres sont-ils représentatifs où ce qu'il devra être ? ^^
petitre précision, les couleurs et les cadres sont-ils représentatifs où ce qu'il devra être ? ^^
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: changer la presentation des catégories et forums
Hum alors pour les couleurs, si possible mettre dans le CSS pour que je puisse le changer comme bon me semble.
Pour la forme, oui ce sera ça pour le moment, a vrai dire on construit une forme brut de notre forum côté codes, et donc le thème est en construction et n'est pas encore créé, je pensais par la suite donner une forme plus improbable, mais il me semble qu'il faudra là utiliser une image en fond.
Euh ce serai possible par contre qu'il y a une ombre tout autour des côtés extérieur de chaque bulles?
Merci de prendre en charge ma demande, je perdais espoir ^^
Pour la forme, oui ce sera ça pour le moment, a vrai dire on construit une forme brut de notre forum côté codes, et donc le thème est en construction et n'est pas encore créé, je pensais par la suite donner une forme plus improbable, mais il me semble qu'il faudra là utiliser une image en fond.
Euh ce serai possible par contre qu'il y a une ombre tout autour des côtés extérieur de chaque bulles?
Merci de prendre en charge ma demande, je perdais espoir ^^
Re: changer la presentation des catégories et forums
^^ je prends en compte tout cela et vous recontacte dès que c'est bon.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: changer la presentation des catégories et forums
est-ce que vous avez déjà l'image qui servira de fond ? que fais-je des parties sujets, messages et modérateurs ? je les supprime ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: changer la presentation des catégories et forums
Hum.... pour l'image du fond des catégories.... non pas encore, mais laissez la forme brut, j’essaierai de me charger de l'image au moment venu,
Si je ne m'en sort pas, je créerai un sujet adéquate sur le forum^^
Pour les moderateurs, ne les mettez pas pour le moment, si ça ne me plait pas, je vous préviendrai aussitôt !
Pour les infos autours de messages/forum, pareil, ne les mettez pas, c'est déjà suffisant de les voir quand on entre dans le forum choisi, alors pas en page d'accueil.
Voilà, j’espère avoir été compréhensible ^^
Si je ne m'en sort pas, je créerai un sujet adéquate sur le forum^^
Pour les moderateurs, ne les mettez pas pour le moment, si ça ne me plait pas, je vous préviendrai aussitôt !
Pour les infos autours de messages/forum, pareil, ne les mettez pas, c'est déjà suffisant de les voir quand on entre dans le forum choisi, alors pas en page d'accueil.
Voilà, j’espère avoir été compréhensible ^^
Re: changer la presentation des catégories et forums
Voici votre index_box :
et votre css :
à personnaliser bien sûr ^^.
Cordialement.
- 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 width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"><div class="titlecat">{catrow.tablehead.L_FORUM}</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="2" 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>
<td><div style="width:150px;"> </div></td>
<td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="30" valign="top">
<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}>
</td>
</tr>
<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" width="200"><div class="imgnew">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
</td>
<td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"><div class="tourfo">
<table width="100%" cellspacing="15"><tr>
<td width="70%">
<div class="descript"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
</td>
<td width="30%" valign="bottom">
<div class="sousfo"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/> ')).removeAttr('id');
</script></div>
</td></tr></table></div><br/>
</td>
<td align="center" valign="middle" height="50">
<div style="width:100px;" class="dersuj"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</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 votre css :
/*Titre des catégories*/
.titlecat {
background-color : #ff0000;
border : #ff0000;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
display : block;
width : 500px;
margin-bottom : 30px;
padding : 3px;
}
/*Titre des forums*/
a.forumlink{
background-color : #ffff00;
border : #fff00;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
width : 250px;
display : block;
padding : 3px;
}
/*Images New, No New et Lock*/
.imgnew {
}
/*Descriptions des forums*/
.descript {
background-color : #ff00ff;
border : #ff00ff;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 3px;
height : 110px;
overflow : auto;
}
/*Tour dans le forum*/
.tourfo {
background-color : #00ffff;
border : #00ffff;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
height : 150px;
margin-left : 20px;
padding : 3px;
}
/*Liens des sous-forums*/
.sousfo {
background-color : #00ff00;
border : #00ff00;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 3px;
}
/*cadre dernier sujet*/
.dersuj {
background-color : #0000ff;
border : #0000ff;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
border-top-right-radius: 20px;
height : 100px;
padding : 3px;
}
à personnaliser bien sûr ^^.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: changer la presentation des catégories et forums
Vraiment super, bon j'ai changé les couleurs qui étaient vraiment..... flashy ^^
Hum donc, en fait, je pense que je vais garder les modérateurs du forum et si possible, pouvez vous m'indiquer comment faire en sorte que le texte ne débute pas en haut à gauche d'une cellule mais en son centre.
Voilà tout, et encore merci beaucoup !!!
Hum donc, en fait, je pense que je vais garder les modérateurs du forum et si possible, pouvez vous m'indiquer comment faire en sorte que le texte ne débute pas en haut à gauche d'une cellule mais en son centre.
Voilà tout, et encore merci beaucoup !!!
Re: changer la presentation des catégories et forums
Pour raoutez les modérateurs, merci de m'indiquer l'endroit ou vous voulez les voir apparaitre ^^
pour centrer un texte, rajoutez cette ligne avant le } dans la class adaptée au niveau de la css :
exemple pour le faire dans les description de forum :
pour centrer un texte, rajoutez cette ligne avant le } dans la class adaptée au niveau de la css :
- Code:
text-align : center;
vertical-align : middle;
exemple pour le faire dans les description de forum :
/*Descriptions des forums*/
.descript {
background-color : #ff00ff;
border : #ff00ff;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 3px;
height : 110px;
overflow : auto;
text-align : center;
vertical-align : middle;
}
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: changer la presentation des catégories et forums
Alors, pour les modérateurs, place les en dessous de la description, au centre.
Pour ton code pour centrer, il ne marche qu'à moitié, le texte est centré par rapport aux côtés latéraux, mais pas par rapport au haut et au bas.
Pour ton code pour centrer, il ne marche qu'à moitié, le texte est centré par rapport aux côtés latéraux, mais pas par rapport au haut et au bas.
Re: changer la presentation des catégories et forums
Quel est le texte que vous désirez centré ? Comme je dois modifier le template que je vous ai fait pour placer les modérateurs, j'en profiterai pour y mettre directement les balises.
Cordialement.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: changer la presentation des catégories et forums
Et bien à peu pres tout les textes "importants"
Liens vers les sous forum, description, et dernier post.
Voilà ^^
Liens vers les sous forum, description, et dernier post.
Voilà ^^
Re: changer la presentation des catégories et forums
Ah oui, j'ajoute juste que tu n 'as pas mise le sorte de contour pour faire une ombre^^
Re: changer la presentation des catégories et forums
Pour mettre une ombre autour de chaque bulle; rajoutez dans la css avant les accolades }, ce code aux endroits voulus :
voici votre template avec les modérateurs :
Tous les textes sont centrés horizontalement, mais effectivement je n'y arrive par aucun moyen verticalement.
Pour la description, la solution serait de passer directement par les descriptions de forum.
a chaque description mettez ce tableau :
et dans la css rajoutez :
- Code:
-moz-border-radius: 10px ;
-webkit-border-radius:10px;
-border-radius:10px;
-khtml-border-radius:10px;
-o-box-shadow: -2px 2px 2px #000000;
-khtml-box-shadow: -2px 2px 2px #000000;
-webkit-box-shadow: -2px 2px 2px #000000;
-moz-box-shadow: -2px 2px 2px #000000;
box-shadow: -2px 2px 2px #000000;
voici votre template avec les modérateurs :
- 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 width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"><div class="titlecat">{catrow.tablehead.L_FORUM}</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="2" 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>
<td><div style="width:150px;"> </div></td>
<td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="30" valign="top">
<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>
<!-- 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" width="200"><div class="imgnew">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
</td>
<td colspan="{catrow.forumrow.INC_SPAN}" width="100%" height="50"><div class="tourfo">
<table width="100%" cellspacing="15"><tr>
<td width="70%" align="center" valign="middle">
<div class="descript" align="center" valign="middle"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
<center> <span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</span></center>
</td>
<td width="30%" valign="bottom">
<div class="sousfo" align="center" valign="middle"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/> ')).removeAttr('id');
</script></div>
</td></tr></table></div><br/>
</td>
<td height="50" align="center" valign="middle">
<div style="width:100px;" class="dersuj" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</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 -->
Tous les textes sont centrés horizontalement, mais effectivement je n'y arrive par aucun moyen verticalement.
Pour la description, la solution serait de passer directement par les descriptions de forum.
a chaque description mettez ce tableau :
- Code:
<table width="100%"><tr><td class="fodesc" align="center" valign="middle">
votre contenu
</td></tr></table>
et dans la css rajoutez :
- Code:
.fodesc {
height : 110px;
}
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: changer la presentation des catégories et forums
C'est vraiment génial, le résultat me plait vraiment !
Tu m'as beaucoup aidé, et voilà le squelette de mon forum mis en place, je t'en remercie ^^
Par contre dernière chose, j'observe ceci pour l'image new/lock... lorsque je change le fond blanc en fond gris.
Je pensais que cela venait de l'image mais non....
Tu m'as beaucoup aidé, et voilà le squelette de mon forum mis en place, je t'en remercie ^^
Par contre dernière chose, j'observe ceci pour l'image new/lock... lorsque je change le fond blanc en fond gris.
Je pensais que cela venait de l'image mais non....
Re: changer la presentation des catégories et forums
déjà réglez la taille ici pour que la barre n'apparaisse que si le texte déborde dans la description :
Ensuite j'ai oublié d'enlever la class dans pour l'image, repérez ceci :
changez le par ceci :
et pour mettre le shadow autour de l'image, dans la css mettre :
- Code:
.fodesc {
height : [color=red]110[/color]px;
}
Ensuite j'ai oublié d'enlever la class dans pour l'image, repérez ceci :
- Code:
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle" width="200"><div class="imgnew">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
</td>
changez le par ceci :
- Code:
<td align="center" valign="middle" width="200"><div class="imgnew">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
</td>
et pour mettre le shadow autour de l'image, dans la css mettre :
- Code:
.imgnew {
-moz-border-radius: 10px ;
-webkit-border-radius:10px;
-border-radius:10px;
-khtml-border-radius:10px;
-o-box-shadow: -2px 2px 2px #000000;
-khtml-box-shadow: -2px 2px 2px #000000;
-webkit-box-shadow: -2px 2px 2px #000000;
-moz-box-shadow: -2px 2px 2px #000000;
box-shadow: -2px 2px 2px #000000;
}
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: changer la presentation des catégories et forums
Et bien tout semble à peu près marcher.... sauf cette histoire de cadre blanc autour de l'image new/lock/old
Enfin, c'est surtout que le cadre de l'ombre ne coïncide pas avec la taille de l'image
Enfin, c'est surtout que le cadre de l'ombre ne coïncide pas avec la taille de l'image
Re: changer la presentation des catégories et forums
qu'avez vous dans votre css, je ne vois plus le cadre blanc sur votre forum.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Page 1 sur 2 • 1, 2
Sujets similaires
» Changer la couleur de la PA, sans changer le fond des forums & catégories
» Changer la taille des catégories et des forums ?
» Changer place titre catégories et forums
» changer la couleur des titres de catégories/forums ?
» Présentation des catégories
» Changer la taille des catégories et des forums ?
» Changer place titre catégories et forums
» changer la couleur des titres de catégories/forums ?
» Présentation 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 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum