Sabrine Blog

Questo è il blog di Sabrine, illustratrice e webdesigner. Qui potrete trovare di tutto di più, comprese risorse per la grafica, curiosità ecc.
Donate for resources

Questi miei disegni sono coperti da copyright, se volete pubblicarli nel vostro blog, contattatemi prima.

        

        

[Visualizza tutti i disegni]

In Rilievo

Premio Splinder Golden Blog
E' ufficalmente aperto il concorso Golden Blog, un premio consegnato da me al blog di splinder con la grafica più bella, curata, accattivante... [continua]

Catena di parole
Visto che il tempo oggi passa troppo lento, vi propongo qui il gioco delle associazioni di parole. Come funziona? semplice... [continua]

SOCIAL BOOKMARKS

Add to Technorati Favorites Furl this page StumbleUpon Toolbar Stumble It!

Commenti recenti

utente anonimo in "Mandragora"

Da visitare

About

Questa sono io!

Io :)

Nome: Sabrina
Eta': 25 anni
Nata a: Trieste
Lavoro: Webdesigner ed Illustratrice

Foto

coming soon

Risorse

texture

COUNTER

Sei il visitatore numero *loading*!

MAPPA ACCESSI

Locations of visitors to this page

LICENZE

Stamps

©2008 by Sabrine - sabrine.splinder.com - Per chi non ama lo spam. ©2008 by Sabrine - sabrine.splinder.com - Stop Ripping.

©2008 by Sabrine - sabrine.splinder.com - Blogger Notturno.
 

Benvenuti!

Rieccoci qui con una nuove veste del blog!
Ho voluto aggiungere qualche categoria in più per dare anche un’utilità a questo blog :)

Ci saranno un po’ di risorse per grafici, aspiranti tali e non solo, qualche tutorial sulla grafica o su qualsiasi altra cosa mi venga in mente, e perché no, qualche buona ricetta ;)

 

Spero quindi parteciperete numerosi a questo blog.
Buona permanenza sul Sab-Blog :)

giovedì, 20 marzo 2008

CSS: Creare liste personalizzate (1)

Ecco qui il primo tutorial sui CSS, per la serie "Code4Noobs" (scherzo scherzo! :D)

Spesso mi è capitato di vedere gente che litigava con le liste, quindi perché non darvi qualche dritta su come personalizzare le vostre liste? :P


Cominciamo dalle basi:

CREARE UNA LISTA


Questa è una semplicissima lista, così come appare standard:



NB: Io ho dato degli stili particolari al mio blog, quindi i link non si vedono con il solito sottolineato blu

Per facilitarci le cose, chiameremo il div che conterrà la lista "lista_container" e la lista vera e propria "lista".



HTML

<div id="lista_container">
   <ul id="lista">
      <li><a href="#">Voce 1</a></li>
      <li><a href="#">Voce 2</a></li>
      <li><a href="#">Voce 3</a></li>
      <li><a href="#">Voce 4</a></li>
   </ul>
</div>


Per ora non scriveremo ancora nel nostro CSS



Ed ecco la prima personalizzazione che facciamo...




Olé! Come abbiamo fatto? semplice! inserendo questo comando nel nostro CSS :P:


CSS

#lista li { list-style-type: square; }


La prossima volta impariamo ad usare le immagini come elenco puntato!
Spero vi sia di aiuto questo post :)

postato da: Sabrine alle ore 12:00 | link | commenti (11)
categorie: tutorials

Commenti
#1    24 Marzo 2008 - 13:59
 
Io ho visto gente litigare con le liste di nozze, non so se i CSS potranno tornargli utili... :-P
Utente: Contattami Guarda il mediablog (foto, audio e video) di questo utente. Blocca questo utente ilgattosilver

#2    10 Giugno 2008 - 20:30
 
Complimenti per il blog: bellissimo.
Solo una curiosità... Come hai fatto per mettere la tag cloud ?
Utente: Contattami Guarda il mediablog (foto, audio e video) di questo utente. Blocca questo utente ecasali

#3    10 Giugno 2008 - 20:40
 
basta che dentro il tag $BlogTags$ scrivi format="cloud" ;)
Utente: Contattami Guarda il mediablog (foto, audio e video) di questo utente. Blocca questo utente Sabrine

#4    11 Giugno 2008 - 11:39
 
wow !
cavolo quanto è semplice.
io mi sono attrezzato con una soluzione abbastanza orrenda.

Grazie !
Utente: Contattami Guarda il mediablog (foto, audio e video) di questo utente. Blocca questo utente ecasali

#5    28 Luglio 2008 - 08:26
 
E' un blog davvero utile e interessante, grazie di tutti i consigli che dispensi!

Inachis
Utente: Contattami Guarda il mediablog (foto, audio e video) di questo utente. Blocca questo utente inachisio

#6    31 Dicembre 2008 - 11:13
 
cm fac a cambiare colore?
*°fabiola°*
utente anonimo

#7    25 Gennaio 2009 - 16:24
 
tag cloud? cosa sarebbe?

scusa se mi intrometto, sono capitata per caso e siccome mi sto dedicando all'html e al css (nel mio piccolo, insomma cerco di capirci qualcosa provando e riprovando) e devo dire che davvero qui si trovano cose utili e interessanti.
grazie!
Utente: Contattami Guarda il mediablog (foto, audio e video) di questo utente. Blocca questo utente annullata

#8    25 Gennaio 2009 - 16:28
 
per farti un esempio pratico, è quella roba scritta un po' in grande e un po' in piccolo nel primo riquadro della colonna di destra del mio blog alla voce categorie :) il modo di mettere così le categorie (o i tag) si chiama appunto Tag Cloud ^^
Utente: Contattami Guarda il mediablog (foto, audio e video) di questo utente. Blocca questo utente Sabrine

#9    26 Gennaio 2009 - 11:17
 
ah, bello!
però io non ce la faccio a metterlo... ma dov'è esattamente che bisogna mettere format="cloud"? dove c'è il div della classe? no, perchè non funziona, infatti...
help....
Utente: Contattami Guarda il mediablog (foto, audio e video) di questo utente. Blocca questo utente annullata

#10    26 Gennaio 2009 - 15:24
 
dentro il tag $BlogTags$ :) prima della chiusura >
Utente: Contattami Guarda il mediablog (foto, audio e video) di questo utente. Blocca questo utente Sabrine

#11    27 Gennaio 2009 - 19:19
 
FANTASTICO!!! FUNZIONA!!!!!!
sei un mito, grazie!
Utente: Contattami Guarda il mediablog (foto, audio e video) di questo utente. Blocca questo utente tytania

Commenti