Blog d'aide de Blog4ever

 ou quelqu'un d'autre...
Il s'agit de mon site ==> LE LIEN

Y a t il une possibilité de pouvoir placer les catégories plus vers la droite comme sur ma capture ?  et comment le faire ? avec quel code ? :



:sol:

Tu peux mettre au choix le margin-left ou le center.

#article_liste_articles{
 margin-left: 100px;  
 
}


___________________

#article_liste_articles{
    text-align: center;
    
}

:sol:

Petite Question :
Est ce qu'on peut encadrer le titre des catégories ?
Si oui, comment ?

/*titre des catégories*/
.article_index_categorie_nom{
  border:1px dashed #000;
  border-radius: 10px;
  width: 350px!important;
    text-align: center;
    margin: 30px!important;
    background: #eee;   
}
.article_index_lien{
 margin-left: 30px;  
  padding: 8px;  /* ecart entre les sous-titres*/
}

C'est beaucoup mieux !
Ce serait super si on pouvait mettre des numérotations devant chaque sous titres, mais je pense que ce n'est pas possible.
A moins qu'on puisse faire un tableau ?

Dernière modification le jeudi 11 Novembre 2021 à 15:04:32

/*titre des catégories*/
.article_index_categorie_nom{
  border:2px dashed #FCE595;
  border-radius: 10px;
  width: 350px!important;
  text-align: center;
  margin: 30px!important;
  background: #908FBB;  
}

p.article_index_lien{
 margin-left: 55px;  
 padding: 5px;  /* ecart entre les sous-titres*/
  display: list-item;
 list-style-type: decimal;/* chiffre devant*/
 list-style-position: outside;        
}

#article_liste_articles{ /*ici c'est pour décaler les titres de catégories*/
 margin-left: 280px;
       
}

#articles_show_contenu_article,.articles_index_contenu_article {
    font-size: 20px; /*taille dans articles*/
    margin-left: 30px;
}

A la place de "decimal" peut on mettre une image ?
Car les chiffres se suivent et j'aurai préféré qu'ils se suivent que par catégories
Exemple :
Catégorie "Méli-Mélo..."
1 Animaux et aussi un peu de féérie
2 Voiture
Tu vois ce que je veux dire ?

Le plus simple c'est ça.

list-style-type: square;/* signe devant*/   ligne 114

Pour mettre une image ...


p.article_index_lien{
 margin-left: 55px;  
 padding: 5px;  /* ecart entre les sous-titres*/
  background:  url('https://static.blog4ever.com/2006/01/2/7.gif') no-repeat left 6px;
 background-repeat: no-repeat;
}

J'ai mis "disc" à la place de "square" cela aurait fait mieux si on pouvait mettre une flèche.
Mais GRAND  car c'est franchement mieux qu'avant.
:sol:

aaaahhhhh !!!! J'avais pas vu que tu as rajouté une image 
GENIAL ! Je vais pouvoir créer ma propre image 

:sol:

Tu as oublié la position... pour l'image  ( no-repeat left 6px; )

p.article_index_lien{
 margin-left: 55px;  
 padding: 5px;  /* ecart entre les sous-titres*/
  background:  url('https://static.blog4ever.com/2006/01/2/7.gif') no-repeat left 6px;
}

ahhh ok !
Je suis dessus