home » CSS, design, graphics

deviantART: una nuova skin per il mio journal

» 17 April 2010post by @liquidskydesign1,970 views

Alla fine ho trovato il tempo anche per fare una skin personalizzata su deviantART; guardando in giro ce ne sono parecchie, validissime e molto spettacolari ma io sono quella incontentabile sempre e comunque =)

Brand is somewhat like your child: take care of it, let him grow and paint it the way you love!

Quindi ho preso una skin basilare, di quelle semplicissime e senza grafica e ho cominciato a costruire un bel po’ di cose; ovviamente ho voluto regalarle l’aspetto di ./lsd, in qualche modo cerco sempre di legare tutto (vedi “The basis of a brand“) e non potevano mancare assolutamente i fiori di ciliegio!
Tra l’altro, questo e’ il periodo della fioritura dei fiori di ciliegio in giappone e la mia amica Rieko (che e’ stata a vederli) mi ha fatto una descrizione tale da farmi venire la voglia di prenotare quattro biglietti per Kyoto =)

Tornando alla skin, qui sotto c’e’ la preview, mentre sulla mia pagina potete trovare il journal in tutto il suo splendore =)
La skin non e’ pubblica, non sono cosi’ brava da metterle online per farle usare dagli altri =)

deviantART skin

E adesso passiamo al codice:

.journalbox {
background:#ccd9c8;
color:#494644;
margin: 0 auto 10px auto;
max-width:950px;
font: 11px Verdana;
padding:10;
border:1px solid #ccd9c8;
}
 
.journaltop {
text-align:center;
background:url(http://www.liquidskydesign.org/da/lsd-da.png) no-repeat top center;
font-variant:small-caps;
font-size:11px;
margin:0;
padding: 0px 10px 130px 10px;
letter-spacing:1px;
color:#716e6c;
height: 303px;
}
 
.journaltop h2 {
margin:0;
padding:1px 0px 5px 0px;
font: Verdana;
font-size:59px;
line-height:49px;
letter-spacing:-6px;
border:none !important;
background-color:transparent;
color:#AEBAAE;
font-weight:bold;
}
 
.journaltop img {display:none;}
 
a {color:#c1232f; text-decoration:none;}
a:hover {text-decoration:none;}
 
.journaltext {
text-align:center;
padding: 5px 20px 20px 20px;
background-color:transparent;
line-height: 16px;
}
 
.quotation {
text-align:center;
padding: 5px 20px 20px 20px;
background-color:transparent;
line-height: 10px;
}
 
.title {
font: Verdana;
font-size:61px;
line-height:70px;
letter-spacing:-6px;
border:none !important;
background-color:transparent;
color:#AEBAAE;
font-weight:bold;
}
 
.journalbottom {
background: url(http://www.liquidskydesign.org/da/lsd-da1.png)
no-repeat top center;
padding: 40px 20px 0 20px;
height: 49px;
height:89px;
font: 14px Verdana;
letter-spacing:1px;
}
 
.journalbottom a {color:#716e6c;}
 
.list {
color:#494644;
padding:10px;
margin:0;
text-align:center;
font-size:10px;
letter-spacing:1px;
}
 
.list .a {background:none;}
.list li {padding:1px;}
.list strong {color:#494644; font-weight:normal;}
 
.shadow a img {padding:4px; background:#fff; border:1px solid #fff; }
.shadow a:hover img {background:#fff;}

Liberissimi di modificarla e di utilizzarla a piacimento =)

 

Tutti gli articoli e le immagini presenti su ./lsd sono fruibili sotto licenza copyleft e protetti da Safe Creative; le immagini di terze parti sono protette da copyright dei rispettivi detentori.

 
 
Mitsume Temo & the Round Earth Committee
 
 

  • Delicious
  • Twitter
  • Facebook
  • Tumblr
  • Identi.ca
  • StumbleUpon
  • Slashdot
  • Posterous
  • LinkedIn
  • Google Reader
  • FriendFeed
  • Technorati
  • Mixx
  • Squidoo
  • Yahoo! Bookmarks
  • Netvibes


Exposure - State of the Art
Website: a fresh new CSS website for Grotto Baldovana
Gallery: Ja mata, nudo erotico virtuale
Apple: una manciata di risorse gratuite (files, gui e icone)
Un concorso fantascientifico: un Logo ed un Racconto per il nuovo Museo della Scienza e della Fantas...

  • Pingback: Photoshop Tutorial – Na’vi Avatar Photo Manipulation :The Photo Corner

  • Pingback: new holland VS john deere :American Discounters

  • Cristianpozzessere

    ciao puoi mettere un piccolo tutorial per come creare una skin personalizzata e i programmi da usare …grazie

  • http://www.liquidskydesign.org/ Claudia

    Ciao Cristian,
    non ho ben capito pero' a quale tipo di skin ti riferisci.. intendi una skin per deviantART oppure per un altro programma?

    Fammi sapere, sarebbe magari interessante scrivere un tutorial del genere, cosi' posso accontentarti =)

  • Cristianpozzessere

    perdona il mio ritardo :D .
    si intendevo una skin per il journal di deviantart .
    come crearla e con che tipo di software.
    sia per windows o per linux :d li uso entrambi.
    Grazie per la tua disponibilità!

  • http://www.liquidskydesign.org/ Claudia

    Ciao Cristian,
    le skin per i Journal di deviantART non necessitano di programmi, e’ tutto CSS; solo la grafica la puoi fare con i classici programmi (sia per Linux che per Windows).

    Per crearla c’e’ bisogno di conoscere i CSS, una volta sul tuo Journal devi interagire con la skin “blanc” che ti permette di crearla da zero.
    Tutto qui =)