النتائج 1 إلى 9 من 9

الموضوع: CSS كيف اثبت هيدر+ فوتر كما في موقع cuill

  1. #1
    عضو نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    258

    CSS كيف اثبت هيدر+ فوتر كما في موقع cuill



    السلام عليكم

    الريد ان تدلوني على طريقة تثبيت هيدر والفوتر كما فعله موقع كويل

    انظر الى الصورة



    وهل استطيع فقط تثبيت صورة بدل من الهيدر كله


    انتظر جوابكم اخوتي

    :con2:





    الصور المرفقة الصور المرفقة  
    __________________
    dilo.on.line @ hotmail . com




  2. بكل بساطه

    انشئ 3 ملفات php اول واحد على سبيل المثال header.php والثاني main.php والثالث footer.php

    وضع محتويات الهيدر بملف header.php وايضا محتويات الفوتر بملف footer.php

    ومن خلال ملف main.php قم بتضمين ملفي ال header.php و ال footer.php داخله وسيبقون ثابتين
    باستخدام هذا الكود

    كود:
    <?php
       include("header.php");
    ?>
    وايضا تقوم باضافة تضمين ال footer.php

    كود:
    <?php
       include("footer.php");
    ?>
    طبعا تضع تضمين ال header فوق محتويات ال main.php واسفل المحتويات بملف main.php تضع تضمين ال footer


    موفق..





    __________________
    سبحان الله وبحمده
    > "كتبي، لعلها تفيدك!" *جديد
    > "مدونتي، تصويري.." | LaZqA
    > Twitter

  3. #3
    عضو نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    258


    اشكرك لردك

    ولكن اريده ب ال CSS لاني اريد تثبيت فقط صورة وليس كامل الهيدر

    مهما قمت بانزال الصفحة تبقى الصورة فقط بمكان ثابت من الشاشة





    __________________
    dilo.on.line @ hotmail . com

  4. #4
    عضو نشيط
    تاريخ التسجيل
    Jun 2007
    المشاركات
    106


    أضف هذا الكود في الكلاس الخاص بالصورة المطلوب تثبيتها
    كود:
    id{position:fixed;}







  5. #5
    عضو فعال جدا
    تاريخ التسجيل
    Aug 2007
    المشاركات
    3,929


    اشكرك لردك

    ولكن اريده ب ال CSS لاني اريد تثبيت فقط صورة وليس كامل الهيدر

    مهما قمت بانزال الصفحة تبقى الصورة فقط بمكان ثابت من الشاشة
    ضع الصورة بهذا الـ div الذي سيظهر في الاسفل

    كود PHP:
    <div style="position:fixed; bottom:0px; width:100%"></div
    وللجزء الأعلى

    كود PHP:
    <div style="position:fixed; top:0px; width:100%"></div






    __________________
    تحاور مع العاقل بعقل .. اما ان يقتنع او تقتنع
    وتحاور مع الجاهل بعقل .. اما يطقعش او تفرقش
    وتلك الفاظ لا معنى لها كذلك كلماته

  6. #6
    عضو نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    258


    اشكرك ردودكم العزيزة

    ولكن لم انجح في تثبيت الصورة

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





    __________________
    dilo.on.line @ hotmail . com

  7. #7


    وش نوع متصفحك عزيزي
    جرب استعرض الصفحة بالفايرفوكس وإكسبلورر 7
    بعد تطبيق ردود اخواننا سحاب أو lm4web






  8. #8
    عضو نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    258


    اشكركم
    لقد تم على فايرفوكس

    ولكن هل هنالك طريقة ليعمل على اكسبلور 6 ؟؟

    لان الغالبية حتى الان يستعملونه





    __________________
    dilo.on.line @ hotmail . com

  9. #9
    عضو فعال جدا
    تاريخ التسجيل
    Aug 2007
    المشاركات
    3,929


    اتفضل اخي وحمل المرفقات

    وباختصار المشكلة في عدم وضعك لهذه الاكواد

    كود PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml"






    الملفات المرفقة الملفات المرفقة
    __________________
    تحاور مع العاقل بعقل .. اما ان يقتنع او تقتنع
    وتحاور مع الجاهل بعقل .. اما يطقعش او تفرقش
    وتلك الفاظ لا معنى لها كذلك كلماته





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

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