Personnalisation de Categorie
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
Personnalisation de Categorie
Avant tout bien le bonjour à vous,
Ce message parce qu’après mainte recherche je voulais savoir comment faire ce type de catégorie:
Une image en haut de la Catégorie :
Une image en guise de Titre de Catégorie :
Une image en bas de la Catégorie :
Trois codes différents que je ne connais malheureusement pas et dont je ne saurais où placer.
J’ai vu je ne sais combien de code différents pour faire cet effet.. Variant selon la personnalisation des codages du forum en question. A force j’en suis perdu et usée. -_-"
Je voulais donc savoir si quelqu’un saurait m’aider?!
Merci par avance, à ceux qui auront essayé et quelque soit la réponse donné, je tiens à vous remercier d’avoir prit de votre temps pour lire ceci. ♥
Amicalement, Angie
Ce message parce qu’après mainte recherche je voulais savoir comment faire ce type de catégorie:
Une image en haut de la Catégorie :
Une image en guise de Titre de Catégorie :
Une image en bas de la Catégorie :
Trois codes différents que je ne connais malheureusement pas et dont je ne saurais où placer.
J’ai vu je ne sais combien de code différents pour faire cet effet.. Variant selon la personnalisation des codages du forum en question. A force j’en suis perdu et usée. -_-"
Je voulais donc savoir si quelqu’un saurait m’aider?!
Merci par avance, à ceux qui auront essayé et quelque soit la réponse donné, je tiens à vous remercier d’avoir prit de votre temps pour lire ceci. ♥
Amicalement, Angie
Re: Personnalisation de Categorie
Bonsoir *Angiesworld*,
Dans le template repérez :
et remplacez le par :
puis
à remplacez par :
et enfin dans la css rajoutez :
en personnalisant les partie en rouge. le secondarytittle pour le titre de la catégorie, imghaut pour l'image en haut, imgbas pour l'image en bas
Cordialement.
Dans le template repérez :
- Code:
<!-- 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 -->
et remplacez le par :
- Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="imghaut" 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" class="dersuj"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
</table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- END tablehead -->
puis
- Code:
<!-- END catfoot --> <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
<!-- END catrow -->
à remplacez par :
- Code:
<!-- END catfoot --> <!-- BEGIN tablefoot -->
</table><div class="imgbas"> </div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
<!-- END catrow -->
et enfin dans la css rajoutez :
.secondarytitle{
background-image: url('url de votre image');
background-repeat: no-repeat;
background-color: transparent;
height:taille de votre image en hauteurpx;
width:taille de votre image en longeurpx;
}
.dersuj{
background-color: transparent;
background-image:none;
width: 150px;}
.imghaut {
background-image: url('url de votre image');
background-repeat: no-repeat;
background-color: transparent;
height:taille de votre image en hauteurpx;
width:taille de votre image en longeurpx;
}
.imgbas {
background-image: url('url de votre image');
background-repeat: no-repeat;
background-color: transparent;
height:taille de votre image en hauteurpx;
width:taille de votre image en longeurpx;
}
en personnalisant les partie en rouge. le secondarytittle pour le titre de la catégorie, imghaut pour l'image en haut, imgbas pour l'image en bas
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Personnalisation de Categorie
Bonsoir à toi Macema,
Je tiens tout d’abord à te remercier de l’interet que tu as su me porter.. Cela me touche plus que tu ne pourrais l’imaginer.
Donc merci de l’aide apportée! ♥
Ensuite j’ai rencontré quelques petit soucis.
Voyez par vous-même : http://becrazy.forumactif.org/
Concernant déjà le problème de taille entre les titres de catégorie et le forum en lui-même..
Comment puis arranger cela?!
Soit je rétréci la taille du forum soit agrandi celle du la catégorie c’est ça?!
Ensuite comment faire pour effacer les mentions « Derniers Messages » et le titre de la Catégorie.. Qui chevauchent tout deux la création ?!
Merci en tout cas..
Je tiens tout d’abord à te remercier de l’interet que tu as su me porter.. Cela me touche plus que tu ne pourrais l’imaginer.
Donc merci de l’aide apportée! ♥
Ensuite j’ai rencontré quelques petit soucis.
Voyez par vous-même : http://becrazy.forumactif.org/
Concernant déjà le problème de taille entre les titres de catégorie et le forum en lui-même..
Comment puis arranger cela?!
Soit je rétréci la taille du forum soit agrandi celle du la catégorie c’est ça?!
Ensuite comment faire pour effacer les mentions « Derniers Messages » et le titre de la Catégorie.. Qui chevauchent tout deux la création ?!
Merci en tout cas..
Re: Personnalisation de Categorie
C'est étonnant avec ce que je vous ai donné, ils devraient pas chevaucher dernier message déjà. Par contre, je savais qu'il nous faudrait régler le problème du titre original.
Pour la taille, oui il faut soit agrandir l'image de la catégorie, soit réduire celle du forum.
Mais avant de tester, on va mettre comme il se doit le reste.
Pouvez-vous me rendre votre nouvel index_box, css inclus ^^ ?
Pour la taille, oui il faut soit agrandir l'image de la catégorie, soit réduire celle du forum.
Mais avant de tester, on va mettre comme il se doit le reste.
Pouvez-vous me rendre votre nouvel index_box, css inclus ^^ ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Personnalisation de Categorie
Voilà qui a de quoi me rassurer xD
Pour la taille du forum je n'arrive plus à savoir où la modifié.. (Le boulet!) Pouvez vous m’éclairer?!
CSS :
Index_Box:
Pour la taille du forum je n'arrive plus à savoir où la modifié.. (Le boulet!) Pouvez vous m’éclairer?!
CSS :
- Code:
body {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}
.forumline{
border: 4px #FFFDD1 solid;
}
tr.post span.gensmall { display: none;
}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important;
}
.contenu {
background-image: url('http://img52.imageshack.us/img52/4278/fondtitreo.jpg');
font-family: Trebuchet MS;
font-size: 11px;
text-align: justify;
color : #B57D55;
margin-left: 5px;
margin-right: 5px;
padding: 15px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:0px
}
.categorylink
{border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #FFFBAB;
margin-left: 17px;
margin-right: 5px;
}
.categorylink a
{color: #B57D55;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
.categorylink a:hover
{color: #F5A967;}
.onglet
{background-color: #FFFBAB;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 2px;
text-transform: uppercase;
letter-spacing: -1px;}
.lineal {text-align: left;
border-bottom: 2px solid #FFFBAB;
padding: 0px 10px 3px 0px;
margin-left: 17px;
margin-right: 5px;
height : 10pt
}
.profilentour {
text-align:left;
padding:9px;
background-color: #E4FAA8;
-moz-border-radius:0px;
}
.postdetails.poster-profile a img {200
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 4px solid #FFFBAB;
}
.menu_PA {
margin-bottom: 3%;
background-color: #transparent;
text-shadow: #635f5e 1px 1px 1px;
background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #FFFBAB;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}
.menu_PA:hover {
background-color: #transparent;
text-shadow: #FFFBAB 1px 1px 1px;
background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #F5A967;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}
a.menuu {
background-color: #transparent;
text-shadow: #635f5e 1px 1px 1px;
background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #FFFBAB;
display: block;
font-family: GEORGIA;
font-size: 16px;
margin-left:-4px;
padding:3px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}
a.menuu:hover {
background-color: #transparent;
text-shadow: #FFFBAB 1px 1px 1px;
background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #F5A967;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}
.box {
background-color: #F5DCC9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 0 10px 5px 10px;
min-height: 55px;
color: #B57D55;
font-family: georgia;
}
.partners_PA img {
border: 2px #FFFBAB solid;
margin: 5px;
padding: 2px;
opacity: 0.7; filter:alpha(opacity=70);
-moz-opacity: 0.7;
}
.partners_PA img:hover {
opacity: 1; filter:alpha(opacity=100);
-moz-opacity: 1;
}
a.infobulle{
position:relative;
z-index:24;
color:#E4FAA8 ;
text-decoration:none;
opacity: 0.7; filter:alpha(opacity=70);
-moz-opacity: 0.7;
}
a.infobulle:hover {z-index:25; opacity: 1; filter:alpha(opacity=100);
-moz-opacity: 1; }
a.infobulle span {position: absolute; visibility:hidden;}
a.infobulle:hover span{
visibility: visible;
top:-3px;
left:10px;
width:12em;
border: 2px #FFFBAB solid;
background-color:#F5DCC9;
text-align: center;
padding:5px;
color : #B57D55;
}
.statistiques{
border:0px;
background-image: url("http://nsm03.casimages.com/img/2010/04/29/100429020703664145926952.png");
background-repeat: no-repeat;
background-position: center;
height:270px;
text-shadow: #e1dddc 0px 1px 0px;}
.groupes{
background-color:#F5EE67;
border: 1px #F5A967 dotted;
-moz-border-radius : 7px 7px 7px 7px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight: bold;
text-align: justify;
text-decoration: none !important;}
.yosh td { background-color: transparent; }
a.forumlink {
background-color: #transparent;
text-shadow: #635f5e 1px 1px 1px;
background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #FFFBAB;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}
a.forumlink:hover{
background-color: #transparent;
text-shadow: #FFFBAB 1px 1px 1px;
background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #F5A967;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}
.maintitle, .maintitle h1, th, .nav {text-transform: uppercase;}
.nomdecategorie
{
padding-bottom:0px;
padding-top:5px;
padding-bottom:5px;
background-image: url('http://img710.imageshack.us/img710/7749/9k2frdjpg.png');
letter-spacing: 4px;
font-family: Georgia;
margin-left:90px;
margin-right:90px;
margin-top:-10px;
margin-bottom:-10px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-topleft:60px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topright:60px;}
.messuj {
border: 1px solid #a49896;
background-color: #E4FAA8;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
padding : 5px;
width: 150px;}
.arrondi {
border: 1px solid #a49896;
background-color: #FFFBAB;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
padding : 5px;
width: 150px;}
.secondarytitle{
background-image: url('http://img813.imageshack.us/img813/9080/627694categ7.png');
background-repeat: no-repeat;
background-color: transparent;
height: 121px;
width: 475px;
}
.dersuj{
background-color: transparent;
background-image:none;
width: 150px;}
.imghaut {
background-image: url('http://img232.imageshack.us/img232/3029/110514085258800895.png');
background-repeat: no-repeat;
background-color: transparent;
height: 121px;
width: 759px;
}
.imgbas {
background-image: url('http://img14.imageshack.us/img14/9540/701046hjnbgvfdccopie.png');
background-repeat: no-repeat;
background-color: transparent;
height: 121px;
width: 759px;
}
Index_Box:
- Code:
<center><img src="http://img822.imageshack.us/img822/7874/sanstitre2lad.png"></center><br>
<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="imghaut" 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" class="dersuj"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
</table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- 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>
<!-- BEGIN forum_link_no -->
<td class="row3 over" align="center" valign="middle" height="50"><div class="messuj">
<span class="gensmall">{catrow.forumrow.TOPICS} Sujets || {catrow.forumrow.POSTS} Messages</span></div>
<span class="gensmall"><div class="arrondi">{catrow.forumrow.LAST_POST}</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><div class="imgbas"> </div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
<!-- END catrow -->
Re: Personnalisation de Categorie
POur la taille Allez faire un tour dans PA > Général > Forum : Général...
Pour le reste je regarde ^^
Pour le reste je regarde ^^
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Personnalisation de Categorie
J’avais souvenir que, dans certains codes.. Ils placaient directement le lien de l’image dans le template..
Comme ceci par exemple :
Puis pour l’image de titre ils l’a mettaient directement dans le titre de la catégorie. Ou ils installaient un code (Url Catégorie / Url Image Catégorie)
Est-ce que ça ne fonctionnerai pas mieux?!
En tout cas merci pour la dimension du forum
Comme ceci par exemple :
- Code:
<!-- BEGIN tablehead -->
<table class="forumline" width="900px" border="0" cellspacing="0" cellpadding="0">
<br><tr><td colspan="3" nowrap="nowrap" width="900" class="secondarytitle" align="center" style="background-image:url('HAUTSIDEBAR ');padding-bottom:10px;"> {catrow.tablehead.L_FORUM} </td>
</td></tr>
<!-- END tablehead -->
Puis pour l’image de titre ils l’a mettaient directement dans le titre de la catégorie. Ou ils installaient un code (Url Catégorie / Url Image Catégorie)
Est-ce que ça ne fonctionnerai pas mieux?!
En tout cas merci pour la dimension du forum
Re: Personnalisation de Categorie
^^ essayez déjà
vous pouvez faire des tests sans me demander c'est vous l'admin de ce forum
vous pouvez faire des tests sans me demander c'est vous l'admin de ce forum
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Personnalisation de Categorie
J’avais déjà tentée mais il me manquait le CSS..
Ceci dit si on arrive pas à avancer, ce que je n’oserais espérer, j’pourrais toujours réessayer.. ^_^
Ceci dit si on arrive pas à avancer, ce que je n’oserais espérer, j’pourrais toujours réessayer.. ^_^
Re: Personnalisation de Categorie
Voici où j'en suis au niveau du template.
- Code:
<center><img src="http://img822.imageshack.us/img822/7874/sanstitre2lad.png"></center><br>
<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="imghaut" width="759" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" valign="bottom"> {catrow.tablehead.L_FORUM} </th>
</tr>
</table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- 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="759">
<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>
<!-- BEGIN forum_link_no -->
<td class="row3 over" align="center" valign="middle" height="50"><div class="messuj">
<span class="gensmall">{catrow.forumrow.TOPICS} Sujets || {catrow.forumrow.POSTS} Messages</span></div>
<span class="gensmall"><div class="arrondi">{catrow.forumrow.LAST_POST}</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><div class="imgbas"> </div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
<!-- END catrow -->
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Personnalisation de Categorie
Pour ma part j’ai changée l’index_box et ai enlevée les CSS donné.. Avec regret îl est vrai.
Ça à peu prêt marché..
Etant donné que « Derniers Messages » n’apparaît pas et que je peux mettre mon image de titre directement à la place du titre en lui-même..
Mais le HIC c’est que déjà il me manque une fiche CSS. Mais qu’en plus l’image du haut se répète..
Fin après ce ne sont que des détails.
Mais si j’peux trouver mieux j’y suis toute ouï. =D
Ça à peu prêt marché..
Etant donné que « Derniers Messages » n’apparaît pas et que je peux mettre mon image de titre directement à la place du titre en lui-même..
Mais le HIC c’est que déjà il me manque une fiche CSS. Mais qu’en plus l’image du haut se répète..
Fin après ce ne sont que des détails.
Mais si j’peux trouver mieux j’y suis toute ouï. =D
Re: Personnalisation de Categorie
si vous avez mis la bonne css, l'image du haut ne devrait pas se répéter --'
Ceci :
est-il bien installé dans votre css.
en sachant que le code background-repeat: no-repeat; évite la répétition.
Ceci :
- Code:
.secondarytitle{
background-image: url('http://img813.imageshack.us/img813/9080/627694categ7.png');
background-repeat: no-repeat;
background-color: transparent;
height: 121px;
width: 475px;
}
.dersuj{
background-color: transparent;
background-image:none;
width: 150px;}
.imghaut {
background-image: url('http://img232.imageshack.us/img232/3029/110514085258800895.png');
background-repeat: no-repeat;
background-color: transparent;
height: 121px;
width: 759px;
}
.imgbas {
background-image: url('http://img14.imageshack.us/img14/9540/701046hjnbgvfdccopie.png');
background-repeat: no-repeat;
background-color: transparent;
height: 121px;
width: 759px;
}
est-il bien installé dans votre css.
en sachant que le code background-repeat: no-repeat; évite la répétition.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Personnalisation de Categorie
C’est ce que je disais justement..
J’ai modifié le template. Ce n’es plus le code que vous m’aviez donné..
Du coup je n’ai pas le CSS qui convient au code que j’ai postée.
Voilà ce que j’ai changé dans mon Index_Box
J’ai modifié le template. Ce n’es plus le code que vous m’aviez donné..
Du coup je n’ai pas le CSS qui convient au code que j’ai postée.
Voilà ce que j’ai changé dans mon Index_Box
- Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="forumline" width="759px" border="0" cellspacing="0" cellpadding="0">
<br><tr><td colspan="3" nowrap="nowrap" width="759px" class="secondarytitle" align="center" style="background-image:url('http://img232.imageshack.us/img232/3029/110514085258800895.png');padding-bottom:10px;"> {catrow.tablehead.L_FORUM} </td>
</td></tr>
<!-- END tablehead -->
- Code:
<!-- BEGIN tablefoot -->
<tr><td colspan="3" nowrap="nowrap" width="759px" class="secondarytitle" align="center"><img src="http://img14.imageshack.us/img14/9540/701046hjnbgvfdccopie.png"><br><br></td></tr>
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
- Code:
<a href="http://becrazy.forumactif.org/c6-archives" ><img src="http://img813.imageshack.us/img813/9080/627694categ7.png" border="0"></a>
Re: Personnalisation de Categorie
reprenez les codes css que je vous ai fourni au dessus ^^ et insérez les dans votre style
soit : (remplacez juste le premier code que vous venez de me donner)
soit : (remplacez juste le premier code que vous venez de me donner)
- Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="forumline" width="759px" border="0" cellspacing="0" cellpadding="0">
<br><tr><td colspan="3" nowrap="nowrap" width="759px" class="secondarytitle" align="center" style="background-image:url('http://img232.imageshack.us/img232/3029/110514085258800895.png');padding-bottom:10px;background-repeat: no-repeat;height: 121px;width: 475px;"> {catrow.tablehead.L_FORUM} </td>
</td></tr>
<!-- END tablehead -->
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Personnalisation de Categorie
J’ai remplacé le code désiré..
Mais je craint qu’il n’y ai des interférences si j’puis dire.
Etant donné que les liens ont déjà été intégré à la P.A.. Si je rajoute en plus le CSS donné dans lequel figure également les liens.. Je n’en vois pas vraiment l’utilité.. Ca risque de poser problèmes non?!
Ceci etant dit j’ai essayée avec et sans le CSS et ça ne change rien de toute façon..
Mais le code donné semble fonctionné.. Il n’y à déjà plus de répétition. ^_^
Mais je craint qu’il n’y ai des interférences si j’puis dire.
Etant donné que les liens ont déjà été intégré à la P.A.. Si je rajoute en plus le CSS donné dans lequel figure également les liens.. Je n’en vois pas vraiment l’utilité.. Ca risque de poser problèmes non?!
Ceci etant dit j’ai essayée avec et sans le CSS et ça ne change rien de toute façon..
Mais le code donné semble fonctionné.. Il n’y à déjà plus de répétition. ^_^
Re: Personnalisation de Categorie
^^ il n'y a pas de risques d'interférences tant que le code n'est pas appellé par une class dans le template. Du coup, vous pouvez meme l'enlever de votre css sans problème.
Par contre, il faudrait pouvoir centrer tout cela non ?
XD rendez-moi encore le tout que j'opère encore votre template, + css, et ajoutez moi la largeur que vous avez mis pour votre forum
Par contre, il faudrait pouvoir centrer tout cela non ?
XD rendez-moi encore le tout que j'opère encore votre template, + css, et ajoutez moi la largeur que vous avez mis pour votre forum
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Personnalisation de Categorie
Et bien justement j’ai remarqué le dans le template il y avait la class « secondarytitle » d’utilisée.. Et que cette même class figurait justement dans le CSS en question..
Du coup je ne sais plus ce que je suis censé modifier, laisser ou encore supprimer.
Un peu paumée le boulet! xD
En effet centré cela pourrait s’avérer idéal..
Par contre là est le problème. Je ne sais pas à quelle largeur faire mes catégories ne sachant pas quelle est la taille de mon forum actuellement..
Il y est dit juste « 20% ».
Du coup je ne sais plus ce que je suis censé modifier, laisser ou encore supprimer.
Un peu paumée le boulet! xD
En effet centré cela pourrait s’avérer idéal..
Par contre là est le problème. Je ne sais pas à quelle largeur faire mes catégories ne sachant pas quelle est la taille de mon forum actuellement..
Il y est dit juste « 20% ».
Re: Personnalisation de Categorie
essayez déjà en mettant la largeur de l'image soit 759
il faut savoir que e connais pas moins de 4 façons d'intégrer ces images. La première que je vous ai donné étant la meilleure, car par la suite, on peut changer par la css les images sans avoir à re modifier le template.
Bon j'ai toutes les données, je vous redirai la meilleure pour demain soir.
Bonne nuit
il faut savoir que e connais pas moins de 4 façons d'intégrer ces images. La première que je vous ai donné étant la meilleure, car par la suite, on peut changer par la css les images sans avoir à re modifier le template.
Bon j'ai toutes les données, je vous redirai la meilleure pour demain soir.
Bonne nuit
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Personnalisation de Categorie
L’idéal aurait en effet été de modifier directement via le CSS et de laisser le template à chaque changement de design fait.
Mais le problème c’est que visiblement il y a des choses dans le nouveau codage que j’avais intégré.. Qui « améliorait » l‘effet donné..
Deja le « Dernier Messages« avait disparu.. Puis la photo était vu plus nettement..
(Quel code exactement donné cet effet ça je ne saurais le dire.. C‘est là qu‘est le problème)
Donc je pense qu’un mixte entre les deux serait peut être.. Parfait!
Allez savoir..
En tout cas merci à toi de m’aider comme ça.
Bonne Nuit & Prend soin de toi!
Amicalement.
PS: Pour ce qui est de la largeur on pourra modifier ça après.. Mais j’pense que ça se rapproche plus des 900 que des 759.
Mais le problème c’est que visiblement il y a des choses dans le nouveau codage que j’avais intégré.. Qui « améliorait » l‘effet donné..
Deja le « Dernier Messages« avait disparu.. Puis la photo était vu plus nettement..
(Quel code exactement donné cet effet ça je ne saurais le dire.. C‘est là qu‘est le problème)
Donc je pense qu’un mixte entre les deux serait peut être.. Parfait!
Allez savoir..
En tout cas merci à toi de m’aider comme ça.
Bonne Nuit & Prend soin de toi!
Amicalement.
PS: Pour ce qui est de la largeur on pourra modifier ça après.. Mais j’pense que ça se rapproche plus des 900 que des 759.
Re: Personnalisation de Categorie
^^ je pense avoir trouvé, et maintenant tout passe par la css :
voici votre template :
et votre css :
Amicalement.
voici votre template :
- Code:
<center><img src="http://img822.imageshack.us/img822/7874/sanstitre2lad.png"></center><br>
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="border : 0px solid transparent;">
<tr>
<th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle" valign="bottom"> {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 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>
<!-- BEGIN forum_link_no -->
<td class="row3 over" align="center" valign="middle" height="50"><div class="messuj">
<span class="gensmall">{catrow.forumrow.TOPICS} Sujets || {catrow.forumrow.POSTS} Messages</span></div>
<span class="gensmall"><div class="arrondi">{catrow.forumrow.LAST_POST}</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 --><tr><td colspan="3"><div class="imgbas"> </div></td></tr>
</table><img src="{SPACER}" alt="" height="10" width="1" /><!-- END tablefoot -->
<!-- END catrow -->
et votre css :
- Code:
body {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}
.forumline{
border: 4px #FFFDD1 solid;
}
tr.post span.gensmall { display: none;
}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important;
}
.contenu {
background-image: url('http://img52.imageshack.us/img52/4278/fondtitreo.jpg');
font-family: Trebuchet MS;
font-size: 11px;
text-align: justify;
color : #B57D55;
margin-left: 5px;
margin-right: 5px;
padding: 15px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:0px
}
.categorylink
{border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #FFFBAB;
margin-left: 17px;
margin-right: 5px;
}
.categorylink a
{color: #B57D55;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
.categorylink a:hover
{color: #F5A967;}
.onglet
{background-color: #FFFBAB;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 2px;
text-transform: uppercase;
letter-spacing: -1px;}
.lineal {text-align: left;
border-bottom: 2px solid #FFFBAB;
padding: 0px 10px 3px 0px;
margin-left: 17px;
margin-right: 5px;
height : 10pt
}
.profilentour {
text-align:left;
padding:9px;
background-color: #E4FAA8;
-moz-border-radius:0px;
}
.postdetails.poster-profile a img {200
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 4px solid #FFFBAB;
}
.menu_PA {
margin-bottom: 3%;
background-color: #transparent;
text-shadow: #635f5e 1px 1px 1px;
background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #FFFBAB;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}
.menu_PA:hover {
background-color: #transparent;
text-shadow: #FFFBAB 1px 1px 1px;
background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #F5A967;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}
a.menuu {
background-color: #transparent;
text-shadow: #635f5e 1px 1px 1px;
background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #FFFBAB;
display: block;
font-family: GEORGIA;
font-size: 16px;
margin-left:-4px;
padding:3px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}
a.menuu:hover {
background-color: #transparent;
text-shadow: #FFFBAB 1px 1px 1px;
background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #F5A967;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}
.box {
background-color: #F5DCC9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 0 10px 5px 10px;
min-height: 55px;
color: #B57D55;
font-family: georgia;
}
.partners_PA img {
border: 2px #FFFBAB solid;
margin: 5px;
padding: 2px;
opacity: 0.7; filter:alpha(opacity=70);
-moz-opacity: 0.7;
}
.partners_PA img:hover {
opacity: 1; filter:alpha(opacity=100);
-moz-opacity: 1;
}
a.infobulle{
position:relative;
z-index:24;
color:#E4FAA8 ;
text-decoration:none;
opacity: 0.7; filter:alpha(opacity=70);
-moz-opacity: 0.7;
}
a.infobulle:hover {z-index:25; opacity: 1; filter:alpha(opacity=100);
-moz-opacity: 1; }
a.infobulle span {position: absolute; visibility:hidden;}
a.infobulle:hover span{
visibility: visible;
top:-3px;
left:10px;
width:12em;
border: 2px #FFFBAB solid;
background-color:#F5DCC9;
text-align: center;
padding:5px;
color : #B57D55;
}
.statistiques{
border:0px;
background-image: url("http://nsm03.casimages.com/img/2010/04/29/100429020703664145926952.png");
background-repeat: no-repeat;
background-position: center;
height:270px;
text-shadow: #e1dddc 0px 1px 0px;}
.groupes{
background-color:#F5EE67;
border: 1px #F5A967 dotted;
-moz-border-radius : 7px 7px 7px 7px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight: bold;
text-align: justify;
text-decoration: none !important;}
.yosh td { background-color: transparent; }
a.forumlink {
background-color: #transparent;
text-shadow: #635f5e 1px 1px 1px;
background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #FFFBAB;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}
a.forumlink:hover{
background-color: #transparent;
text-shadow: #FFFBAB 1px 1px 1px;
background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #F5A967;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}
.maintitle, .maintitle h1, th, .nav {text-transform: uppercase;}
.nomdecategorie
{
padding-bottom:0px;
padding-top:5px;
padding-bottom:5px;
background-image: url('http://img710.imageshack.us/img710/7749/9k2frdjpg.png');
letter-spacing: 4px;
font-family: Georgia;
margin-left:90px;
margin-right:90px;
margin-top:-10px;
margin-bottom:-10px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-topleft:60px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topright:60px;}
.messuj {
border: 1px solid #a49896;
background-color: #E4FAA8;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
padding : 5px;
width: 150px;}
.arrondi {
border: 1px solid #a49896;
background-color: #FFFBAB;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
padding : 5px;
width: 150px;}
.dersuj{
background-color: transparent;
background-image:none;
width: 150px;}
.secondarytitle {
background-image: url('http://img232.imageshack.us/img232/3029/110514085258800895.png');
background-repeat: no-repeat;
background-color: transparent;
height: 121px;
width: 759px;
}
.imgbas {
background-image: url('http://img14.imageshack.us/img14/9540/701046hjnbgvfdccopie.png');
background-repeat: no-repeat;
background-color: transparent;
height: 121px;
width: 759px;
}
Amicalement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Personnalisation de Categorie
Hihaaaaaaaaa..
(Petit crie d’hystérie veuillez m’excuser de cette absence momentanée.. xD)
Donc comme vous l’avez constater.. Me voilà ravie.
Ravie de pouvoir voir qu’il semblerait que le code ai enfin fonctionné..
Tout semble opérationnel et normale.. Si ça n’est quelques réglages à faire de redimensionnement et centrage des images..
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Personnalisation de Categorie
Ah bah déjà la largeur du forum a été réglé.
Tandis que moi pas..
Sachant que j’veux justement garder la largeur que j’ai et faire une image de catégorie en fonction de celle-ci.
Malheureusement ne sachant pas comment mesurer la taille de la catégorie vu qu’elle ne s’affiche que sous forme de pourcentage.. C’est pas évident!
Les images ne sont pas centrées par contre..Excepter celle du titre de la catégorie.
Après je sais pas si ça fera mieux pour autant quoi =/
Tandis que moi pas..
Sachant que j’veux justement garder la largeur que j’ai et faire une image de catégorie en fonction de celle-ci.
Malheureusement ne sachant pas comment mesurer la taille de la catégorie vu qu’elle ne s’affiche que sous forme de pourcentage.. C’est pas évident!
Les images ne sont pas centrées par contre..Excepter celle du titre de la catégorie.
Après je sais pas si ça fera mieux pour autant quoi =/
Re: Personnalisation de Categorie
centrer l'image est pas difficile ^^
pour mesurer, un scan écran puis un entourage vous donne la largeur facilement sur un logiciel de traitement d'images. pour vous la longueur de vos catégories font 992, si j'ai bien mesurer ^^
.secondarytitle {
background-image: url('https://2img.net/r/ihimizer/img232/3029/110514085258800895.png');
background-repeat: no-repeat;
background-position : bottom center;
background-color: transparent;
height: 121px;
width: 759px;
}
.imgbas {
background-image: url('https://2img.net/r/ihimizer/img14/9540/701046hjnbgvfdccopie.png');
background-repeat: no-repeat;
background-position : bottom center;
background-color: transparent;
height: 121px;
width: 759px;
}
pour mesurer, un scan écran puis un entourage vous donne la largeur facilement sur un logiciel de traitement d'images. pour vous la longueur de vos catégories font 992, si j'ai bien mesurer ^^
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Personnalisation de Categorie
Ca c’est les trucs de débutant que même après deux ans j’ai toujours pas retenu.. -_- "
AieAieAie.
Donc pour le centrage c’est bon c’est fait.. Si ça n’est que ça n’a pas fonctionné sur l’image du bas, malheureusement il est vrai. =/
Puis pour la mesure faudrait que j’essai.. En enlevant les images. Histoire d’être sur de la taille qu’elles font.
J’vais voir ça de ce pas!
AieAieAie.
Donc pour le centrage c’est bon c’est fait.. Si ça n’est que ça n’a pas fonctionné sur l’image du bas, malheureusement il est vrai. =/
Puis pour la mesure faudrait que j’essai.. En enlevant les images. Histoire d’être sur de la taille qu’elles font.
J’vais voir ça de ce pas!
Re: Personnalisation de Categorie
Déjà je me suis plantée c'est
ensuite dans le template repérez :
et changez le en :
en enlevant l'espace entre & et n.
.imgbas {
background-image: url('https://2img.net/r/ihimizer/img14/9540/701046hjnbgvfdccopie.png');
background-repeat: no-repeat;
background-position : top center;
background-color: transparent;
height: 121px;
width: 759px;
}
ensuite dans le template repérez :
- Code:
<!-- BEGIN tablefoot --><tr><td colspan="3"><div class="imgbas"> </div></td></tr>
et changez le en :
<!-- BEGIN tablefoot --><tr><td colspan="3" class="imgbas"> & nbsp;</td></tr>
en enlevant l'espace entre & et n.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Personnalisation de Categorie
Désolé d’avoir désertée comme ça j’ai eu quelques soucis avec ma Free
(Vive la technologie oui. -_-")
Donc pour le CSS je modifierai après..
Le souci là c’est que j’arrive pas à mesurer mes catégories.
Donc j’aurais peut être besoin d’aide si possible. J’ai supprimé le CSS comme ça on a aucune image qui pourrait le modifier ou le déformer. On peut prendre la taille en tout tranquillité.
Par contre pour le template.
Ça « & nbsp; » c’est pas censé etre un « code » a enlevé en temps normale?!
On m’a toujours dit, quand j’avais ça.. Que ça n’avait rien à faire dans un codage.
Il sert à quoi ce code la au juste?!
(Vive la technologie oui. -_-")
Donc pour le CSS je modifierai après..
Le souci là c’est que j’arrive pas à mesurer mes catégories.
Donc j’aurais peut être besoin d’aide si possible. J’ai supprimé le CSS comme ça on a aucune image qui pourrait le modifier ou le déformer. On peut prendre la taille en tout tranquillité.
Par contre pour le template.
Ça « & nbsp; » c’est pas censé etre un « code » a enlevé en temps normale?!
On m’a toujours dit, quand j’avais ça.. Que ça n’avait rien à faire dans un codage.
Il sert à quoi ce code la au juste?!
Re: Personnalisation de Categorie
en faite ce code représente un espace en langage informatique, quant à l'enlever ?!!! il peut être utile parfois. en particulier pour afficher un blanc dans un endroit où on ne veut aucun texte et où les espaces ne seraient pas pris en compte seuls... DOnc parfois utiles et importants.
Mon outil de mesure intégré à Firefox continue de me dire 992 pour la largeur de vos catégories ^^
Mon outil de mesure intégré à Firefox continue de me dire 992 pour la largeur de vos catégories ^^
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Personnalisation de Categorie
Merci pour cette précision ^_^
Dans ce cas la prochaine fois qu’on me dira de l’enlever j’en ferais qu’à ma tête et le garderai..
Par contre la il sert à quoi dans ce code là? Juste que je sache.. Par curiosité..
Bon bah dans ce cas merci à toi.. J’ferais une catégorie de cette taille la et on verra ce que ça donnera..
Concernant les codages c’est bon j’ai tout modifiée. Et apparemment tout à l’air de correctement fonctionner..
Par contre avant d’en finir.. J’voulais savoir comment mettre soit sur la gauche, soit sur la droit ou au centre.. Le titre de la catégorie.
Est-ce que je dois rajouter comme tout les autre ceci :
Dans ce cas la prochaine fois qu’on me dira de l’enlever j’en ferais qu’à ma tête et le garderai..
Par contre la il sert à quoi dans ce code là? Juste que je sache.. Par curiosité..
Bon bah dans ce cas merci à toi.. J’ferais une catégorie de cette taille la et on verra ce que ça donnera..
Concernant les codages c’est bon j’ai tout modifiée. Et apparemment tout à l’air de correctement fonctionner..
Par contre avant d’en finir.. J’voulais savoir comment mettre soit sur la gauche, soit sur la droit ou au centre.. Le titre de la catégorie.
Est-ce que je dois rajouter comme tout les autre ceci :
- Code:
.dersuj{
background-color: transparent;
background-position : bottom left;
background-image:none;
width: 150px;}
Re: Personnalisation de Categorie
puisque nous avons enlever la colonne dernier sujet, vous pouvez enlever ce code.
pour le titre de la catégorie j'ai ajouté un code pour le mettre en bas dans le template, il faudra peut etre l'enlever selon la précision de l'endroit que vous désirez obtenir. Il me faut connaitre votre hiérarchie pour vous donner le code.
Et pour l'espace en langage informatique, il sert justement ici à dire à la cellule du tableau où se trouve votre image du bas qu'elle n'est pas vide, et donc doit s'afficher, ce que nous n'aurions pas avec un simple espace. ^^
pour le titre de la catégorie j'ai ajouté un code pour le mettre en bas dans le template, il faudra peut etre l'enlever selon la précision de l'endroit que vous désirez obtenir. Il me faut connaitre votre hiérarchie pour vous donner le code.
Et pour l'espace en langage informatique, il sert justement ici à dire à la cellule du tableau où se trouve votre image du bas qu'elle n'est pas vide, et donc doit s'afficher, ce que nous n'aurions pas avec un simple espace. ^^
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Page 1 sur 2 • 1, 2
Sujets similaires
» Catégorie : Mettre une barre noire séparant l'image "pas de nouveaux messages" et le nom de la catégorie
» Problème de catégorie j'ai regarder les tuto pour les catégorie rien ni fait
» Grouper les forums dans catégorie afin qu'on ne voit que catégorie
» Espace entre image en-tête catégorie et titre catégorie
» Comment mettre un ou plusieurs catégorie(s) dans une seule catégorie ?
» Problème de catégorie j'ai regarder les tuto pour les catégorie rien ni fait
» Grouper les forums dans catégorie afin qu'on ne voit que catégorie
» Espace entre image en-tête catégorie et titre catégorie
» Comment mettre un ou plusieurs catégorie(s) dans une seule catégorie ?
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