Fare internet – il blog di webtocom.com

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su FriendFeed Seguici su Twitter      Iscrivita ai nostri Feed      Mandaci una mail

Archivio per la categoria ‘Web design’

CSS: ottenere un doppio bordo sulle immagini.

Scritto da Fare-internet il 29 settembre 2010

Ottenere un doppio sfondo su un’immagine è molto semplice, basta sfruttare contemporaneamente bordo, background e padding.

Assengando colore, dimensione e tipo al bordo dell’immagine (o di qualsiasi altro elemento) otteniamo il bordo vero e proprio:

border:#9C6 8px solid;

E quindi un bordo l’abbiamo realizzato, per realizzare il secondo (il più interno) dobbiamo contemporaneamente assegnare un padding e uno sfondo:

background:#960;
padding:15px;

Read the rest of this entry »

jQuery: Conoscere la posizione di un oggetto in una pagina

Scritto da Fare-internet il 7 settembre 2010

In questo breve articolo vogliamo illustrare come conoscere la posizione di un oggetto all’interno della pagina.
jQuery ci mette a disposizone 2 metodi.

Il metodo offset() consente di conoscere la distanza dall’alto e da sinistra di un elemento dalla pagina, mentre il metodo position() ci consente di conoscere la distanza di un oggetto da quello che lo contiene.

La sintassi è la stessa per entrambi i metodi.
Faremo un esempio di offset() per un oggetto posizionato in maniera assoluta, in modo da renderci immediatamente conto della correttezza di quanto realizzato.
Per prima cosa definiamo le regole css per l’oggetto di cui vogliamo conoscere la posizione.

Read the rest of this entry »

Centrare un box con i css

Scritto da Fare-internet il 15 gennaio 2010

Vediamo come è possibile cenrtare orizzontalmente e verticalmente un box con l’utilizzo dei css.
In questo esempio utilizzeremo il tag div e una classe css, niente ci vieta di utilizzare un altro tag che abbia display block e magari definire invece di una classe in id css. In ogni caso a livello logico se stiamo definendo un box il tag opportuno dovrebbe essere il div

Per prima cosa definiamo l’HTML

<div class="elementoCentrato"></div>

Read the rest of this entry »

Tag: , ,  

Open source web design – OSWD

Scritto da Fare-internet il 6 gennaio 2010

Open source web design (OSWD) è un sito web contenente una serie, molto ampia, di design di siti web scaricabili e utilizzabili liberamente.
Può essere anche utilizzato per prendere l’ispirazione per la realizzazione di un propeio layout di sito web

L’indirizzo di riferimento è: http://www.oswd.org/

I posti più popolari