Un poco de CSS a lo bruto para Velneo V7

Gracias a las ultimas tecnologías podemos usar hojas de estilos para determinar como se vera una pagina web o un programa.

Velneo también incorpora la utilización de CSS a su manera.

En Velneo tenemos la opción de incorporar CSS desde los Eventos o desde una hoja de estilo importada desde la línea de comandos.

Guardando el archivo de CSS en el mismo directorio que el vClient o el vDevelop y haciendo una llamada desde la línea de comandos o en el acceso directo, podemos hacer que nos cargue la hoja de estilos.

vdevelop -stylesheet=ejemplo.css

Con esta adición podemos cargar la hoja de estilos. Pero el archivo ejemplo.css debe estar siempre en la misma carpeta que vDevelop.

Pero para etiquetar en CSS necesitamos saber cuales son los selectores que usa Velneo para poder asignarle las propiedades.

Podemos ver el listado completo en la web de Qt.

Algunos de los que mas se usaran serán:

QCheckBox
QCheckBox
QComboBox
QDialog
QLabel
QLineEdit

Pero para poder aplicar bien las reglas en el CSS debemos de saber un par de cosas.

Antes de nada debemos saber como se construye una regla en CSS.

La sintaxis seria de la siguiente manera:

selector { reglas }

Como podemos ver primero debemos de indicar cual será el selector que seguirá la regla.

En HTML podíamos indicar identificadores y clases y así en las etiquetas indicar cual seria la regla que debería seguir.

En Velneo no tenemos esta posibilidad, al menos de momento, así que tendremos que indicar un CSS muy genérico con respecto del potencial que puede aportar.

Podemos dar la misma regla para varios selectores al mismo tiempo indicando todos y cada uno de ellos simplemente separándolos por un coma.

QLabel, QLineEdit, QCheckBox { color: red; }

De esta manera si queremos que varios elementos tengan el mismo color solo tendremos que indicar una regla en lugar de muchas.

Una de las opciones que tiene el CSS es la utilización de selectores descendentes.

Un selector descendente indica que todas las etiquetas adyacentes a la primera adoptaran las mismas propiedades.

p a span em { color: red; }

Como vemos todas las etiquetas que estén dentro de “p” y sean “a”, “span”, “em”, adoptaran el mismo color, pero no las etiquetas que estén fuera de “p”.

Es como una herencia de propiedades entre el padre y los hijos.

Esto no se puede hacer en Velneo propiamente dicho. Se puede intentar haciendo uso de los “Layers” o “Capas” y que todos los subyacentes a este adopten dichas propiedades.

Todo esto esta muy bien pero teniendo en cuenta que con CSS podíamos crear opciones para clases o para identificadores esto no se puede hacer en Velneo.

Para tratar la interface en Velneo tenemos solo 2 opciones actualmente.

La primera es meterle el CSS desde la línea de comandos.

La segunda desde los eventos.

Bajo mi punto de vista deberían de dejarnos la opción de subir directamente un archivo CSS y que toda la plataforma que creemos pudiera heredar esa hoja de estilos.

Puede que lo tenga pero todavía no lo he visto.

Bueno hasta aquí por hoy, ya otro día mas.

Anuncios

Acerca de NexusFireMan

Conocedor de las nuevas tecnologías, Community Manager, Bloger, Wordpress, Velneo, Social Media y encandilado con Android.

Publicado el 02/02/2010 en CSS, Velneo y etiquetado en , , , , , , , , , , . Guarda el enlace permanente. 1 comentario.

  1. Que buen articulo introductorio al tema, vamos aprendiendo en conjunto sobre V7

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: