3 jQuery & CSS & HTML الي psd تحويل

تحويل psd الي HTML CSS jQuery3

HTML & CSS

بداية الدرس و بداية سي اس اس و بداية تحويل هتمل الى الشكل المطلوب عبر سي اس اس و التعمق اكتر في الكود و حجات كتيرة ماشفنهاش قبل كدة و التاكيد على السابق حتى يكون التحويل في المستقبل اكثر سهولة

 


*{
margin:0;
padding:0;
}

#header{
height:400px;
background:#263138;
border-bottom:3px solid #dbc297;
}

#headerIn{
width:950px;
height:400px;
margin:0 auto;
background:url(images/headerLight.png) no-repeat;
position:relative;
}

#headerIn img{
float:left;
}

#headerIn ul{
list-style:none;
padding:35px;
}

#headerIn li{
float:left;
padding:15px;
}

#headerIn li:first-child{
padding-left:50px;
}

#headerIn a{
text-decoration:none;
font-size:22px;
color:#dbc297;
}

#headerIn a:hover{
text-decoration:underline;
}

#headerIn form{
float:right;
margin-top:-25px;
}

#headerIn input[type="text"]{
height:26px;
width:220px;
}

#headerIn input[type="submit"]{
width:65px;
height:30px;
background:url(images/butten.gif);
color:#263138;
font-size:16px;
text-transform:uppercase;
}

#slider{
position:absolute;
top:150px;
height:400px;
width:950px;
border:3px solid #dbc297;
overflow:hidden;
}

  • HTML-CSS PSD TO HTML&CSS
  • حول ملف فوتوشوب الى هتمل و جيكواري