Archivi categoria: I miei lavori

Customizzazione del blog “Cosmesi Naturale”

Ecco il mio ultimo lavoro, la customizzazione del blog di una mia amica:

http://cosmesinaturale.myblog.it

 

cosmesi.bmp

 

Nel lavoro di personalizzazione sono state effettuate le seguenti operazioni:

  • sostituzione dell’header (la testata) originaria del blog, con la foto di una splendida rosa viola;
  • modifica del tipo e dimensione dei caratteri degli articoli del blog;
  • inserimento della licenza creative commons;
  • inserimento dei  contatori delle visite;
  • disposizione dei vari elementi del blog sulle colonne laterali.

Spero che il risultato sia di vostro gradimento, attendo vostri commenti

Calendario 2011: la storia del computer… dall’abaco al netbook

Come lo scorso anno, anche quest’anno, il blog Programmi free regala ai suoi lettori il calendario dell’anno che è alle porte con l’augurio di trascorrerlo in modo sereno e felice.
Per il calendario del 2011 ho scelto di ripercorrere la storia dei computer dalle origini ai giorni d’oggi, partendo dall’abaco per finire al netbook.
In dodici scatti è stato ricostruito in ordine cronologico il cammino dell’evoluzione del computer, partendo dagli albori rappresentato dall’abaco, passando per il mastodontico ENIAC e per finire al notebook.


SCARICA IL CALENDARIO QUI

 

gennaio
febbraio
marzo
aprile
maggio
giugno
luglio
agosto
settembre
ottobre
novembre
dicembre

Il calendario è stato realizzato con Gimp e utilizzando lo script per il calendario, di cui abbiamo parlato in questo articolo:

Myblog: come creare e inserire un box in un articolo

 

Per realizzare i box interni agli articoli, sono utilizzati per evidenziare concetti o righe di codici, ho utilizzato i CSS (Cascade Style Sheet).

Ho creato il box chiamato “boxemi” con le seguenti caratteristiche:

– float: center (il box è posizionato centralmente)
– width:70% (indica la larghezza del box, il 70% della larghezza di dove è collocato)
– height: auto (la sua altezza si regole automaticamente in base all’altezza del contenuto del box)
– padding: 20px (indica la distanza espressa in pixel che deve avere il contenuto del box dal bordo del box stesso)
– border: 5px (indica lo spessore del bordo del box in pixel)
– border-color: #032c48 (indica il codice esadecimale del colore del bordo del box)
– margin: auto (colloca il box lasciando la stessa distanza dagli altri elementi presenti)

Ecco come si presenta il codice del CSS relativo al box che abbiamo elaborato:

#boxemi {
float:center:
color: #032c48;
width: 70%;
height:auto;
padding: 20px;
border: 5px solid;
border-color:#032c48;
margin:auto;
}

Questo codice andrà copiato nel template del nostro blog e salviamo il tutto, effettuata questa operazione tutto è pronto per poter essere utilizzato.

box.jpg
box1.jpg

Ogni volta che vorremo utilizzare il box per evidenziare qualcosa dovremo usare i seguenti codici:

<div id=”boxemi”> “contenuto da inserire nel box” </div>

Per effettuare questa operazione dovremo cliccare sul pulsante “html” per poter manipolare il codice HTML relativo al nostro articolo.

box2.jpg
box3.jpg

Ecco il risultato a lavoro terminato
box4.jpg


I 7 chakra (versione web)

L’idea di creare una mini enciclopedia web dei 7 Chakra mi è venuta frequentando un corso di Ayurveda… tralasciando le nozioni dell’ayurveda passiamo a descrivere la struttura della pagina web.

La pagina è strutturata in 4 “frame” :

  • la testata
  • il menu’
  • il contenuto relativo alla voce selezionata nel menu’
  • la striscia in basso dove ci sono le note del copyright

Il menu’ è gestito da uno javascript che mostra il contenuto relativo alla voce selezionata nel menu’, l’immagine cliccabile dei chakra è stata realizzata con Gimp (cliccare qui per altre informazioni) utilizzando l’opzione di mappatura HTML.

Le varie pagine web che creano i frame sono state realizzate con l’editor HTML Kompozer (cliccare qui per altre informazioni).

Il tutto è stato messo in piedi in un paio d’ore e gratuitamente.

Ecco uno screenshot del lavoro ultimato

i7chakra1.2.png

L’enciclopedia dei chakra è consultabile qui: http://risorsefree.xoom.it//risorsefree/chakra/chakra.html