home الرئيسيةpeople_outline الأعضاء vpn_key دخول


chatالمواضيع الأخيرة
طلب تصميم لوجوaccess_timeأمس في 11:39 ampersonMahmoudHabib
طلب تصميم لوڨو access_timeالثلاثاء أبريل 16, 2019 11:35 ampersonyazen
طلب تصميم علي تي شيرتaccess_timeالثلاثاء أبريل 16, 2019 8:59 ampersonقصي حسين
طلب واجههaccess_timeالإثنين أبريل 15, 2019 12:19 ampersonkhald.aljbaly
طلب تعديل كتابةaccess_timeالسبت أبريل 13, 2019 7:26 ampersonabdallah body
اسمك في المنتدى.. لماذا هو هكذا؟..access_timeالجمعة أبريل 12, 2019 9:10 pmpersonDr.V!RuS
اركان الاسلام الخمسة و شرحها بلغة الاشارةaccess_timeالجمعة أبريل 12, 2019 9:09 pmpersonDr.V!RuS
كيف نحمي أنفسنا من حر شمس يوم القيامةaccess_timeالجمعة أبريل 12, 2019 9:07 pmpersonDr.V!RuS
احذري ضرب طفلك على الوجهaccess_timeالجمعة أبريل 12, 2019 9:07 pmpersonDr.V!RuS
new_releasesأفضل 10 أعضاء في هذا الأسبوع

طريقة عرض الأقسام

لونك المفضل

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty قالب هيدر بسيط جاهز للتركيب بتقنية css

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

اقدم لكم هيدر بسيط يتكون من هيدر يسار ويمين وتمدد ولوغو

الخطوات للتركيب

اولا يتم اضافة الكود الاتي قبل وسم </head>

أي تبححث عن الوسم وتضيف اعلاة اكواد css

الكود:


    <style>
  #header {
    background-image: url(http://i68.servimg.com/u/f68/16/46/77/76/uo-ouo22.png);
    background-repeat: repeat-x;
    height: 251px;
}

#header #head-left {
    background-image: url(http://i68.servimg.com/u/f68/16/46/77/76/uo-ouo20.png);
    background-repeat: no-repeat;
    float: left;
    height: 251px;
    width: 348px;
    position:relative;
}





#header #logo {
    background-image: url(http://i68.servimg.com/u/f68/16/46/77/76/uo_ouo16.png);
    background-repeat: no-repeat;
    float: left;
    height: 74px;
    width: 272px;
    position:relative;
    margin-top: 60px;
    margin-left: 120px;     
         
}

#header #head-right {
          background-image: url(http://i68.servimg.com/u/f68/16/46/77/76/uo-ouo21.png);
    background-repeat: no-repeat;
    float: right;
    height: 251px;
    width: 440px;
    position: relative;
}
   </style> 


ثم تبحث عن  {JAVASCRIPT}

وتضيف تحته الوسم الاتي

الكود:



<div id="header">

<div id="head-left">
</div>

<div id="head-right">
<div id="logo"></div></div>
</div></div></div>




الطريقة دة هي تكويد بتقنية css

ثم اعمل سجل النتيجة

قالب هيدر بسيط جاهز للتركيب بتقنية css Uo_ouo25
https://i.servimg.com/u/f68/16/46/77/76/uo_ouo25.jpg

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

اتمنى انني افدتكم بالدرس البسيط وبالهيدر

دمتم بخير

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

موضوع متألق من طرفك
يعطيك ألف عاافية ع المشااركة الرائعة
بانتظاار المزيد من قلمك المبدع
تحيااتي لك 


قالب هيدر بسيط جاهز للتركيب بتقنية css Rckcpv

قالب هيدر بسيط جاهز للتركيب بتقنية css Tbc23361

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

طرح راقي ومميز بكل معانيه
دائما للتميز عنوان بقلمك
ابدعتي اختي الكريمة
ودي وتقديري
وتقييمي المتواضعوردة حمراء



