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

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


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

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

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

1One-Script

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

 تكويد الهيدر و الفوتر بتقنية Css Empty
مُساهمةموضوع: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css 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
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


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

شكرا على الشرح :
الرجوع الى أعلى الصفحة اذهب الى الأسفل
CLERO
عضو ذهبي 

CLERO

ذكر
السمك
عدد المساهمات : 3385
نقاط النشاط : 4209
السٌّمعَة : 67
بلد العضو :  تكويد الهيدر و الفوتر بتقنية Css Jordan10
العمر : 27

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

شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


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

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

صهيب بن قاسم

ذكر
السرطان
عدد المساهمات : 11036
نقاط النشاط : 12540
السٌّمعَة : 351
بلد العضو :  تكويد الهيدر و الفوتر بتقنية Css Jordan10
العمر : 22

 تكويد الهيدر و الفوتر بتقنية Css Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css Emptyالأربعاء سبتمبر 11, 2013 2:04 pm

شكرا لك ,
الرجوع الى أعلى الصفحة اذهب الى الأسفل
KAZANOVA
سوبر الإبداع 

KAZANOVA

ذكر
الدلو
عدد المساهمات : 16011
نقاط النشاط : 18177
السٌّمعَة : 1001
بلد العضو :  تكويد الهيدر و الفوتر بتقنية Css Ioao10
العمر : 22

 تكويد الهيدر و الفوتر بتقنية Css Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css Emptyالأربعاء سبتمبر 11, 2013 2:31 pm

شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.star-style1.com
زائر
زائر
avatar


 تكويد الهيدر و الفوتر بتقنية Css Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css Emptyالأربعاء سبتمبر 11, 2013 3:48 pm

شرح مميز ؛ تسلم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
1One-Script
عضو ذهبي 

1One-Script

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

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

شكرا لمروركم اخواني
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Madrid Designer
سوبر الإبداع 

Madrid Designer

ذكر
الدلو
عدد المساهمات : 16193
نقاط النشاط : 17442
السٌّمعَة : 521
بلد العضو :  تكويد الهيدر و الفوتر بتقنية Css 45544510
العمر : 25

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

رائع صديقي


ابدعت
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://iraq-mafia.0wn0.com/
ZezO Design
عضو ذهبي 

ZezO Design

ذكر
العذراء
عدد المساهمات : 3015
نقاط النشاط : 3706
السٌّمعَة : 143
بلد العضو :  تكويد الهيدر و الفوتر بتقنية Css Egypt10
العمر : 20

 تكويد الهيدر و الفوتر بتقنية Css Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css Emptyالخميس سبتمبر 12, 2013 1:28 am

شكرا للموضوع ولكن لا انصح باستعامل هذا الكود نظرا لسهولة سرقة استايل منتداك
وردة حمراء وردة حمراء 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.ibda3araby.com
Àťéf Hàmmàď
سوبر الإبداع 

Àťéf Hàmmàď

ذكر
عدد المساهمات : 92693
نقاط النشاط : 102557
السٌّمعَة : 708
بلد العضو :  تكويد الهيدر و الفوتر بتقنية Css Ioao10

 تكويد الهيدر و الفوتر بتقنية Css Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css Emptyالخميس سبتمبر 12, 2013 4:04 pm

شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
1One-Script
عضو ذهبي 

1One-Script

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

 تكويد الهيدر و الفوتر بتقنية Css Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css Emptyالخميس سبتمبر 12, 2013 5:27 pm

@ZezO Design كتب:
شكرا للموضوع ولكن لا انصح باستعامل هذا الكود نظرا لسهولة سرقة استايل منتداك
وردة حمراء وردة حمراء 
ساضع درس للتكويد بالطريقة الاخرى :)
الرجوع الى أعلى الصفحة اذهب الى الأسفل
1BlaCk GlaSs
سوبر الإبداع 

1BlaCk GlaSs

ذكر
العذراء
عدد المساهمات : 40678
نقاط النشاط : 44277
السٌّمعَة : 1242
بلد العضو :  تكويد الهيدر و الفوتر بتقنية Css Syria10
العمر : 20

 تكويد الهيدر و الفوتر بتقنية Css Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css Emptyالجمعة سبتمبر 13, 2013 8:37 am

روعة شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
1One-Script
عضو ذهبي 

1One-Script

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

 تكويد الهيدر و الفوتر بتقنية Css Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css Emptyالجمعة سبتمبر 13, 2013 12:51 pm

شكرا لمروركم اخواني وردة حمراء
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


 تكويد الهيدر و الفوتر بتقنية Css Empty
مُساهمةموضوع: رد: تكويد الهيدر و الفوتر بتقنية Css    تكويد الهيدر و الفوتر بتقنية Css Emptyالإثنين سبتمبر 16, 2013 4:58 pm

شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
تكويد الهيدر و الفوتر بتقنية Css
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 4انتقل الى الصفحة : 1, 2, 3, 4  الصفحة التالية

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