Séparer les catégories

4 participants

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

Résolu Séparer les catégories

Message par Eden. 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.

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

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. 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.

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

Missindo
****

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

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

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

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

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

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

Missindo
****

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

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

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

Message par Anzu 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

Anzu
Membre actif

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

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

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

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

Oui alors je vous montre sa en illustration

Ce que je souhaiterais :
Séparer les catégories  Espace10

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é Séparer les catégories  Espace11
J'aimerais qu'entre la flèche il y'ai un espace, c'est compliqué d'expliquer xD
Eden.

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

Anzu
Membre actif

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

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

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

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

Merci de votre aide mais sa ne change pas T_T
Eden.

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

Missindo
****

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

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

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

Message par Eden. 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.

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

Anzu
Membre actif

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

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

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

- Sujets similaires

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