XHTML/CSS

Finalmente mi piace

E' trascorso più di un mese da quando ho scelto di usare Drupal al posto di Wordpress ed ora ho finalmente realizzato un nuovo stile per FiNeX.org.

Le ultime grafiche erano un po' troppo banali e grezze: il caldo e la poca disponibilità di tempo non mi hanno per nulla aiutato.

Ora sono soddisfatto. Tra l'altro sono riuscito a creare un foglio di stile che funzioni su molti browser. Ho testato con successo il sito con i seguenti software:

Finalmente mi piace #finex Clicca per Twittare

Rollover, dai Javascript ai CSS

In giro per il web ci sono numerosi documenti che spiegano come impostare il rollover delle immagini nelle pagine web. Si trovano metodi a volte anche molto complessi per gestire una cosa che in realtà è veramente banale. Questi sono i due metodi che preferisco.

Metodo con javascript

Si utilizzano gli eventi onmouse* dell'oggetto img per cambiare il parametro src dell'oggetto stesso:


img onmouseover="this.src='img_over.jpg';"
onmousedown="this.src='img_down.jpg';"

Rollover, dai Javascript ai CSS #finex Clicca per Twittare

A first look to the DOM model

Questo articolo l'ho scritto in inglese, me ne sono accorto quando ero arrivato circa a metà... non chiedetemi il perchè, perdonatemi i probabili errori di grammatica, ma non avevo voglia di riscrivere in italiano tutto quanto.



DOM Introduction

A first look to the DOM model

DOM means Document Object Model. It's a model of how XML and HTML are represented in a tree structure.
DOM is a platform neutral interface that will allow programs and scripts to dynamically access and update the content, structure and style of documents. The document can be further processed and the results of that processing can be incorporated back into the presented page.

A first look to the DOM model #finex Clicca per Twittare

CSS design

L'ispirazione sullo Zen Garden è stata trovata ed ho pure trovato qualcuno che mi da una mano per il sito Zamasband. Ora la grafica procede a gonfie vele (quasi). Devo scegliere che trama inserire come "sfondo" e come rendere il menu laterale di navigazione, probabilmente ci si potrebbero mettere dei bordi o qualcosa di simile.

CSS design
CSS design #finex Clicca per Twittare