Índice

Personalizar los elementos de una plantilla TEMPLATE:Personalizar los elementos

Puesto que puede editar las hojas de estilo, no hay límites a las modificaciones y adiciones de aspectos personalizados para los elementos. Si, por ejemplo, desea agregar un borde rojo alrededor de algunas imágenes, puede proceder de la siguiente manera:

Seleccione Extensiones - Gestor de plantillas y haga clic en la ficha Plantillas.

Haga clic en Detalles de la plantilla que desea editar. Por último, en el cuadro Hojas de estilo, haga clic en la línea del CSS que desea modificar.

Hemos elegido el CSS Layout que suele ser el encargado de definir las principales líneas del diseño de las páginas.

Agregue la siguiente línea al final (para facilitar la búsqueda posterior): .cambioborde{border:5px solid #990000;}

Traducción: se crea una Clase que llamada cambioborde y que tiene por atributos un grosor de línea continua de 5 píxeles con un color rojo oscuro:

images/TEMP-017.png

Haga clic en Guardar y cerrar.

A continuación, edite un contenido o una imagen como, por ejemplo, nuestro artículo destacado en la página principal.

Haga clic en Fuente HTML en la barra del editor, busque la etiqueta de la imagen (que comienza con <img...).

Añada class="cambioborde" en el interior de esta etiqueta. Actualice y guarde el artículo.

images/TEMP-016.png

La imagen ahora estará rodeada por el borde que desea:

images/TEMP-015.png

En el capítulo dedicado a HTML encontrará toda ...