• 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ÉCIALES

     

     

     

    POLICES   SPÉCIALES

     

     

     

    POLICES   SPÉCIALES

     

    Polices   spéciales
    « Module menu contenu caché déroulant survol souris sur le titreGadget choix couleur des liens par le visiteur »
    Partager via Gmail Yahoo! Google Bookmarks

  • Commentaires

    1
    Lundi 14 Septembre 2015 à 12:47

    de bonnes idées sur ce blog

    bonne journée

    2
    Dimanche 27 Décembre 2015 à 23:15

    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

    3
    Lundi 28 Décembre 2015 à 11:29

    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/
    O
    kay ?

     

    4
    Lundi 11 Janvier 2016 à 08:48

    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

    5
    Lundi 11 Janvier 2016 à 22:00

    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

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    6
    Lundi 14 Mars 2016 à 19:40

    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

    7
    Jeudi 25 Février 2021 à 11:34

    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

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :


//script feuille de style suppl