martedì 12 marzo 2013

Prime modifiche

Ecco a voi le prime modifiche grafiche di questo blog. Il tutto viene fatto in base al tempo che ho a disposizione e a cui posso dedicarci.

Ora, qui sotto vi trascrivo il codice CSS di modifica che ho inserito per ottenere la "forma" dell'attuale template:


body{ background-color: silver; }

/*-----> Intestazione*/

#header-container {
   /* border: 2px solid red;*/
    height: 200px;
}

#header .header-bar .title {
    background: #333333 url("http://i244.photobucket.com/albums/gg8/emicranio/banner1_zps3da82383.jpg") no

-repeat;
height: 152px;
    display: block;
    line-height: -150px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*------> barra menù Top*/

#header:hover .header-drawer, #header .header-drawer.open {
    margin-top: 0;
    top: 152px;
background-image: url(http://i244.photobucket.com/albums/gg8/emicranio/mio%20blog/img02.gif);
}


/*-------> sidebar*/

#sidebar .items {
    margin-top: 0px;
    position: relative;
    transition: margin 0.5s ease-in-out 0s;
}

#sidebar .item.selected { background-color: silver; }

/*------> post*/

content {
    /*border: 2px solid black;*/
    margin-left: 200px;
    margin-top: 135px;
    padding: 20px;
}

/*------> gadget*/

#gadget-dock {
top: 200px;
right: 0;
}


Per ora è tutto.
ciao alla prossima^^