Stati linistit nu am uitat de seria de tutoriale video.In acest episod o sa ma ocup de parte de sus header-ul.Pentru alte pareri si comentari sau sugesti va rog sa va exprimati daca simtiti nevoia.Setati full hd daca vreti sa intelegeti ceva.
Codul css folosit pana acum in tema noastra este acesta.
#page {
width: 960px;
margin: 20px auto;
background: #fff;
padding:0px;
overflow : hidden;
border:1px solid #aaa;
box-shadow:0px 0px 10px 0px #888;
}
#main {
width:960px;
background:#fff;
margin:0px auto;
overflow: hidden;
}
#primary {
padding:0px;
float:left;
width: 600px;
margin: 0px auto;
margin-left: 0px;
background: transparent;
overflow : hidden;
}
#secondary {
float: right;
width: 250px;
margin: 0px;
margin-right:5px;
background: #222;
padding:0px;
overflow:hidden;
border:1px solid #ccc;
box-shadow:0px 0px 7px 0px #aaa;
}
.site-header {
margin:0px auto;
width:1020px;
height:180px;
color:#222;
margin-bottom:20px;
background: #ccc;
}
h1.site-title {
width: 280px;
float:left;
padding-left: 10px;
padding-top: 35px;
font-size: 32px;
font-family: georgia, sans-serif;
}
h1.site-title a {
background:transparent;
font-weight:normal;
color:#222;
text-decoration:none;
padding:3px;
text-shadow:2px 2px 3px #aaa;
}
h1.site-title a:hover {
font-weight:normal;
color:#444;
text-decoration:none;
padding:3px;
text-shadow:2px 2px 3px #999;
}
.site-description {
font-size:13px;
font-family:verdana,arial;
color:#555;
width:400px;
padding-left: 20px;
float:left;
}
Bravo vezi ca te tii de cuvant in legatura cu episoadele 🙂
m-am abonat la canalul tau si…sper sa-mi fac timp sa-ti urmaresc toate tutorialele..:D