اسلامنا حياتنا
اكواد ورقة CSS المنتظره للنسخه Invision 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا اكواد ورقة CSS المنتظره للنسخه Invision 829894
ادارة المنتدي اكواد ورقة CSS المنتظره للنسخه Invision 103798
https://i.servimg.com/u/f39/16/91/07/32/10351_10.gif
اسلامنا حياتنا
اكواد ورقة CSS المنتظره للنسخه Invision 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا اكواد ورقة CSS المنتظره للنسخه Invision 829894
ادارة المنتدي اكواد ورقة CSS المنتظره للنسخه Invision 103798
https://i.servimg.com/u/f39/16/91/07/32/10351_10.gif
اسلامنا حياتنا
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

اسلامنا حياتنا

سلام عليكم ورحمة الله وبركاتة يا زائر اهلا بك في اسلامنا حياتنا
 
الرئيسيةأحدث الصورالتسجيلدخول
إعلانات تجارية

    لا يوجد حالياً أي إعلان



     

     اكواد ورقة CSS المنتظره للنسخه Invision

    اذهب الى الأسفل 
    كاتب الموضوعرسالة
    نيرفان
    عضو نشيط
    عضو نشيط
    avatar


    تاريخ التسجيل : 15/10/2011
    تاريخ الميلاد : 22/07/1983
    المشاركات: 38
    نقاط 115
    عمري 41
    انثى

    اكواد ورقة CSS المنتظره للنسخه Invision Empty
    مُساهمةموضوع: اكواد ورقة CSS المنتظره للنسخه Invision   اكواد ورقة CSS المنتظره للنسخه Invision Emptyالسبت أكتوبر 15, 2011 11:25 pm

    بعد طول انتظار اتينا لكم باكواد الكيس للنسخه
    Invision
    ان هاذه النسخه هي الاكثر تعقيدا
    من حيث انها كثيرة الاكواد ولهذا عملت لكل
    كود او مجموعه صوره بتوضح ايش هوعمل الكود

    المجموعه الاولى
    هاذه الاكواد خاصه بخانة الواجهه

    الكود الاول
    الرمز:
    div#logostrip {
    background-image: url(ضع هنـا رابط الصوره);
    }

    الكود الثاني

    الرمز:
    #submenu {
    background-image: url(ضع هنـا رابط الصوره);
    }

    الكود الثالث

    الرمز:
    #submenu ul li a {
    background-image: url(ضع هنـا رابط الصوره);
    }

    الكود الرابع

    الرمز:
    #submenu ul li a:hover {
    background-image: url(ضع هنـا رابط الصوره);
    }

    الكود الخامس

    الرمز:
    #userlinks {
    background-image: url(ضع هنـا رابط الصوره);
    }

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


    المجموعه الثانيه
    للتغير في خلفية الفواصل التي بمنتداك

    الكود الاول
    لتغيرخلفية لفواصل الاقسم

    الرمز:
    table.ipbtable th {
    background-image: url(ضع هنا رابط الصوره);
    }

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


    الكود الثاني
    هاذا الكود شبيه للاول ولكنه لايؤثر على فواصل الاقسام

    الرمز:
    table.ipbtable th.formsubtitle,.formsubtitle {
    background-image: url(ضع هنا رابط الصوره);
    }

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


    الكود الثالث
    لتغير في فواصل عمل موضوع جديد وبعض الاماكن الاخرا

    الرمز:
    .borderwrap .subtitle {
    background-image: url(ضع هنا رابط الصوره);
    }

    صوره توضحيه
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    نيرفان
    عضو نشيط
    عضو نشيط
    avatar


    تاريخ التسجيل : 15/10/2011
    تاريخ الميلاد : 22/07/1983
    المشاركات: 38
    نقاط 115
    عمري 41
    انثى

    اكواد ورقة CSS المنتظره للنسخه Invision Empty
    مُساهمةموضوع: رد: اكواد ورقة CSS المنتظره للنسخه Invision   اكواد ورقة CSS المنتظره للنسخه Invision Emptyالسبت أكتوبر 15, 2011 11:28 pm

    المجموعه الثالثه
    لتغير في خلفيات الاقسام وخلفيات المواضيع وماشابه ذالك

    الكود الرابع
    الرمز:
    .row1 {
    background-image: url(ضع هنا رابط الصوره);
    }

    الكود الخامس

    الرمز:
    .row2 {
    background-image: url(ضع هنا رابط الصوره);
    }

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


    الكود السادس

    الرمز:
    .post .post-header {
    background-image: url(ضع هنا رابط الصوره);
    }

    الكود السابع

    الرمز:
    .post {
    background-image: url(ضع هنا رابط الصوره);
    }

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


    الكود الثامن

    الرمز:
    .post-container {
    background-image: url(ضع هنــا رابط الصوره);
    }

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


    الكود التاسع

    الرمز:
    .post-footer {
    background-image: url(ضع هنا رابط الصوره);
    }

    الكود العاشر

    الرمز:
    .topic-footer {
    background-image: url(ضع هنا رابط الصوره);
    }

    الكود الحادي عشر

    الرمز:
    div.overview {
    background-image: url(ضع هنا رابط الصوره);
    }

    صوره توضيحيه للكود التاسع والعاشر والحادي عشر

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



    الكود الثاني عشر
    .
    الرمز:
    qreply {
    background-image: url(ضع هنا رابط الصوره);
    }

    صوره توضحيه للكود الثاني عشر
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


    الكود الثالث عشر

    الرمز:
    #smiley-box {
    background-image: url(ضع هنا رابط الصوره);
    }

    الكود الرابع عشر
    .
    الرمز:
    messaging-box {
    background-image: url(ضع هنا رابط الصوره);
    }

    صوره توضحيه للكود الثالث عشر والرابع عشر
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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

    الرمز:
    div.borderwrap,.borderwrapm {
    background-image: url(ضع هنا رابط الصوره);
    }

    صوره توضحيه للكود الخامس عشر
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


    الكودين السادس عشر

    الرمز:
    .select {
    background-image: url(ضع هنا رابط الصوره);
    }
    .select button {
    background-image: url(ضع هنا رابط الصوره);
    }

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


    الكودين السابع عشر
    .
    الرمز:
    button,.mainoption {
    background-image: url(ضع هنا رابط الصوره);
    }
    .formbuttonrow {
    background-image: url(ضع هنا رابط الصوره);
    }

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


    الكود الثامن عشر
    .
    الرمز:
    ipbform2 dl {
    background-image: url(ضع هنا رابط الصوره);
    }

    الكود التاسع عشر

    الرمز:
    .ipbform2 dl dd {
    background-image: url(ضع هنا رابط الصوره);
    }

    صوره توضحيه للكود الثامن عشر والتاسع عشر
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


    الكود العشرون
    .
    الرمز:
    ipbform fieldset {
    background-image: url(ضع هنا رابط الصوره);
    }

    الكود الواحد وعشرون
    .
    الرمز:
    box-content{
    background-image: url(ضع هنا رابط الصوره);
    }

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


    الكود االثاني وعشرون
    .
    الرمز:
    bar {
    background-image: url(ضع هنا رابط الصوره);
    }

    الكود الثالث وعشرون
    .
    الرمز:
    activeusers {
    background-image: url(ضع هنا رابط الصوره);
    }

    صوره توضيحيه للكود الثاني وعشرون والثالث وعشرون
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

    الكود الرابع وعشرون

    الرمز:
    #gfooter {
    background-image: url(ضع هنا رابط الصوره);
    }

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

    الكود الخامس وعشرون
    لعمل خلفيه ثانيه لمنتداك
    .
    الرمز:
    no-left {
    background-image: url(ضع هنا رابط الصوره);
    }

    صوره توضيحيه للكود الخامس وعشرون
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    نيرفان
    عضو نشيط
    عضو نشيط
    avatar


    تاريخ التسجيل : 15/10/2011
    تاريخ الميلاد : 22/07/1983
    المشاركات: 38
    نقاط 115
    عمري 41
    انثى

    اكواد ورقة CSS المنتظره للنسخه Invision Empty
    مُساهمةموضوع: رد: اكواد ورقة CSS المنتظره للنسخه Invision   اكواد ورقة CSS المنتظره للنسخه Invision Emptyالسبت أكتوبر 15, 2011 11:30 pm

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

    الكلمه الاولى لزيادة الطول او العكس
    الرمز:
    padding: 50px;


    اختر واحده من هاذه الكلمات لزيادة العرض او العكس


    الرمز:
    width: 100%;

    width: 20em;

    الكلمه الثالثه لزياده حجم الخط

    الرمز:
    font-size: 12px;

    فالنجرب العمليه على هاذا الكود


    الرمز:
    #gfooter {
    background-image: url(ضع هنا رابط الصوره);
    }

    الصوره للكود قبل العمل عليه
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


    ندخل عليه رابط الصوره من ثم ندخل عليه الكلمه التي سوف تزيد الطول
    padding: 50px;
    سيصبح الكود هاكذا

    الرمز:
    #gfooter {
    background-image: url(https://i.servimg.com/u/f64/13/84/20/12/56444511.png);
    padding: 50px;
    }

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

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    نيرفان
    عضو نشيط
    عضو نشيط
    avatar


    تاريخ التسجيل : 15/10/2011
    تاريخ الميلاد : 22/07/1983
    المشاركات: 38
    نقاط 115
    عمري 41
    انثى

    اكواد ورقة CSS المنتظره للنسخه Invision Empty
    مُساهمةموضوع: رد: اكواد ورقة CSS المنتظره للنسخه Invision   اكواد ورقة CSS المنتظره للنسخه Invision Emptyالسبت أكتوبر 15, 2011 11:31 pm

    مهم جدا


    أثناء وضعيكم للاكواد

    CSS

    اكثر من مره قديسبب خلل بمظهر منتداك

    لذا انصحكم بالحذر في استعمال هاذه الاكواد

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

    اما اذا اردتموها ان تعمل في الهوتمل
    عليكم وضعها في داخل هاذا الكود المكون من كلامتين

    الرمز:
    <style>
    ضع جميع اكواد الكيس هونا
    </style>


    ولكي يظهر التنسيق في جميع المنتدى
    اذهب الى
    لوحة الاداره>عناصر اضافيه>العناصر المستقله على الرئيسيه>انشاء عنصر شخصي


    للذهاب الى ورقة الكس

    اتجه الى لوحة الاداره >مظهر المنتدى>الالوان>ورقة الكس>ضع الكود وادخل عليهى روابط الصور ثم قم بالتسجيل
    الرجوع الى أعلى الصفحة اذهب الى الأسفل
     
    اكواد ورقة CSS المنتظره للنسخه Invision
    الرجوع الى أعلى الصفحة 
    صفحة 1 من اصل 1
     مواضيع مماثلة
    -
    » كل اكواد ورقة css للنسخة الثانية - لا تفوتها
    » كل اكواد css الخاصة بالملف الشخصي للنسخة invision
    » كود البسملة للنسخة invision
    » شرح مفصل لاكواد ورقة ال CSS لجميع النسخ
    » برنامج صانع اكواد السي اس اس (CSS Maker)

    صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
    اسلامنا حياتنا :: القســــم تعليمي المنتديات احلى منتداى :: اكواد Css-
    انتقل الى:  

     





    nwail


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

    احبتنا زوار الموقع الكرام نود اعلامكم جميعا بان المنتدى مفتوحاً للجميع لذلك فلا تبخلوا علينا بزيارتكم والتصفح ولو بالقراءة والدعاء لا نريد ان نجبركم على التسجيل للتصفح نريدكم فقط ان استفدتم شيئاً من الموقع بان تدعو من قلبك لصاحب الموضوع والعاملين بالموقع ودمتم بحفظ الله ورعايته "خير الناس أنفعهم للناس"

    للتسجيل اضغط هـنـا

    اعوذ بالله من الشيطان الرجيم {اَللَهُ لا إِلَهَ إلا هو اَلحي ُ القَيَوم لا تأخذه سِنَةٌ ولا نوْمٌ لَّهُ مَا فيِِ السَمَاوَاتِ وَمَا في اَلأَرْضِ مَن ذَا الَّذِي يَشفَعُ عِنْدَهُ إِلاَّ بِإِذْنِهِ يَعْلَمُ مَا بَينَ أَيدِيهِمْ ِوَمَا خَلْفَهم وَلا َيُحِيطُونَ بشَيءٍ مِنْ علمِهِ إِلاَ بِمَا شَآء وَسعَ كُرْسِيُّهُ السَمَاوَاتِ وَالأَرضِ وَلاَ يَؤُدُه حِفْظُهُمَا وَهُوَ العَليُّ العَظِيمُ}


    facebook


    المواضيع الأخيرة
    » ماهو رد الفيس بوك حول تعطل فيس بوك اليوم الاثنين 4/10/2021
    اكواد ورقة CSS المنتظره للنسخه Invision Emptyمن طرف محمد أبوفيصل الإثنين أكتوبر 04, 2021 9:04 pm

    » (وقليلا من عبادي الشكور)
    اكواد ورقة CSS المنتظره للنسخه Invision Emptyمن طرف محمد أبوفيصل الثلاثاء أغسطس 03, 2021 9:43 pm

    » يقول أحدهم . .
    اكواد ورقة CSS المنتظره للنسخه Invision Emptyمن طرف محمد أبوفيصل الأربعاء سبتمبر 02, 2020 4:54 pm

    » الكود المدمر لأحلى منتدى كود الانتظار
    اكواد ورقة CSS المنتظره للنسخه Invision Emptyمن طرف اسراء الأحد أغسطس 09, 2020 4:08 am

    » جميع مراحل لعبة Command And Conquer Generals Zero Hour
    اكواد ورقة CSS المنتظره للنسخه Invision Emptyمن طرف جابر الإثنين فبراير 17, 2020 6:29 pm

    » دليل مواقع العراق|منتديات الجنة العراقية
    اكواد ورقة CSS المنتظره للنسخه Invision Emptyمن طرف محمد أبوفيصل الأحد فبراير 09, 2020 2:52 pm

    »
    اكواد ورقة CSS المنتظره للنسخه Invision Emptyمن طرف اسلام نت الجمعة يناير 17, 2020 12:55 am

    » Call Of Duty: Black Ops 3 + ALL DLC’S Free Download
    اكواد ورقة CSS المنتظره للنسخه Invision Emptyمن طرف محمد أبوفيصل الإثنين يناير 06, 2020 7:46 pm

    » سعيد ابن الحارث يرويها الشيخ خالد الراشد
    اكواد ورقة CSS المنتظره للنسخه Invision Emptyمن طرف محمد أبوفيصل الجمعة أغسطس 16, 2019 11:08 pm

    » طريقة عمل جلبريك Unc0ver على iOS 12.0 - 12.1.2 بدون كمبيوتر || اهم النصائح لتجنب المشاكل [شرح مفصل]
    اكواد ورقة CSS المنتظره للنسخه Invision Emptyمن طرف Adam السبت فبراير 23, 2019 10:28 am