قالب هيدر بسيط جاهز للتركيب بتقنية css 1011_md_13129827261
قالب هيدر بسيط جاهز للتركيب بتقنية css 1411_m10
قالب هيدر بسيط جاهز للتركيب بتقنية css Uia_oo10
قالب هيدر بسيط جاهز للتركيب بتقنية css Uia_oo12
قالب هيدر بسيط جاهز للتركيب بتقنية css Dua_ui10
قالب هيدر بسيط جاهز للتركيب بتقنية css Uia_od10

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

قالب جميل جداااا
تسلم الاياادي

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

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

تحياتــي

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

طرح مميز
شكرا لك
ابدعت
بانتظار جديدك ان شاء الله
وردة حمراء وردة حمراء وردة حمراء وردة حمراء

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

شكر جزيلا للطرح القيم
ننتظر المزيد من ابداع مواضيعك الرائعة
تحياتي وتقديري لك


If the plan doesn’t work, change the plan, but never the goal
وردة حمراء وردة حمراء

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

منورين جميعا

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

مشكوره على الموضوع الرائع يسلمو حبيبتي


وردة حمراء كن مبتسمأا ,m,nn مهما كانت 24511 الضروف 3.5 وردة حمراء
وردة حمراء نحمد الله 53ع68ح ونشكره 53ع6صك على كل حال 3.5 وردة حمراء
3.7 3.7 3.7 3.7 3.7 3.7 3.7 3.7 3.7 3.7 3.7 3.7 3.7 3.7 3.7 3.7

وردة حمراء الحمد لله 534غ لا اله الا الله 534غ سبحان الله 534غ وردة حمراء

وردة حمراء ي ربي احمي 3.5 بلدي وانصرهم ي رب 3.5 وارجعنا احرارا 3.5 وردة حمراء

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

شكرا لك

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

طرح مميز
شكرا لك
بانتظار جديدك


قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

طرح رائع ..احسنت


قالب هيدر بسيط جاهز للتركيب بتقنية css 15369210

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

شكرا عالموضوع
ابدعت
تقبل مروري ^^


اتمنى ان اكون سبب سعادة لمن حولي
وأن لااكون وجعا لاحد
...ربماآ انا لااستطيع إسعآد أحد ..ولكن اقسم انني لا احب ايذاء احد

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

هيدر اكثر من ممتاز
بارك الله فيك


If the plan doesn’t work, change the plan, but never the goal
وردة حمراء وردة حمراء

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

هيدر جميل تابع الابداع
وشكرا على الطرح
تقب لمرورى


قالب هيدر بسيط جاهز للتركيب بتقنية css Ocia-a10

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

هيدر رائع اخي

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

تصميم جميل




قالب هيدر بسيط جاهز للتركيب بتقنية css Uia-o12
قالب هيدر بسيط جاهز للتركيب بتقنية css 1011_md_13129827261
قالب هيدر بسيط جاهز للتركيب بتقنية css 69688711
قالب هيدر بسيط جاهز للتركيب بتقنية css 67868610

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

جزاكم الله خيراً 
وردة حمراء وردة حمراء وردة حمراء 


سبحان الله والحمدلله ولا إله إلا الله 
 
قالب هيدر بسيط جاهز للتركيب بتقنية css Do

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

تصميم جميل




قالب هيدر بسيط جاهز للتركيب بتقنية css Uia-o12
قالب هيدر بسيط جاهز للتركيب بتقنية css 1011_md_13129827261
قالب هيدر بسيط جاهز للتركيب بتقنية css 69688711
قالب هيدر بسيط جاهز للتركيب بتقنية css 67868610

قالب هيدر بسيط جاهز للتركيب بتقنية css Empty رد: قالب هيدر بسيط جاهز للتركيب بتقنية css

جميل جدآ ورائع
تم تركيبه في منتداي
شكرآ لك
ارسال رد

هــــــام

ندعوك للتسجيل في المنتدى لتتمكن من ترك رد أو تسجيل الدخول اذا كنت من اسرة المنتدى

صلاحيات هذا الموضوع
لاتستطيع الرد على المواضيع في هذا المنتدى