Su cuenta de Webs.com proporciona características, como plantillas de página prediseñadas, que le permiten publicar sus sitios web comerciales y personales sin ningún conocimiento de codificación. Sin embargo, si conoce las hojas de estilo en cascada o CSS, puede crear códigos personalizados en su lugar. CSS le brinda control total sobre el diseño y el diseño de las plantillas de su sitio web para que pueda crearlas desde cero o modificar los diseños existentes. Use los menús en Webs.com para aplicar el CSS que hace que sus páginas se destaquen.
Paso 1
Inicie sesión en su cuenta de Webs.com y haga clic en la pestaña "Modificar plantilla" en el barra de menú en la esquina superior derecha.
Paso 2
Haga clic en el enlace "Cambiar plantilla" que aparece debajo del menú principal, luego haga clic en la opción "Todo" que se muestra en el lado izquierdo. Esta acción presenta todas las opciones de plantilla disponibles en Webs.com.
Paso 3
Desplácese a la derecha de las opciones de plantilla y haga clic en el cuadro "CSS personalizado". Haga clic en la pestaña "CSS avanzado" que aparece para que aparezca un cuadro de texto donde ingrese sus reglas de estilo.
Paso 4
Escriba su código CSS personalizado para diseñar su plantilla de Webs.com. Por ejemplo, especifique el color de fondo del cuerpo, que controla la apariencia general de su página, como en el siguiente ejemplo: body {background-color: #cccccc; }
Haga clic en el botón "Guardar" en la esquina superior derecha. Haga clic en el botón "Ver mi sitio" en la ventana de diálogo que se muestra para ver el CSS personalizado publicado en su sitio web de Webs.com.
Consejos
Personalice la altura de su encabezado, que es el banner superior en su página, ingresando "# fw-head {height: px;}" y escribiendo un valor de número deseado después del atributo de altura. Por ejemplo:
# fw-head {height: 300px; }
Aplique un color a los elementos del menú en su barra de navegación escribiendo "# fw-nav-menu li {color:;}" e ingresando un valor de color después del atributo de color. Por ejemplo:
# fw-nav-menu li {color: # c0c0c0; }
Formatee el tamaño del título que aparece sobre el área de contenido principal de su página ingresando ".fw-title {font-size: px;}" y escribiendo un número después del atributo de tamaño de fuente, de esta manera:
.fw-title {font-size: 18px; }
Diseñe la apariencia de fondo de su barra lateral, que es la columna vertical en el lado derecho o izquierdo de su página, escribiendo "# fw-sidebar {background-color:;}" e ingresando el valor de color deseado. Para ilustrar:
# fw-sidebar {background-color: ffff00; }
Personalice la sombra de sus hipervínculos ingresando "a: link {color:;}" y escribiendo un valor de color, como en el siguiente ejemplo:
a: link {color: # 00ffff; }
[Cómo hacer un CSS personalizado para Webs.com] URL: http://www.ordenador.online/computadora/Software/254746.html