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

تحويل psd الي HTML & CSS & jQuery4

HTML & CSS & CSS3 & FLOAT

في هذا الدرس هنتعرف على طريقة جديدة للتعامل مع سي اس اس و بعض التحديثات للغة  و طريقة العمل الصحيح و تلاشي الاخطاء حتى يكون في النهاية الطريق السليم لاستكمال باقى الموقع او الملف المتحول من فوتوشوب


#contentUp{
width:950px;
margin:0 auto;
margin-top:175px;
line-height:18px;
}

#contentUp h2{
font-size:21px;
color:#dbc297;
margin-bottom:20px;
background:#263138;
border:1px solid #dbc297;
padding:4px;
padding-left:10px;
}

#contentUp a{
font-size:12px;
color:#263138;
text-decoration:none;
}

#leftUp{
width:350px;
float:left;
border-bottom:2px solid #263138;
}

#leftUp h3{
font-family:arial;
font-size:16px;
color:#445b6b;
padding-top:5px;
}

#leftUp ul{
list-style:none;
}

#leftUp li{
padding-bottom:25px;
}

#leftUp li:last-child{
padding-bottom:60px;
}

#leftUp img {
float:left;
margin-right:10px;
border:2px solid #dbc297;
}

#leftUp p{
font-size:12px;
color:#787878;
font-family:arial;
}

#rightUp{
width:590px;
float:left;
padding-left:10px;
}

#rightUp img{
margin-left:20px;
border:3px solid #dbc297;
}

#rightUp p{
margin-top:20px;
margin-left:20px;
font-size:13px;
color:#787878;
}

#contentDown{
width:950px;
margin:0 auto;
}

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

    ممتاذ ياعمرو    ربنا يقويك….

    • eldewiny

      شكرا يا عماد و ربنا يوفق الجميع

  • thank you

    • eldewiny

      You're  welcome