Menú Cerrar

Pongamos un icono con texto e imágenes libremente con CSS:: Before,:: After

:: Before {Content "} o:: After {Content"} es un selector virtual muy útil cuando no tiene control directo sobre HTML (elemento plug-in Said. exe) y desea alimentar atributos comunes a dichos elementos.

Utilice las siguientes propiedades:: antes y Content "" para poner el contenido que desea insertar.

    :: Antes y:: después del uso en CSS real

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

Comentarios

Si desea poner algo delante de la respuesta de nombre de clase anterior, puede hacerlo añadiendo CSS.

. Reply:: Before {
  Contenido: "This is a"
  }
Comentarios

Este contenido: Si quieres dar una propiedad al elemento, entonces puedes hacerlo.

  . Reply:: Before {
  Contenido: "This is";
  Font-weight: negrita;
  Font-style: cursiva;
  }
Comentarios

El texto así como el fondo: URL ("dirección de imagen") no-REPEAT; insertar la dirección de imagen como, width: 16px; También puede definir el ancho y el alto para incluir imágenes utilizando la altura: 16px; y así sucesivamente, o utilizar iconos CSS como el icono de CSS impresionante.

  . Reply:: Before {
  Contenido: "f044";
  Fuente: normal normal normales 16px/1 fontawesome;
  Margin-right: 5px;
  }
Comentarios

(Tenga en cuenta que los emoticonos CSS delante de los comentarios en el ejemplo se utilizan realmente en la ventana de comentarios del sitio Gkkmon.)

    :: Antes y:: después de las aplicaciones

Puede utilizar esta función para personalizar su sitio o blog de diversas maneras. Puede insertar un icono delante de ciertos elementos, como el que utiliza Gkkmon.<li></li>También puede hacer la misma lista.

La mejor parte de todo es que usted puede cambiar partes de los plug-ins que usted no sabe o qué elementos HTML que no desea cambiar (Gkkmon) que está utilizando en el sitio (el perro Honey-Mon) es un plugin para WordPress jetpack (Jet Pack).

Después de haber aplicado esto y descubierto el nombre de la clase, como clic derecho → elemento de inspección, para reemplazar el sitio de su propia, vamos a personalizar a su gusto.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Posted in All,Wordpress

이메일 구독 - Email Subs

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