CSS : personnalisation des liens
Friday, 19. October 2007, 07:32:49
Un autre très bon article sur les feuilles de styles en cascade (CSS), qui pourrait se résumer de la manière suivante :
Evidement nous pensons à remplacer .ext par le type d'extension que nous souhaitons et ext.png par l'image que l'on désire !
Nous pouvons faire de même avec les protocoles de la manière suivante :
Et dans la logique des choses on remplace protocole: par l'adéquat (exemple : mailto:, https:, etc..) voir même des protocoles de messageries instantanées (aim:, msnim, etc.).
C'est évidement une « solution » très web 2.0 qui nous permet de peaufiner aussi l'effet suivant :
a[href $='.ext'] { padding-left: 22px; background: transparent url(img/ext.png) no-repeat center left;}
Evidement nous pensons à remplacer .ext par le type d'extension que nous souhaitons et ext.png par l'image que l'on désire !
Nous pouvons faire de même avec les protocoles de la manière suivante :
a[href ^="protocole:"] { padding-left: 22px; background: transparent url(img/protocole.png) no-repeat center left;}
Et dans la logique des choses on remplace protocole: par l'adéquat (exemple : mailto:, https:, etc..) voir même des protocoles de messageries instantanées (aim:, msnim, etc.).
C'est évidement une « solution » très web 2.0 qui nous permet de peaufiner aussi l'effet suivant :
a[hreflang]:after { content: "\A0("attr(hreflang)")"; }
WIDGETIZE