Séparer les catégories
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Séparer les catégories
Bonjour, j'ai un petit soucis, j'aimerais que chaque catégorie de mon forum soit séparé et non pas d'un seul bloc, j'ai bien évidemment tout testé dans structure et hiérarchie mais rien n'y fait, sa doit être autre part...
Lien de mon forum : http://new-haven.forumgratuit.fr/
Lien de mon forum : http://new-haven.forumgratuit.fr/
Dernière édition par Eden. le Mer 25 Juil 2012 - 20:31, édité 1 fois
Re: Séparer les catégories
aviez-vous un java script un code et le CSS qui vous a permis de faire cette hiérarchie?
Re: Séparer les catégories
Hmm non pas de javascript je pense... Ou alors dans un template mais je ne sais pas lequel est consacré à la mise en page
Sinon voila mon css
Sinon voila mon css
- Code:
[a:hover{text-decoration: none !important;}
a { text-decoration: none; }
.bloc {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 0 20px #555;
-webkit-box-shadow: 0 0 20px #555;
box-shadow: 0 0 20px #FFFFFF;
width:600px;
}
.bloc h1 {
margin:0;
padding:5px;
font-size:1.5em;
color:#fff;
background-color:#9DADC6;
border:1px solid #8E98A4;
border-bottom:0;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
.bloc p {
background-color:#e5e5e5;
padding:5px;
margin:0;
border:1px solid #fff;
border-top:0;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
}
.bloc h2 {
margin:0;
padding:5px;
font-size:1.5em;
color:#fff;
background-color:#9DADC6;
border:1px solid #8E98A4;
border-bottom:0;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
overflow: auto;
text-align: justify;
background: #FAF2E6;
margin: 2px;
padding: 2px;
color: #302D2D;
width: 370px;
height: 110px;
border-left: 3px solid #FF7F50;
border-right: 3px solid #FF7F50;
border-bottom: 3px solid #FF7F50;
border-top: 3px solid #FF7F50;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}
.forum-forum {
overflow: auto;
text-align: center;
background: #FAF2E6;
margin: 2px;
padding: 2px;
padding-top: 6px;
color: #302D2D;
width: 100px;
height: 107px;
border-left: 3px solid #FF7F50;
border-right: 3px solid #FF7F50;
border-bottom: 3px solid #FF7F50;
border-top: 3px solid #FF7F50;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}
/*---Derniers message---*/
.lastpost{
width: 130px;
height: 110px;
background-color:#FAF2E6;
margin-top: -20px;
padding: 2px;
font-family: verdana;
font-size: 10px;
color:#EDE0C0;
border-left: 3px solid #FF7F50;
border-right: 3px solid #FF7F50;
border-bottom: 3px solid #FF7F50;
border-top: 3px solid #FF7F50;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
a.forumlink{
font-size: 23px;
margin-bottom: 5px;
padding-top: 7px;
margin-left:-150px;
color : #192A2E;
display:block;
font-family: Tahoma;
text-shadow: 1px 1px 2px #666666;
}
/*QEEL*/
.qui_est_là {
overflow : auto;
height: 120px;
background-color: #FAF2E6;
font-size: 12px;
font-style : blod;
}
.qui_était_là {
overflow : auto;
height: 120px;
background-color: #FAF2E6;
font-size: 12px;
font-style : blod;
}
.coupes {
overflow : auto;
height: 120px;
background-color: #FAF2E6;
font-size: 12px;
font-style : blod;
}
.portoloins {
overflow : auto;
height: 120px;
background-color: #FAF2E6;
font-size: 12px;
font-style : blod;
color: #fff;
}
.lien {
overflow : auto;
height: 80px;
font-size: 12px;
font-style : blod;
color: #D2B48C;
text-align: center;
}
.titre1 {
font-family: Arial;
text-align: center;
color: #E8E6E3;
text-transform: capitalize;
letter-spacing: 5px;
font-size: 12px;
}
.table_1 td.row1{
background-image: none !important;
background-color: transparent !important;
border: none !important;
}
/*fin que QEEL*/
/* METTRE UN BOUTON HORS LIGNE*/
#oneline
{
background: url('Lien de l'image hors ligne') no-repeat;
width: XXpx;
height: XXpx;
padding: 0;
border: 0;
}
Re: Séparer les catégories
Tu peux voir dans ton index box, c'est ce qui fait la mise en page des catégories
Re: Séparer les catégories
Et vous savez ce qu'il faut faire pour les séparer ?
Re: Séparer les catégories
Tout dépend ce que tu entends pas séparer et il y a pas mal de tuto sur le site qui traire de cela
Re: Séparer les catégories
Bonsoir,
Oui qu'entendez vous par "séparer" ? Faites un schéma pour illustrer votre demande ou alors soyez précis
Cordialement.
Re: Séparer les catégories
Essayez ceci dans votre css:
XX: à changer par la valeur de votre choix.
Edit: Vérifiez que vous n'avez pas déjà un forumline dans votre css, histoire de ne rajouter que le margin bottom.
Cordialement.
- Code:
.forumline {
margin-bottom: XXpx;
}
XX: à changer par la valeur de votre choix.
Edit: Vérifiez que vous n'avez pas déjà un forumline dans votre css, histoire de ne rajouter que le margin bottom.
Cordialement.
Re: Séparer les catégories
Merci de votre aide mais sa ne change pas T_T
Re: Séparer les catégories
tu as publié ton template en clic sur validé le bouton verre? et sinon tu es en quoi? comme hiérarchie ? tu as mis une valeur à la place de XX ?
Re: Séparer les catégories
Je crois bien que j'ai réussi en m'inspirant d'un code pour mettre des images en haut et en bas des catégories xD
Re: Séparer les catégories
Si cela fonctionne sur mon forum test, cela doit fonctionner chez vous. Voyez par vous même:
Après tout était de la même couleur sur votre forum, donc difficile de faire la distinction.
En mettant le code css que je vous ai donné, l'espace actuel entre vos catégories sera augmenté.
Pour la hiérarchie, le mieux serait de la configurer sur:
Séparer les catégories sur l'index / Moyen
(Affichage > Page d'accueil > Structure et Hiérarchie)
Si après tout ça, le résultat ne vous satisfait pas, il me faudrait le code de votre index box et la totalité de votre css.
Cordialement.
Après tout était de la même couleur sur votre forum, donc difficile de faire la distinction.
En mettant le code css que je vous ai donné, l'espace actuel entre vos catégories sera augmenté.
Pour la hiérarchie, le mieux serait de la configurer sur:
Séparer les catégories sur l'index / Moyen
(Affichage > Page d'accueil > Structure et Hiérarchie)
Si après tout ça, le résultat ne vous satisfait pas, il me faudrait le code de votre index box et la totalité de votre css.
Cordialement.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum