Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Paramètrage des listes ordonnées

720 appréciations
En ligne
:bd:

Je vais lancer une nouvelle série d'articles avec beaucoup de texte sous forme de liste ordonnée.



Pourriez-vous m'aider sur:

1. Comment faire pour changer la couleur des numéros

2. Comment augmenter l'espace vertical entre les versets (et non entre les lignes, car certains versets ont plusieurs lignes)



Voici un modèle que j'ai vu quelque part:





NB:
 Faire ceci sans affecter les autres listes qui se trouvent déjà un peu partout dans le blog




:am:

4053 appréciations
Hors-ligne
bonjour

Il faut un exemple d'article pour voir ce qu'il est possible de faire

Je pense qu'il faut mettre du css dans l'article pour personnaliser l'ensemble.

:am:


720 appréciations
En ligne
:bd:simon

Voici le premier article avec lequel je fais les tests avant d'aborder la suite:

https://www.contrelecourant.com/genese-1-1


720 appréciations
En ligne
Je ne sais pas d'où viennent les points d'interrogation dans le lien. Ils n'existent pas dans le blog.
Mais apparemment cela n'empêche pas d'accéder à l'article.

4053 appréciations
Hors-ligne
re

Regardes dans ton article j'ai mis une code.

Le margin s'applique dans le texte.

Sans étoiles.

<*style type="text/css"*>
article li{
margin-top: 20px;   
}
<*/style>

:am:

Comment faire pour changer la couleur des numéros


Ce n'est pas possible dans ce texte car il doit être copié/collé.
Les chiffres ne sont pas accessibles




4053 appréciations
Hors-ligne
RE

Pour ta barre les sous-liens au survol sont serrés

Ajoutes ces codes en gras .


regardes ligne 57

nav ul ul a {
    font-size : 8pt !important;
    line-height: 30px;   
}

ligne 61

nav li:hover ul {
    display: block !important;
  border:1px solid black;
  background: #fff!important;

}


720 appréciations
En ligne
 C'est super Simon !
L'espace vertical est parfait. C'est exactement ce que je voulais. Merci. C'est un pas en avant.

Mais il semble que cela ait créé un problème avec la numérotation, car maintenant j'ai "1" deux fois.

Par ailleurs, je peux t'assurer que la numérotation qui est là vient du composeur
J'ai simplement sélectionné tout le texte (qui était à la base uniquement constitué de paragraphes sans numéros), et cliqué dans la barre d'outils sur "Liste numérotée", et les numéros sont apparus, comme je le souhaitais.

Lorsque j'accède au code source de l'article en cliquant sur "HTML", je vois que cette numérotation est gérée par la balise "ol".


720 appréciations
En ligne
pour l'amélioration de la barre de navigation 
Je viens d'appliquer les ajustements.
C'est effectivement plus lisible  
:am:

720 appréciations
En ligne
J'ai réexaminé l'article,  ce qui m'a permis de comprendre pourquoi il y avait "1" deux fois.

Je l'ai donc refait en suivant ces étapes:

1° Je prends le texte brut sans numéros, dans lequel chaque verset constitue un paragraphe

2° Je le colle dans le composeur

3° Je laisse un espace en haut pour l'insertion du code d'espacement vertical

4° Je sélectionne le texte, et j'applique la numérotation automatique en cliquant sur "Liste numérotée"

5° J'insère le code d'espacement  vertical en haut


Et voilà, c'est parfait !

Genèse 1?

Il ne reste que la solution pour les couleurs.

simon N'y a t-il pas moyen d'y arriver en configurant la balise "ol" dans l'article?



4053 appréciations
Hors-ligne
re

Non pas possible de mettre une couleur car la balise ol concerne les phrases .

ol{
color:red;       
}

Avec ce code c'est le texte qui passe en Rouge.

Pour l'instant je n'ai pas de solution

:am:


720 appréciations
En ligne
:ok1: Entendu simon

Tu m'as déjà permis de faire le plus important.

Je continue de fouiller en espérant une illumination d'ici demain, avant de jeter l'éponge.

Après cela il faudra que je me mette à la tâche pour insérer toute toute la Bible, chapitre par chapitre, dans mon blog.

:am:
Bonne soirée

4053 appréciations
Hors-ligne
re  @kiamgo@

J'ai trouvé ce code pour agir sur le OL


Si tu veux changer il faut simplement aller dans le code espace verset et mettre une autre couleur. white ou blue .......

changer la couleur et cliquer sur "enregistrer"

ol { counter-reset: item; }
        ol li { display: block; }
        ol li:before {
            content: counter(item) ". ";
            counter-increment: item;
            color: red; /* couleur des chiffres*/
            Font-Weight:bold; /*gras*/
        }



720 appréciations
En ligne



Voilààààààààààà
C'est merveilleux !
Exactement ce que je voulais.

J'ai désormais tous les éléments pour avancer dans mon projet.

na5na5na5na5
Mille foissimon, pour ton temps et pour les découvertes.

Très bonne soirée

:am:

4053 appréciations
Hors-ligne
Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Demandes de conseils.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6064 autres membres