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

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

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

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



     

     موضوع: أكواد CSS الخاصة بمنتديات اسلام نت

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


    تاريخ التسجيل : 30/09/2011
    تاريخ الميلاد : 29/08/1984
    المشاركات: 2244
    نقاط 2147483647
    عمري 39
    ذكر
    الموقع : https://islammnet.own0.com

    موضوع: أكواد CSS الخاصة بمنتديات اسلام نت Empty
    مُساهمةموضوع: موضوع: أكواد CSS الخاصة بمنتديات اسلام نت   موضوع: أكواد CSS الخاصة بمنتديات اسلام نت Emptyالجمعة أكتوبر 14, 2011 5:37 am

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

    أكواد CSS الخاصة بمنتديات محمودكو

    اقتباس:

    Exclamation تم إضافة أكواد جديدة بتاريخ 25-11-2009 بدايتها من الكود السابع

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


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

    طريقة التركيب

    خاصة فقط بالنسخة phpbb2 وربما تعمل على النسخ الاخرى

    من لوحة الادارة - مظهر المنتدى - الوان - ورقة css

    ثم ضع الكود ثم سجل

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

    الكود الاول

    المهمة : وضع خلفية لاسم العضو

    اقتباس:
    .name a{
    text-decoration: none;
    border:1px dashed #000000;
    background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]);
    }

    لتغيير الخلفية يمكنك استبدال

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

    ولتحكم في الحدود (للخبراء) يمكنكم التعديل على

    border:1px dashed #000000

    حيث border:1px هو السمك

    حيث dashed هو النوع

    حيث #000000 هو اللون

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

    الكود الثاني

    المهمة : حذف الخط من تحت الروابط

    اقتباس:
    a:link
    {
    text-decoration: none;
    }

    a:visited
    {
    text-decoration: none;
    }

    a:active
    {
    text-decoration: none;
    }

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

    الكود الثالث

    المهمة : وضع خلفية ملونة برتقالية على الروابط عند مرور الماوس

    اقتباس:
    a:hover
    {
    background: #ffe9c6;
    }

    لتغيير اللون (للخبراء) عدل على

    background: #ffe9c6

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

    الكود الرابع

    المهمة : وضع حقوق لمنتداك أسفل حقوق أحلى منتدى

    اقتباس:
    #page-footer
    {
    width: 950px; height: 80px;
    background: url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]);
    }

    لتغيير الصورة استبدل الرابط

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

    للتحكم بالطول و العرض للمساحة التي ستظهر فيها الصورة (للخبراء)

    width: 950px; height: 80px

    حيث width هو العرض

    و height هو الارتفاع

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

    الكود الخامس

    المهمة : يجعل شكل الأكواد مميز في المواضيع مثل هنا

    اقتباس:
    .code {
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    background-color: #feffc4 ;
    background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
    background-repeat: repeat;
    border : 1px dotted #ef9e10;
    color : #000000;
    display: block;
    max-width: 800px;
    overflow: auto;
    padding: 7px;
    }

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

    للخبراء يمكنهم التعديل على الكود حيث

    background-color: #feffc4
    هو لون الخلفية

    border : 1px dotted #ef9e10
    لون و نوع وسمك الحدود

    color : #000000
    هو لون الخط

    max-width: 800px
    هو أقصى عرض

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

    الكود السادس

    المهمة : يجعل شكل الاقتباسات مميز مثل هنا

    اقتباس:
    .quote{
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    background-color: #feffc4 ;
    background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
    background-repeat: repeat;
    border : 1px dotted #ef9e10;
    color : #000000;
    display: block;
    max-width: 800px;
    overflow: auto;
    padding: 7px;
    }

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

    للخبراء يمكنهم التعديل على الكود حيث

    background-color: #feffc4
    هو لون الخلفية

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

    border : 1px dotted #ef9e10
    لون و نوع وسمك الحدود

    color : #000000
    هو لون الخط

    max-width: 800px
    هو أقصى عرض

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

    الكود السابع

    المهمة : وضع خلفية للأزرار عند مرور الماوس

    اقتباس:
    input.liteoption:hover {
    background-color : #fff;
    background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
    background-position: top;
    font-weight : bold;
    color: #8d1717;
    }

    input.mainoption:hover {
    background-color : #000;
    background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
    background-position: top;
    font-weight : bold;
    color: #8d1717;
    }

    button.button2:hover, input.button2:hover {
    border-width: 2px;
    border-style: outset;
    border-color: #000000;
    background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
    background-position: top;
    color: #8d1717;
    background-position: 0 100%;
    }

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

    للخبراء يمكنهم التعديل على الكود حيث

    color: #8d1717
    هو لون الخط

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


    المجموعة الجديدة من الأكواد بتاريخ 25-11-2009

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

    الكود الثامن

    المهمة : جعل الفوتر في الوسط

    اقتباس:

    div.page-footer
    {
    position: center;
    }

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

    الكود التاسع

    المهمة : جعل الحدود بشكل احترافي وبخلفية مثل هنا
    كذلك الملاحة والحقوق


    اقتباس:


    div.gen
    {
    width: 940px;
    border : 1px dotted #000000;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    background-image: url('https://i.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
    background-repeat: repeat;
    }

    td.bodyline{
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-width: 1px;
    border-color: #000000;
    }

    td.nav{
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    background-image: url('https://i.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
    background-repeat: repeat;
    border : 1px dotted #2db9e3;
    }

    div.gensmall{
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    background-image: url('https://i.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
    background-repeat: repeat;
    border : 1px dotted #2db9e3;
    }

    td.gensmall{
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    background-image: url('https://i.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
    background-repeat: repeat;
    border : 1px dotted #2db9e3;
    font-weight: bold
    }

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

    الكود العاشر

    المهمة : جعل خط حقوق أحلى منتدى بخط tahoma

    اقتباس:


    a.copyright{
    border:0;
    background:none;
    font-family: Tahoma;
    font-size: 15px;
    }

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

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

    المهمة : لتغيير لون عنوان الموضوع و من على الخط

    اقتباس:


    h1.cattitle{
    color:#950000;
    }
    a.cattitle{
    color:#950000;
    }

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

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

    المهمة : الأزرار بشكل احترافي وبخلفية مثل هنا

    اقتباس:
    input,textarea, #text_editor_iframe {
    background: url(https://i.servimg.com/u/f87/11/37/34/39/mwa03-15.gif);
    border-color : #2db9e3 !important;
    font-size: 20px;
    border-width:1px !important;
    border-style:solid !important;
    -moz-border-radius: 9px !important;
    }
    input:hover , textarea:hover , #text_editor_iframe:hover {
    border-color : #950000 !important;
    color:#950000;
    }

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

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

    وضع نصوص و صور الرئيسية في الأسفل

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


    لا تنسونا من صالح الدعاء

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

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

    تكبير الخط عند مرور الماوس فوق عناوين المواضيع في الأقسام

    اقتباس:

    a.topictitle:hover
    {
    font-size: 18px;
    }

    يمكنكم التحكم بحجم الخط من font-size: 18px في الكود

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

    الكود الخامس عشر

    تغيير لون "مثبت" و "اعلان" عند مرور الماوس فوق الموضوع

    اقتباس:

    div.topictitle:hover
    {
    color:#0000FF;
    }

    color:#0000FF لتغيير اللون

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

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

    تغيير لون و حجم "مثبت" و "اعلان" بدون مرور الماوس

    اقتباس:

    div.topictitle
    {
    color:#FF0000;
    font-size: 22px;
    }

    color:#FF0000 لتغيير اللون

    font-size: 22px لتغيير الحجم

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

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

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

    اقتباس:

    th.thRight
    {
    background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
    background-repeat: repeat;
    }

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

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

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

    كود لوضع خلفية لاعلانات أحلى منتدى مثل هنا

    اقتباس:

    div.mainmenu
    {
    min-width: 940px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
    background-repeat: repeat;
    border : 1px dotted #2db9e3;
    }

    min-width: 940px عرض الخلفية

    border : 1px dotted #2db9e3 للتحكم بالحدود ولونها

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

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    https://islammnet.own0.com mohmad4_7
     
    موضوع: أكواد CSS الخاصة بمنتديات اسلام نت
    الرجوع الى أعلى الصفحة 
    صفحة 1 من اصل 1
     مواضيع مماثلة
    -
    »  جميع الاكواد الخاصة بمنتديات اسلام نت - اكواد رائعة للنسخة phpbb2
    » كيفية اضافة موضوع جديد في منتديات اسلام نت
    » أكواد اليوم
    » ما هي أكواد JavaScript
    » أكواد اخرى متنوعه

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

     





    nwail


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

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

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

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


    facebook


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

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

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

    » الكود المدمر لأحلى منتدى كود الانتظار
    موضوع: أكواد CSS الخاصة بمنتديات اسلام نت Emptyمن طرف اسراء الأحد أغسطس 09, 2020 4:08 am

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

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

    »
    موضوع: أكواد CSS الخاصة بمنتديات اسلام نت Emptyمن طرف اسلام نت الجمعة يناير 17, 2020 12:55 am

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

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

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