كود وضع اطار كامل على المنتدى وايضا وضعه الازرار اعلى الواجهه

    شاطر
    avatar
    ηмσσяι フє∂∂αωι
    المدير العام

    المدير العام

    ~][ الدولة ][~ : السعودية
    ~][ الجنس ][~ : ذكر
    ~][ الهواية ][~ ~][ الهواية ][~ : رياضة
    ~][ المُزاجَ ][~ : كول
    ~][ عدد المساهمات ][~ : 180
    ~][ نقاط التميز ][~ : 2637
    ~][ السٌّمعَة ][~ : 11
    ~][ تاريخ التسجيل ][~ : 16/09/2011
    ~][ العمر ][~ : 24
    ~][ الموقع ][~ ~][ الموقع ][~ : داخل القلب
    ~][ الترفيه ][~ ~][ الترفيه ][~ : ىخ
    ~][ الأوسمة ][~ : وسام التكريم
    ~][ دعـــاء ][~ :
    ~][ تعاليق ][~ :

    كود وضع اطار كامل على المنتدى وايضا وضعه الازرار اعلى الواجهه

    مُساهمة  ηмσσяι フє∂∂αωι في السبت أكتوبر 29, 2011 2:54 am


    اهلا وسهلا اخوانى واخواتى اعضاء وزوار منتدى همسة إبداع ,,

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



    ندخل فى الموضوع احبائى ,, اولا صوره من الكود وعمله لتوضيح الامور





    ثانيا ,, عليك فعل التالى
    وهوا حذف الواجهه من اداره الصور

    ادخل لوحه التحكم
    مظهر المنتدى
    اداره الصور
    لوحه اداره كامله
    البنر الرئيسي للمنتدى :
    قوم بحذفه


    ثالثا ,, الكود مقسم من 3 صور ,, وهى الواجهه
    والاطار الوسط ,, والحقوق

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


    الواجهه ,,
    http://i42.servimg.com/u/f42/16/72/70/78/28253710.jpg

    الاطار الوسط ,,
    http://i42.servimg.com/u/f42/16/72/70/78/7yiy10.png

    الحقوق ,,
    http://i42.servimg.com/u/f42/16/72/70/78/55659410.png



    رابعأ الكود ,, تفضل عزيزى ,,


    الكود:
        #page-body{
        background-color: #;
        background-image: url(رابط الواجهه);
        background-position: top center;
        background-repeat: no-repeat;
        width:978px ;
        margin: 0px;
        padding: 0px;
        padding-top: 732px;
        }
        .three-col{
        background-color: #;
        background-image: url(اطار الوسط);
        background-repeat: repeat-y;
        width:978px ;
        padding: 25px 25px 0px 25px;
        }

        #page-footer{
        background-color: #;
        background-image: url(الحقوق);
        background-repeat: no-repeat;
        height: 333px;
        width: 978px;
        border: none;
        }



    خامسأ ,, طريقه التركيب

    طريقة الوضع :-


    الكود يوضع بورقة الــــcss

    لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css



    ارجو ان اكود قد وفقت
    في الشرح



    اجمل التصاميم والابداعات منتدى غيوم الابداع
    http://ebda3-3.mam9.com/
    منتدى غيوم الإبداع

    *************************


    **********************************************************


      الوقت/التاريخ الآن هو الإثنين ديسمبر 11, 2017 9:28 pm