Tecnología

Inicio

Cómo hacer un tapiz CSS Diario

Si usted tiene una cuenta premium en deviantART, una de las muchas características disponibles para usted es la capacidad de aplicar un aspecto personalizado a su diario el uso de CSS. Puede instalar varias pieles y utilizar diferentes pieles para diferentes entradas de diario. Usted no tiene que escribir uno por su lado; deviantART tiene varios disponibles para la instalación de código libre. Si prefiere diseñar su propio, puede escribir el CSS manualmente o utilizar un generador diseñado especialmente para las pieles de diario deviantART. Todo lo que necesita es una comprensión de estilo CSS y un editor de texto para crear su propia piel.

Instrucciones

1 Crear su piel revista por primera vez en un editor de texto plano. editor de texto integrado del DeviantART para pieles no es tan conveniente para la construcción de código como un editor de texto estándar, ni se le dará la opción de guardar su trabajo en el ordenador.

2 Definir la forma de su entrada en el diario mediante la creación de código para el ".journalbox" clase. Todos los demás elementos se define dentro de esta clase, que abarca toda la entrada de diario. Por ejemplo, si desea un borde negro de tres píxeles, necesita añadir:

.journalbox {border: 3px sólida # 000000; }

3 Modificar la parte superior de la entrada del diario, que contiene el título de la entrada de diario y la fecha en que se publicó, mediante la adición de un estilo de .journaltop:

.journaltop {background: # 000000; de color: #FFFFFF; }

También puede modificar el título de la entrada de diario separado con h2 .journalbox:

.journalbox h2 {color: #fcfcfc; font-size: 40px; text-align: center; }

4 Cambiar el color de sus URL mediante la modificación de un .journalbox:

.journalbox a {color: # E4AE4A; }

Si desea otro color en vuelo estacionario, se puede añadir un: hover:

.journalbox a: hover {color: #FFFFFF; }

También puede establecer los vínculos de comentarios para tener un color diferente:

a.commentslink .journalbottom {color: # AE7AE7; }

Se puede modificar el color de los enlaces de los enlaces visitados (.journalbox a: visited, a.commentslink .journalbottom: visited) y los vínculos activos (.journalbox a: active, .journalbottom a.commentslink: activa).

5 Cambiar el área de texto de la entrada de diario con .journaltext:

.journaltext {font-size: 16px; color: # 000000; fondo: # e8e8e8; }

6 El estilo de los elementos de estado - la "escucha", "Watching" y otros artículos - añadiendo li .list:

.list li {style: none; fondo: transparente; }

Cambiar los colores de los enlaces:

.list li a {color: # 000000; }

7 Copiar el CSS a un aspecto personalizado por ir a su página de la revista y haciendo clic en "Nueva entrada de diario." Elige la piel actual y haga clic en "Editar la piel." Pega el CSS en el cuadro de texto "CSS de la piel". Usted puede agregar un encabezado y un pie de página personalizado en esta página también. Estos se añaden por encima del texto del diario, pero por debajo del título de la revista y por encima de los comentarios enlaces.

8 Haga clic en "Aplicar". Esto le mostrará el estilo personalizado en la página de entrada. Será un simple aspecto personalizado, aunque CSS más avanzado puede crear pieles más complejas. Puede editar su entrada directamente en el estilo. Cuando esté listo para usarlo, haga clic en "Publicar entrada".

Consejos y advertencias

  • Puede crear e instalar una piel revista personalizada, incluso si usted no tiene una calidad de miembro superior en deviantART, pero usted no será capaz de utilizarlo.
  • Si ha introducido ninguna CSS válida, su aspecto personalizado por defecto a la piel normal y verá el aviso "Error CSS" por encima de la piel diario.

Artículos relacionados