Personalizando Moin

Como nuevo vecino de este lugar (el-directorio.og) una de las primeras cosas que quiero hacer es modificar el look de la wiki, ¿por qué?, bueno en realidad no me gusta mucho que la wiki se explaye por toda mi ventana a 1280 x 1024, me gustan mucho más los sitios hechos para 800 pixels y centrados, ¿cómo lograrlo?, al registrarme en la wiki en mis preferencias de usuario vi un campo que me llamó la atención, el campo hoja de estilos de usuario, decidido a investigar un poco más del asunto y a cacharrear un rato me lleve la grata sorpresa de poder personalizar el look de el el-directorio.org cuando estoy logueado, así que aquí voy a describir los pasos necesarios para hacer dicha personalización y a mostrar el resultado final (No se hagan muchas ilusiones los cambios son solo para sentirme un poco más cómodo ), talvéz deje támbien los archivos necesarios para que otros puedan descargarlos.

¿Qué se necesita?

* Registrase en la wiki, no funciona si no estás logueado. * Un espacio en la Web para alojar su hoja de estilos, imágenes de fondo, etc. * Algo de conocimiento de hojas de estilo no caería mal (algo muy elemental se explicará).

¿Qué son las Hojas de Estilo?

Las hojas de estilo son unos archivos de texto que se relacionan con un documento(s) Html ( Como el JavaScript), estas hojas de estilo contienen la información de cómo el documento relacionado debe ser visualizado; Anteriormente era normal incluir en un solo documento Html todo el contenido además de las etiquetas de formato como font, y atributos como border, color, etc. Con el paso del tiempo se ha evolucionado en la separación del contenido y la forma de manera que tendremos por una parte nuestro documento Html con todo el contenido y una Hoja de estilos relacionada que le dirá al navegador cómo debe ser mostrado el contenido.

las entradas en las hojas de estilos son de la siguiente forma:

selector {
   propiedad1 : valor1 ;
   propiedad2 : valor2 ;
   .
   .
   propiedadn : valorn ;
}

El selector es una cadena que identifica los elementos (etiquetas) a los que se aplicará el estilo, y las propiedades pues son en si los estilos a aplicar, ejemplo:

p {
   font-weight: normal;
   background-color: grey;
}

este estilo le asignará a todos los parrafos del documento un fondo gris con un tipo de letra normal.

Creando la Hoja de Estilos Personalizada

Publicando sus Cambios

Así se ve

Slo tiene unas cuantas modificaciones menores pero me siento mucho más cómodo con la wiki, probablemente se vea diferente usando IExplorer pero no es un problema ya que uso Firefox y solo yo puedo ver los cambios...

Así es como yo veo el-directorio.org cuando estoy logueado, y usted, ¿Cómo lo ve?

Comentarios

Escriban aquí sus comentarios por favor.

CategoryWiki