Astuces en Vrac

Ici se retrouveront tout un tas de petites astuces qui ne méritent pas un billet complet, ce billet sera régulierement mis a jour, la date de la dernière mis a jour est

~>(23 Août - 15h26)

Bordure sur une image Cliquable / Bordure sur une image dans un Post / Personnaliser les liens hypertextes (thème) / Personnaliser les liens hypertextes (sur un point particulier) / Souligner d'une couleur différente

Bordure sur une image cliquable

cela se trouve dans le Css sur la balise

a img {
border-width:0px;
}

Ceci pour ne pas mettre de bordure

Sans Bordure

Avec Bordures

Bordure sur une image dans un post (billet)

cela se trouve dans le Css sur la balise

.post img {
margin:0 0 0 0;
padding:4px;
border:0px;
}

Simplement pour montrer que l'on peut aussi agir sur la mis en page, ici l'image sera automatiquement décallée à 4px du bord

Sans Bordure

Avec Bordures

Personnaliser les liens hypertexte

(sur l'ensemble de la page)
cela se trouve dans le Css sur les balises

• a:link {
  color:#9966ff;
  text-decoration: none;
  }
  
  => Couleur du lien



• a:visited {
  color:#9966ff;
  text-decoration: none;
  }
  
  => Couleur du lien Visité



• a:hover {
  color:#990099;
  text-decoration: underline;
  }
  
  => Couleur du lien au Survole de la souris

Ceci est un lien classique, conforme a mon theme

Personnaliser les liens hypertexte

(sur un point particulier)
On peut avoir besoin de mettre un lien sur un titre, un commentaire ou tout autre point particulier, qui diffère du code couleur adopté.
Je prends comme exemple le titre du billet (post-title), pour personnaliser un lien sur le titre, il me suffit d'ajouter dans le Css

• .post-title a:link {
  color:#FFFFFF;
  }
  => Couleur du lien sur le Titre



• .post-title a:visited {
  color: #FFFFFF;
  text-decoration:none;
  }
  => Couelur du lien sur le Titre Visité



• .post-title a:hover {
  color:#FFFFFF;
  text-decoration: underline;
  }
  => Couleur du lien du Titre Survolé par la souris

Ceci est un lien spécialement conçu pour les titres

Souligner d'une couleur différente

C'est en fait une ruse, on peut utiliser les bordures
Par exemple sur un lien survolé, au lieu d'utiliser l'attribut text-decoration de valeur underline on ecrit

a:hover {
color:#990099;
border-bottom: 1px solid #FF3333;
}

Ou alors directement dans une ligne de texte
<font style="border-bottom:1px solid green">Ce qui donne ce résultat</font>

Ce qui donne ce résultat

Bordure sur une image Cliquable / Bordure sur une image dans un Post / Personnaliser les liens hypertextes (thème) / Personnaliser les liens hypertextes (sur un point particulier) / Souligner d'une couleur différente