Menu Fermer

Mettons une icône avec du texte et des images librement avec CSS:: avant,:: après

:: Before {Content "} ou:: after {content"} est un sélecteur virtuel très utile lorsque vous n'avez pas de contrôle direct sur HTML (élément plug-in said. exe) et que vous souhaitez alimenter les attributs communs à de tels éléments.

Utilisez les propriétés suivantes:: Before et Content "" pour mettre le contenu que vous souhaitez insérer.

    :: Avant et:: après utilisation en CSS réel

<div class="reply">Commentaires</div>

Commentaires

Si vous voulez mettre quelque chose en face de la réponse nom de la classe ci-dessus, vous pouvez le faire en y ajoutant CSS.

. Reply:: Before {
  Contenu: "c'est un"
  }
Commentaires

Ce contenu: Si vous voulez donner une propriété à l'élément, alors vous pouvez le faire.

  . Reply:: Before {
  Contenu: "This is";
  Font-weight: Bold;
  Style de police: italique;
  }
Commentaires

Le texte ainsi que l'arrière-plan: URL ("adresse de l'image") no-repeat; Insérez l'adresse d'image As, width: 16px; Vous pouvez également définir la largeur et la hauteur pour inclure des images à l'aide de la hauteur: 16px; et ainsi de suite, ou utiliser des icônes CSS telles que l'icône CSS Awesome.

  . Reply:: Before {
  Contenu: "f044";
  Police: normal normal normale 16px/1 fontawesome;
  Marge-droite: 5px;
  }
Commentaires

(Notez que les émoticônes CSS devant les commentaires de l'exemple sont réellement utilisées dans la fenêtre commentaires du site Gkkmon.)

    :: Before et:: after applications

Vous pouvez utiliser cette fonctionnalité pour personnaliser votre site ou votre blog de différentes façons. Vous pouvez insérer une icône devant certains éléments, comme celui utilisé par Gkkmon.<li></li>Vous pouvez également faire la même liste.

La meilleure partie de tout est que vous pouvez changer des parties des plug-ins que vous ne savez pas ou ce que les éléments HTML que vous ne voulez pas changer (Gkkmon) que vous utilisez sur le site (le chien Honey-mon) est un plugin pour WordPress Jetpack (Jet Pack).

Une fois que vous avez appliqué ceci et figuré dehors le nom de la classe, tel que le clic droit → inspection d'élément, pour remplacer le site de votre propre, nous le personnalisons à votre goût.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

Posted in All, Wordpress

이메일 구독 - Email Subs

최선을 다해 직접 만든 콘텐츠만 공유합니다.
We share the best content we have created.