Menu Close

Setzen wir eine Ikone mit Text und Bildern frei mit CSS:: vorher,:: nach

:: Vor {Content "} oder:: nach {Content"} ist ein sehr nützlicher virtueller Selektor, wenn Sie keine direkte Kontrolle über HTML haben (Plug-in-Element said. exe) und Attribute, die mit solchen Elementen gemeinsam sind, füttern wollen.

Verwenden Sie die folgenden Eigenschaften:: vor, und Inhalt "", um die Inhalte, die Sie einfügen möchten, zu setzen.

    :: Vor und:: nach der Verwendung in echtem CSS

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

Kommentare

Wenn Sie etwas vor den Klassennamen-Antwort oben setzen wollen, können Sie dies tun, indem Sie CSS hinzufügen.

. Antwort:: vor {
  Inhalt: "das ist ein"
  }
Kommentare

Dieser Inhalt: Wenn Sie dem Element eine Eigenschaft geben wollen, dann können Sie es tun.

  . Antwort:: vor {
  Inhalt: "das ist";
  Schriftgewicht: Fett;
  Font-Style: Italic;
  }
Kommentare

Sowohl der Text als auch der Hintergrund: URL ("Bild Adresse") nicht wiederholen; die Bild Adresse wie, Breite: 16px einfügen; Sie können auch Breite und Höhe einstellen, um Bilder zu enthalten, indem Sie die Höhe: 16px verwenden; und so weiter, oder CSS-Icons wie das awesome CSS-Icon verwenden.

  . Antwort:: vor {
  Inhalt: "f044";
  Schriftart: normal normal normal 16px/1 fontawesome;
  Marge-rechts: 5px;
  }
Kommentare

(Beachten Sie, dass CSS-Emoticons vor den Kommentaren im Beispiel tatsächlich im Gkkmon-Site-Kommentar Fenster verwendet werden.)

    :: Vor und:: nach Bewerbungen

Sie können diese Funktion nutzen, um Ihre Website oder Ihren Blog auf verschiedene Weise zu personalisieren. Sie können ein Icon vor bestimmte Elemente einfügen, wie das von Gkkmon verwendete.<li></li>Sie können auch die gleiche Liste erstellen.

Das beste daran ist, dass Sie Teile der Plug-ins ändern können, die Sie nicht kennen, oder welche HTML-Elemente Sie nicht ändern wollten (Gkkmon), die Sie auf der Website verwenden (der Hund Honey-Mon) ist ein Plugin für WordPress Jetpack (Jet Pack).

Nachdem Sie dies angewendet haben und den Namen der Klasse herausgefunden haben, wie zum Beispiel die Rechtsklick → Element-Inspektion, um die Website Ihrer eigenen zu ersetzen, lassen Sie uns Sie an Ihren Geschmack anpassen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.

Posted in All, Wordpress

이메일 구독 - Email Subs

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