X inchide

Tutorial video episod 3

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;
}

2 comentarii la “Tutorial video episod 3

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *