منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


تكويد الهيدر و الفوتر بتقنية Css
 

  تكويد الهيدر و الفوتر بتقنية Css

اذهب الى الأسفل 
انتقل الى الصفحة : الصفحة السابقة  1, 2, 3, 4
كاتب الموضوعرسالة
1One-Script
عضو ذهبي 

1One-Script

ذكر
الحمل
عدد المساهمات : 2538
نقاط النشاط : 3373
السٌّمعَة : 179
بلد العضو :  تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Syria10
العمر : 100

 تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Empty
مُساهمةموضوع: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Emptyالأربعاء سبتمبر 11, 2013 1:00 pm

تذكير بمساهمة فاتح الموضوع :

بسم الله الرحمن الرحيم

اولا الهيدر
كود الcss الخاص به والذي يوضع بورقة 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>
ثانيا 

كود الفوتر

الكود الذي يوضع بورقة 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;
}
do .middle
ليس من الصور الضرورية لكن هناك بعد المصممين الذي يضعون صورة بوسط الفوتر


طبعا مع تعديل الروابط والطول والعرض



الكود الذي يوضع بنهاية قالب Footer_end



الكود:
<div id="do">
<div class="right"></div>
<div class="left"></div>
<div class="middle"></div>
</div>

: :smile15: :  الاكواد بسيطة فقط استبدل الروابط والاحجام وراح يشتغلو
والمرة الجاية انشاء الله راح اضع كود تأطير الاقسام والاحصائيات بتقنية Css
الرجوع الى أعلى الصفحة اذهب الى الأسفل

كاتب الموضوعرسالة
Picasso-Des
سوبر الإبداع 



عدد المساهمات : 10775

 تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Emptyالسبت يونيو 16, 2018 2:14 pm

يعطيكم العافية على الطرح  تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 837876428
كل الاحترام  تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 433646733
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://medialive.pro
Mohamed Sobhi
عضو ذهبي 



عدد المساهمات : 3330

 تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Emptyالسبت يوليو 21, 2018 7:12 am

درس اكثر من رائع
شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
رؤوف
عضو فعال 

رؤوف

ذكر
عدد المساهمات : 485
نقاط النشاط : 676
السٌّمعَة : 6
بلد العضو :  تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Algeri10

 تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Emptyالأحد يوليو 22, 2018 4:19 pm

السلام عليكم ورحمة الله وبركاته

ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
مصطفى ستيتان
عضو محترف 

مصطفى ستيتان

ذكر
عدد المساهمات : 1130
نقاط النشاط : 1203
السٌّمعَة : 11
بلد العضو :  تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Ioao10

 تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Emptyالثلاثاء يوليو 24, 2018 1:10 pm

 جزاكم الله خيراً  
  تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 1454454920  تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 1454454920  تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 1454454920


سبحان الله والحمدلله ولا إله إلا الله 
 
 تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Do
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.elmanal.com
SLGray
عضو التميز 

SLGray

ذكر
الجدي
عدد المساهمات : 5012
نقاط النشاط : 5097
السٌّمعَة : 12
بلد العضو :  تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Egypt10
العمر : 20

 تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Emptyالجمعة يوليو 27, 2018 4:23 am

شكرا للدرس المميز
الرجوع الى أعلى الصفحة اذهب الى الأسفل
D.YouSSef
سوبر الإبداع 

D.YouSSef

ذكر
الدلو
عدد المساهمات : 6117
نقاط النشاط : 7071
السٌّمعَة : 33
بلد العضو :  تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Morocc10
العمر : 51

 تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Emptyالخميس أغسطس 30, 2018 2:57 am

شكرالك على هذا الدرس المهم ؛ سأحاول التجربة وأنشر لك نتيجتي

جزاك الله خيراً
وردة حمراء وردة حمراء 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
SLGray
عضو التميز 

SLGray

ذكر
الجدي
عدد المساهمات : 5012
نقاط النشاط : 5097
السٌّمعَة : 12
بلد العضو :  تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Egypt10
العمر : 20

 تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Emptyالأربعاء يناير 02, 2019 10:46 am

ماشااء الله
بارك الله فيك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Shady Ariffin
رئاسة فريق الإشراف 

Shady Ariffin

ذكر
العذراء
عدد المساهمات : 2441
نقاط النشاط : 2864
السٌّمعَة : 48
بلد العضو :  تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Egypt10
العمر : 18

 تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 Emptyالسبت أغسطس 01, 2020 3:50 am

شكرا لك علي موضوعك المميز اخي   تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 433646733  تكويد الهيدر و الفوتر بتقنية Css - صفحة 4 1454454920
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://bestkeller2.3arabiyate.com
 
تكويد الهيدر و الفوتر بتقنية Css
الرجوع الى أعلى الصفحة 
صفحة 4 من اصل 4انتقل الى الصفحة : الصفحة السابقة  1, 2, 3, 4

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