Séparer les catégories

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Séparer les catégories

Message par Eden. le Mar 24 Juil 2012 - 17:21

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/


Dernière édition par Eden. le Mer 25 Juil 2012 - 20:31, édité 1 fois

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les catégories

Message par olili.vil le Mar 24 Juil 2012 - 17:32

aviez-vous un java script un code et le CSS qui vous a permis de faire cette hiérarchie?

olili.vil
Nouveau membre

Messages : 29
Inscrit(e) le : 27/04/2012

http://elysia-pensionnat.monfofo.net
olili.vil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les catégories

Message par Eden. le Mar 24 Juil 2012 - 18:12

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
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;
}


Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les catégories

Message par Missindo le Mer 25 Juil 2012 - 18:17

Tu peux voir dans ton index box, c'est ce qui fait la mise en page des catégories

Missindo
****

Féminin
Messages : 398
Inscrit(e) le : 20/07/2011

http://coeur-et-force.forumactif.org/
Missindo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les catégories

Message par Eden. le Mer 25 Juil 2012 - 18:22

Et vous savez ce qu'il faut faire pour les séparer ?

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les catégories

Message par Missindo le Mer 25 Juil 2012 - 18:27

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

Missindo
****

Féminin
Messages : 398
Inscrit(e) le : 20/07/2011

http://coeur-et-force.forumactif.org/
Missindo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les catégories

Message par Anzu le Mer 25 Juil 2012 - 19:17


Bonsoir,

Oui qu'entendez vous par "séparer" ? Faites un schéma pour illustrer votre demande ou alors soyez précis Smile

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les catégories

Message par Eden. le Mer 25 Juil 2012 - 19:31

Oui alors je vous montre sa en illustration

Ce que je souhaiterais :


On voit qu'il y'a un espace, que les deux catégories sont séparées

Et ce que j'ai moi c'est tout collé
J'aimerais qu'entre la flèche il y'ai un espace, c'est compliqué d'expliquer xD

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les catégories

Message par Anzu le Mer 25 Juil 2012 - 19:39

Essayez ceci dans votre css:

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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les catégories

Message par Eden. le Mer 25 Juil 2012 - 20:15

Merci de votre aide mais sa ne change pas T_T

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les catégories

Message par Missindo le Mer 25 Juil 2012 - 20:20

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 ?

Missindo
****

Féminin
Messages : 398
Inscrit(e) le : 20/07/2011

http://coeur-et-force.forumactif.org/
Missindo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les catégories

Message par Eden. le Mer 25 Juil 2012 - 20:30

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


Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer les catégories

Message par Anzu le Mer 25 Juil 2012 - 20:45

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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum