انشاء هيدر وفوتر بأكواد جاهزة html&css - شركة انكور التطويرية

بسم الله الرحمن الرحيم انشاء هيدر وفوتر بأكواد جاهزة html&css الكثير يود ان يقوم بالتعلم على الاكواد واستخدامها ومنا من يكون في باله افكار يريد تنفيذ ..

انشاء,هيدر,وفوتر,بأكواد,جاهزة,html&css,keyword

انشاء هيدر وفوتر بأكواد جاهزة html&css - شركة انكور التطويرية

دليل انكور للمواقع





القوانين العامة لشركة انكور التطويرية | وجب على الجميع القراءة والالتزام



أهلا وسهلا بك زائرنا الكريم في شركة انكور التطويرية، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .


انشاء هيدر وفوتر بأكواد جاهزة html&css

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


لا يمكنك الرد على هذا الموضوع لا يمكنك إضافة موضوع جديد


Admin
.:: مؤسس انكور ::.
معلومات الكاتب ▼
تاريخ الإنضمام : 15-01-2020
رقم العضوية : 1
المشاركات : 1287
الدولة : فلسطين
الجنس : ذكر
تاريخ الميلاد : 11-9-1998
الدعوات : 9
قوة السمعة : 70
موقعي : زيارة موقعي
 offline 
بسم الله الرحمن الرحيم

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

ملاحظة : يجب ان يكون لديك فكرة لمكان وضع الاكواد حتى تقوم بتركيبه بالطريقة الصحيحة

ieo10
قالب الـ Header
في البداية سأضع لكم اكواد الـ css لان الكود يعتمد عليها بشكل اساسي ومنها يمكنكم التحكم بحجم صور الهيدر وسيكون مكان رابط الصورة شرح لمكان وضع الصور
للتسهيل عليكم
والهيدر عبارة عن 3 صور (يمين - يسار - تمدد)
التمدد هو الذي سيظهر على طول الصفحة ويشبك الصورة اليمين واليسار مع بعضها لذا يفضل ان يكون شكل او لون واحد يمكن ان يتكرر ليكون المظهر جيد
ضع التالي في مكان الـ css في موقعك

#header {
   height: 213px;
   background-image:url('التمدد');
   background-repeat: repeat-x;
}
#header .right{
   height: 213px;
   width: 333px;
   background-image:url('هيدر يمين');
   float: right;
   background-repeat: no-repeat;
   
}
#header .left {
   height: 213px;
   width: 434px;
   float: left;
   background-image:url('هيدر شمال');
}

ومن ثم ضع الكود التالي في المكان الذي تريد ظهور الهيدر فيه 
<div id="header"> 
<div class="right"></div> 
<div class="left"></div> 
</div> 

والان كل اللي عليك تستبدل الفراغات الظاهرة بالصور الخاصة بالهيدر حسب ما هو موضح
ieo10
قالب الـ Footer
سأعرضه كما الهيدر مع اضافة صورة بالوسط في حال اردت وضع الشعار بالوسط
يعني الفوتر 4 صور (يمين - يسار تمدد - وسط)
ويمكنك الاستغناء عن صورة منهم الا التمدد طبعا
ضع هذا الكود في منطقة اكواد الـ css

#do {
   height: 79px;
   background-image:url('تمدد الفوتر');
   background-repeat: repeat-x;
}
#do .right{
   float: right;
   height: 79px;
   width: 126px;
   background-image:url('فوتر يمين');
   background-repeat: no-repeat;
}
#do .left{
   float: left;
   height: 79px;
   width: 143px;
   background-image:url('الفوتر شمال');
   background-repeat: no-repeat;
}
#do .middle {
   background-image:url('فوتر الوسط ليس من الضروري وضعه');
   height:79px;
   width: 257px;
   margin-right: auto;
   margin-left: auto;
}

وهذا الكود في المكان المخصص للفوتر
<div id="do">
<div class="right"></div>
<div class="left"></div>
<div class="middle"></div>
</div>



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



:. كاتب الموضوع Admin ، المصدر: انشاء هيدر وفوتر بأكواد جاهزة html&css .:


hkahx id]v ,t,jv fH;,h] [hi.m html&css

توقيع :Admin
للتواصل مع الادارة بشأن اي موضوع : لمشاهدة الروابط يلزمك التسجيل


04-09-2020 02:28 صباحا
مشاهدة مشاركة منفردة [1]
zoolraqey
.:: عضو مشارك ::.
معلومات الكاتب ▼
تاريخ الإنضمام : 23-07-2020
رقم العضوية : 249
المشاركات : 55
الجنس : ذكر
تاريخ الميلاد : 27-10-1998
قوة السمعة : 10
 offline 
جزاك الله خيرا على المواضيع الحصرية 
نتمنى ان تستمر في ذلك 




الكلمات الدلالية
انشاء ، هيدر ، وفوتر ، بأكواد ، جاهزة ، html&css ،

« صندوق اعلاني بتأثير عند مرور الماوس عليه | الصناديق المنبثة في الجافاسكربت javas c r i p t »

 














الساعة الآن 03:56 مساء


جميع حقوق تصميم الاستايل محفوظة لابو كريم وتحويل الاستايل لسليمان


RSS 2.0XML Site MapArchiveTeamContactCalendarStatic Forum