Cómo crear estilos personalizados para pegajosa, categoría, así como tag puestos

Video: Tutorial LibreOffice Writer - 10/40 Estilos de párrafo, carácter y lista. Aplicar y crear estilos

Se puede utilizar una etiqueta personalizada para mostrar los estilos personalizados para mensajes pegajosas (Mensajes que se quedan en la parte superior de tu blog de WordPress en todo momento), categorías y etiquetas en su blog. Esa etiqueta especial es el siguiente:

Video: Como hacer una tag o firma de graffiti

La parte de esa etiqueta de plantilla que es tan bueno es el post_class () sección. Esta etiqueta de plantilla le dice a WordPress para insertar el formato HTML específico en su plantilla que le permite utilizar CSS para hacer estilos personalizados para los mensajes pegajosas, categorías y etiquetas.

Video: Como hacer distintos estilos de tags

Por ejemplo, los mensajes pueden ser publicados con las siguientes opciones establecidas para ello:

• Se adhieren a este Mensaje la Portada

• Archivado en una categoría llamada WordPress

• Etiquetadas con Noticias

Al tener la post_class () etiqueta en su plantilla, WordPress inserta formato HTML que permite el uso de CSS con el estilo de los mensajes adhesivas, o puestos asignados a las etiquetas o categorías específicas, de manera diferente. WordPress añade el siguiente formato HTML del mensaje:

Usted puede ir a su archivo CSS y definir estilos para los siguientes selectores CSS:

• .enviar: Use esto como el estilo genérico para todas las entradas de tu blog. El CSS de esta etiqueta es

  .puesto {background: # frontera ffffff-: 1px solid relleno de plata: 10px;}

  Este estilo hace que todos los mensajes tienen un fondo blanco con un borde fino de plata y 10 píxeles de espacio entre el texto de relleno posterior y el borde del poste.

  Video: Curso de Microsoft Word 2010. p07 crear estilos

• .pegajoso: El concepto de clavar un poste a su portada es llamar la atención sobre ese puesto, por lo que es posible que desee utilizar un estilo diferente CSS para hacer que se destaque del resto de las entradas de tu blog:

  .pegajosa {background: # frontera ffffff-: 4 píxeles de relleno sólido rojo-: 10px;}

  Esto crea un estilo para todos los mensajes pegajosas que consiste en un fondo blanco, un borde rojo más grueso, y 10 píxeles de espacio de relleno entre el texto y el borde posterior del poste.

• .Categoría-wordpress: Digamos que tienes un blog mucho sobre WordPress. Sus lectores pueden apreciar que si se les da una señal visual a la que entradas de tu blog son sobre ese tema. Puede hacerlo a través de CSS contando WordPress para mostrar un pequeño icono de WordPress en la esquina superior derecha de todos los puestos de la categoría de WordPress:

  .wordpress-categoría {background: url (wordpress-icon.jpg) arriba a la derecha de no repetibilidad altura: 100px; anchura: 100px;}

  Este código inserta un gráfico - wordpress-icon.jpg - que es de 100 píxeles de altura y 100 píxeles de ancho en la esquina superior derecha de todos los envíos que ha asignado a la categoría de WordPress en su blog.

• .tag-noticias: Puede estilo de todos los artículos etiquetados con Noticias de la misma manera que has labrado las categorías:

  .tag-noticias {background: # frontera f2f2f2-: 1px solid acolchado negro-: 10px;}

  Este estilos CSS todos los artículos etiquetados con Noticias con un fondo gris claro y un borde negro fino con 10 píxeles de relleno entre el texto y el borde posterior del poste.

Utilizando el post-clase () etiqueta, combinado con CSS, para crear estilos dinámicos para las entradas de tu blog es fácil y divertido!