11 nov. 2010

(Blogger) Modifier le lien Lire la Suite

Le lien Lire la Suite apparaît lorsque vous avez activé la fonction résumé :

Pour modifier son design, vous devez vous rendre dans votre CSS : Présentation > Modifier le code HTML
Lorsque la ligne n'existe pas, vous la créez ; lorsqu'elle existe, vous la complétez.

MODIFICATION DE LA POLICE

.rmlink a {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}
Vous effacez ou modifiez ce dont vous ne voulez pas, sachant que
text-align : center centre le texte
text-align : left positionne le texte à gauche
text-align : right positionne le texte à droite
text-align : justify justifie le texte à droite

color : red modifie la couleur de la police, voir les codes couleurs

font-weight : bold transforme la police en gras
font-weight : normal transforme la police en normal

text-decoration : underline souligne le texte
text-decoration : none enlève le soulignement

font-size : 20px fixe la taille de la police

font-style : italic transforme la police en italique

font-family : Comic Sans MS sélectionne la police
MODIFICATION DU FOND
.rmlink a {background-color:red;background-image:url(adresse de la texture);background-image:url(adresse de l'image);background-repeat:no-repeat;background-position:center;}
Vous effacez ce qui ne vous convient pas, sachant que
background-color : red met une couleur dans le fond, voir les codes couleurs
background-image : url(adresse de la texture) met une texture qui se répète dans le fond
background-image : url(adresse de l'image);background-repeat:no-repeat; background-position:center met une image centrée qui ne se répète pas
Pour en savoir plus sur les background

AJOUT D'ENCADREMENTS
.rmlink a  {border:solid 1px #D8D7D7}
Pour en savoir plus sur les bordures : créer vos encadrements

ASTUCE

Si vous désirez placer une flèche à droite du lien


.rmlink a {background:url(http://2.bp.blogspot.com/_RpcwHx8W2XM/TNuQwKDBxEI/AAAAAAAAAxc/wjHyJNjsjZ0/s1600/LireLaSuite3.png);background-position:center;background-repeat:no-repeat;padding:12px;}

17 commentaires:

  1. Salut Annak, dans la série très intéressante des "Modifier les ...." tu saurais pas par hasard comment modifier le lien : S'abonner par e-mail ? celui qui est juste là en dessous....
    C'est moi qui aurai besoin d'un psy tellement je tourne en rond....
    Merci pour toutes tes ficelles

    RépondreSupprimer
  2. Bonjour Phil, désolée, mais cette ligne semble appelée par du javascript et je n'arrive pas à la modifier par le CSS. Je voulais aussi la mettre davantage en valeur car elle n'est pas très visible là où elle est.

    RépondreSupprimer
  3. Merci pour cet info mais ou faut il placer la ligne si elle n'y est pas, car je l'ai mise juste avant la fin du code css et ca n'a rien changé

    RépondreSupprimer
  4. Bonjour Audrey :) tu as pensé à activer la fonction ? http://les-nouvelles-ficelles-d-annak.blogspot.com/2010/08/blogger-ajouter-la-fonction-lire-la.html

    RépondreSupprimer
  5. Salut Annak, ma newsletter n'est toujours pas opérationnelle à 100 % ! Arf, il faudrait simplement qu'un résumé s'affiche au lieu que ce soit l'article en entier. J'y arriverai bien. :)

    C'est dommage parce que j'ai plein de projets comme écrire en tant qu'invité chez de grands blogs mais sans une newsletter correcte, c'est un peu dommage.

    Tiens si ça t'intéresse : http://www.topito.com/top-10-des-voitures-aux-carrieres-a-rallonge

    Et toi quoi de neuf ?

    Bonne soirée. :D

    RépondreSupprimer
  6. Merci Anna
    Comment peut on faire pour mettre le nombre de commentaires juste à côté du lire la suite ???

    RépondreSupprimer
  7. Bonjour Michaël :)
    En suivant l'article http://les-nouvelles-ficelles-d-annak.blogspot.com/2010/10/blogger-ajouter-une-bulle-avec-le.html
    et en modifiant la fin . En collant

    < a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>< /a>

    après
    < /div> < script type='text/javascript'>createSummaryAndThumb("summary");< /script> < span class='rmlink' style='float:right;padding-top:20px;'>< a expr:href='data:post.url'> Lire La Suite...< /a>< /span> < /a>

    RépondreSupprimer
  8. Bonjour, très joli blog que tu as là :)
    Je ne vois pas ou placer la ligne de code, j'ai essayé à divers endroit mais ça ne fonctionne pas, dommage car la personnalisation est très bien expliquée

    RépondreSupprimer
  9. Ma boîte à bijoux, elle, a accueilli un bracelet et deux bagues! (en ce qui concerne ces photos parce que d'autres robes de retour ont rejoins la dîtes boîte...)Point de look aujourd'hui parce que depuis ce matin 9heures mes alliés sont les robes de retour paquets de mouchoirs...! Donc je suis dans un état assez épouvantable et en plus il pleut! Ca faisait longtemps robes de retour

    RépondreSupprimer
  10. coudre une version, rose donc, de la robe J du livre 8. Quelques plis à la place des fronces, trois robes de bal boule boutons devant pour décorer dans un esprit Colombine et voilà le travail :Les habitués de la maison robes de bal auront reconnu la jumelle de la robe des deux ans, ben oui, j'ai encore des stocks de velours rose robes de bal

    RépondreSupprimer
  11. L'image est inaccessible.

    RépondreSupprimer
  12. Bonjour Annak ,
    J'ai copier/coller votre code pour la modififier mon lien "lire la suite" mais rien ne change ....
    merci

    RépondreSupprimer
  13. Coucou!
    Voilà je me lance sur Blogger pour un blog perso (j'en ai déjà crée dans le cadre scolaire) et il a juste un détail qui m'échappe et que je n'ai su résoudre; voilà ce blog est le seul qui a ce que je recherche!! je souhaiterais publier plusieurs messages dans mes différentes pages mais je peux en rédiger qu'un seul!! Serait-il possible de me donner un coup de main ? Bonne soirée :)

    RépondreSupprimer
  14. Ce commentaire a été supprimé par un administrateur du blog.

    RépondreSupprimer
  15. bonjour,

    j'ai un petit problème dans mon blog, c'est que je veux modifier l'expression "Enregistrer un commentaire" qui se trouve juste au dessus de l'espace d’écriture des commentaires

    Merci Merci Merci Merci :)

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)