¿Cuántas veces nos sucede que queremos definir un estilo CSS para el texto de toda o alguna parte de nuestra web y nos liamos con los codes? Con CSS Type Set los problemas, al menos de este tipo, se acabaron!. Este sitio web nos permite construir en la izquierda de la pantalla el texto con todo el formato que deseamos y en la derecha veremos el CSS generado listo para colocar en nuestro sitios. En esta entrada veremos como aplicar este sitio a PWG, más puntualmente al diseño "Iceblue", igualmente vale aclarar que es compatible con todos los diseños y que puede ser aún más provechoso en "CSS Design". Lo que haremos será diseñar un estilo textual para cambiar el mismo en toda nuestra página.
1- Generando el código CSS de nuestro texto: en el box derecho debemos escribir un texto de prueba y luego darle formato con las herramientas de Fuente, tamaño, color, decoración y espaciados. Nosotros hemos elegido:
2- Formando el código: Copiaremos el código de "View CSS" y lo pegaremos entre los siguientes códigos:
<style type="text/css">
td{
AQUI PEGAS EL CODE GENERADO
}
</style>
En nuestro caso quedaría así:
<style type="text/css">
td{
font-family: georgia,serif;
color: #FF0000;
font-size: 12px;
font-weight: bold;
}
</style>
3- Instalación: ahora solo resta pegar el código en nuestras páginas. Para eso dirígete a tu Kit de Construcción y presiona la pestaña "Editar diseño". Luego hacemos click en "Configuraciones avanzadas" y allí encontraremos "Texto por encima de la página" donde pegaremos el código. Luego solo resta dar click a "Guardar" y ver los resultados:
Espero les sea útil ;)
¡Hasta pronto!
Mostrando entradas con la etiqueta texto. Mostrar todas las entradas
Mostrando entradas con la etiqueta texto. Mostrar todas las entradas