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

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

HTML & CSS & FLOAT & CLEAR

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


.clear{
clear:both;
padding:5px;
}

#contentDown{
width:950px;
margin:0 auto;
margin-top:30px;
line-height:18px;
background:#263138;
}

#contentDown h4{
color:#dbc297;
font-size:21px;
margin-bottom:15px;
text-transform:uppercase;
}

#leftDown{
width:380px;
float:left;
padding:10px;
}

#leftDown form label{
display:block;
color:#dbc297;
font-size:14px;
padding:5px 0;
}

#leftDown input{
width:350px;
height:35px;
}

#leftDown textarea{
width:350px;
}

#leftDown input[type="submit"]{
width:355px;
height:30px;
background:url(images/butten.gif) repeat-x;
margin-top:10px;
margin-left:-2px;
color:#263138;
font-size:14px;
}

#rightDown{
width:520px;
float:left;
margin-left:10px;
padding:10px;
}

#rightDown img{
float:right;
width:237px;
height:206px;
margin-left:10px;
border:3px solid #dbc297;
}

#rightDown p{
width:290px;
font-size:12px;
line-height:21px;
font-family:arial;
color:#9d9d9d;
}

#rightDown button{
margin-top:15px;
width:120px;
height:30px;
background:url(images/butten.gif) repeat-x;
color:#263138;
}

  • HTML-CSS PSD TO HTML&CSS
  • حول ملف فوتوشوب الى هتمل و جيكواري
  • 100% 
    عمرو   قولى نعمل اية عشان نحاول ننشر الفيديوهات دى      لازم كلة يتعلم
    وبيبنى وبينك انت   وقربت اغير منك فى الخير بس الاول   نساهم فى نشر العلم

    • eldewiny

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

  • Robbin_van11

    لو سمخت يا استاذ عمرو عندي سؤال انا لما جيت اكتب اوامر السي اس اس الخاصه بي الكونتينت داون وعملت الخلفيه باللون اللي قلت عليه بس المشكلة اني لما جيت اعمل ريفريش لقيت الخلفية غطت الكونتينت داون والكونتينت اب..ايه سبب اللي حصل ده؟

    • eldewiny

      بص كويس على الديف الي انت عملتلو استايل مفتوح و مقفول فين

      • Robbin_van11

         معلش ممكن توضح اكتر من كده.. حضرتك تقصد اي ديف بالظبط انا كتبت الديف الخاص بالكونتنت داون بالشكل ده

         
               
                have question
               
                Email :
               
                Question :
               
               
               
                <!– End leftDown –>
               
                our business plan
               
               
                        Contrary to popular belief, Lorem Ipsum is not simply random text.
                        It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock,
                        a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur,
                from a Lorem Ipsum passage,Lorem Ipsum is not simply random
                   
                    Read More
                <!– End rightDown –>
               
                <!– End contentDown –>