-
Première lettre de paragraphe // lettrine
Pour attribuer un style particulier à la première lettre des paragraphes comme ici (rendu légèrement différent suivant navigateur)
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatu
Ici, même police mais en italique, grossie, en gras et descendue
.article_text p {
line-height: 18pt; }.article_text p:first-letter {
font-size: 240%;
font-style: italic;
font-weight: bold;
float: left; }Autres exemples
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint.
Ici, police Flavors fantasy agrandie X3 en rouge
.article_text p {
line-height: 16pt; }.article_text p:first-letter {
color: red;
font-size: 300%;
font-weight: bold;
float: top; }Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere; cum soluta nobis est eligendi optio cumque nihil perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sitimpedit quo minus id quod maxime placeat facere
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sitincidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam,nisi ut aliquid ex ea commodi consequatur?
Ici, police Shojumaru en vert
.article_text p {line-height: 18pt; }
.article_text p:first-letter {
color: #AEDF76;
font-family: shojumaru, fantasy;
font-size: 54px;
padding: 0px 4px 0px 0px;
float: left; }POLICES SPÉCIALESPOLICES SPÉCIALESPOLICES SPÉCIALESPolices spéciales« Module menu contenu caché déroulant survol souris sur le titreGadget choix couleur des liens par le visiteur »
-
Commentaires
Bonjour,
Me revoici je vois que tu fais de belles choses. Mais j'ai un petit problème sur mon blog. J'ai Voulu changer certaines présentations pour les fêtes, et des choses ont disparues, les targettes défilement. Peux tu aller voir et faire le nécessaire, car cela fait une grande longueur. Merci d'avance de tes services.
Bonne semaine à toi, peut être des vacances.
Bises.
mamieninette37
Bonjour Mamieninette,
Hier soir, je suis passé sur ton blog et tout était en place !
Ce sont tous les effets sur les modules de menu qui ont disparu, pourtant le CSS est toujours là donc une question pour m'aiguiller sur la raison du problème:As-tu une idée précise de la manoeuvre qui aurait causé cela ou qu'as-tu fait en dernier
exemple: Ajout d'image fond ou ajout de CSS ou ?On se retrouve pour en parler plutôt sur http://bloginscription.ek.la/
Okay ?Bonjour. Je viens vers toi sur les conseils de Kri car je me pose une question à laquelle tu sauras sans doute répondre. Voilà, je viens de mettre mon site en mode privé via les rubriques car je ne peux pas me permettre un abonnement Ekla, à l'exception de la rubrique "Fleurs" afin que mon image du jour, qui est justement une fleur, puisse rester ouverte à tous pour les prévenir de la privatisation de mon site à partir de mercredi.
Ma question est la suivante. Quand j'aurai privatisé aussi cette rubrique, sur quoi s'ouvrira mon site pour ceux à qui j'aurai donné le pass d'accès ? La page d'accueil continuera t'elle à s'ouvrir sur mon dernier article posté ?
Si tu peux aller jeter un oeil chez moi et me répondre par mail privé, ce serait vraiment hyper gentil. Merci par avance.
Cordialement. Focales
Bonsoir Focales,
Si tous tes articles sont dans une rubrique protégée et que la rubrique "derniers articles" est indiquée comme page d'accueil, les visiteurs qui arriveront sur ton blog via l'adresse générale se retrouveront avec erreur 404 page introuvable, je pense.
J'ai fait un article sur mon autre blog pour t'indiquer ce que tu peux mettre en page d'accueil
http://bloginscription.ek.la/page-d-accueil-a119786494
bonjour ... je garde ton adresse précieusement car je suis un débutante... en matière de blog... bonne soirée ... à bientôt peut être
Bonjour,
A propos du style particulier de la première lettre d'une phrase, lorsqu'on met votre code, il est valable pour l'ensemble du blog ou pour un article en particulier . Je suis nouveau sur Eklablog. C'est de l'HTML ou du CSS ?
Ajouter un commentaire
de bonnes idées sur ce blog
bonne journée