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^^
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;
}
ciao alla prossima^^