منتديات فرسان الثقافة - Powered by vBulletin

banner
النتائج 1 إلى 8 من 8
  1. #1

    هاك تلوين المسميات في مربعات شرح كامل

    السلام عليكم ورحمة الله وبركاته
    1- يكون اسم العضو داخل مربع وبلونه المخصص في أي مكان يظهر فيه اسمه في المنتدى
    2- عمل خلفية صور موحدة للمربعات أو تحديد خلفيات مختلفة لكل مجموعة
    3- تحديد لون مخصص لكل مجموعة
    4- يمكن إضافته بسهولة لكل استايل جديد
    هذه بعض الصور للتوضيح:
    1- صورة للذين تواجدوا اليوم :
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    2- للمتواجدين الآن:
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    3- صورة لعرض المشرفين :
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    يتبع الموضوع

  2. #2
    أرجو الفائدة للجميع
    طريقة التركيب
    خطوة (1) إضافة الكود التالي لجميع الاستايلات في المنتدى
    1- اذهب لخيار ( الستايلات & القوالب ) ثم (ضبط الستايلات ) - صورة (1)
    صورة (1)
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    2- أضغط ( اذهب ) على خيار ( خيارات جميع الستايلات ) - صورة (2)
    صورة (2)
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    3- اسفل الخيارات عند ( تعريف CSS إضافي ) وفي نهايته أضف الكود التالي: - صورة (3)
    صورة (3)
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    [PHP].red
    {
    margin: 0px 0px 0px 0px;
    width:48;
    border: 2px solid #FF1515;
    cursor: pointer;
    font-family:MS Sans Serif;
    font-size:10px;
    vertical-align:middle;
    letter-spacing:0;
    color:#FF1515;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    padding-bottom:0;
    background-color:#FFE3DF;
    background-image: url('altaer/color_bg.gif');
    text-align:center;
    }
    .green
    {
    margin: 0px 0px 0px 0px;
    width:48;
    border: 2px solid #006600;
    cursor: pointer;
    font-family:MS Sans Serif;
    font-size:10px;
    vertical-align:middle;
    letter-spacing:0;
    color:#006600;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    padding-bottom:0;
    background-color:#FFE3DF;
    background-image: url('altaer/color_bg.gif');
    text-align:center;
    }
    .blue
    {
    margin: 0px 0px 0px 0px;
    width:48;
    border: 2px solid #0000FF;
    cursor: pointer;
    font-family:MS Sans Serif;
    font-size:10px;
    vertical-align:middle;
    letter-spacing:0;
    color:#0000FF;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    padding-bottom:0;
    background-color:#FFE3DF;
    background-image: url('altaer/color_bg.gif');
    text-align:center;
    }
    .gray
    {
    margin: 0px 0px 0px 0px;
    width:48;
    border: 2px solid #CCCCCC;
    cursor: pointer;
    font-family:MS Sans Serif;
    font-size:10px;
    vertical-align:middle;
    letter-spacing:0;
    color:#CCCCCC;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    padding-bottom:0;
    background-color:#FFE3DF;
    background-image: url('altaer/color_bg.gif');
    text-align:center;
    }
    .fushia
    {
    margin: 0px 0px 0px 0px;
    width:48;
    border: 2px solid #FF66CC;
    cursor: pointer;
    font-family:MS Sans Serif;
    font-size:10px;
    vertical-align:middle;
    letter-spacing:0;
    color:#FF66CC;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    padding-bottom:0;
    background-color:#FFE3DF;
    background-image: url('altaer/color_bg.gif');
    text-align:center;
    }
    .orang
    {
    margin: 0px 0px 0px 0px;
    width: 48;
    border: 2px solid #FF9900;
    cursor: pointer;
    font-family:MS Sans Serif;
    font-size:10px;
    vertical-align:middle;
    letter-spacing:0;
    color:#FF9900;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    padding-bottom:0;
    background-color:#FFE3DF;
    background-image: url('altaer/color_bg.gif');
    text-align:center
    }
    .teal
    {
    margin: 0px 0px 0px 0px;
    width: 48;
    border: 2px solid #008080;
    cursor: pointer;
    font-family:MS Sans Serif;
    font-size:10px;
    vertical-align:middle;
    letter-spacing:0;
    color:#008080;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    padding-bottom:0;
    background-color:#FFE3DF;
    background-image: url('altaer/color_bg.gif');
    text-align:center;
    }
    .brown
    {
    margin: 0px 0px 0px 0px;
    width: 48;
    border: 2px solid #BF0000;
    cursor: pointer;
    font-family:MS Sans Serif;
    font-size:10px;
    vertical-align:middle;
    letter-spacing:0;
    color:#BF0000;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    padding-bottom:0;
    background-color:#FFE3DF;
    background-image: url('altaer/color_bg.gif');
    text-align:center;
    }
    .pink
    {
    margin: 0px 0px 0px 0px;
    width: 48;
    border: 2px solid #CC33FF;
    cursor: pointer;
    font-family:MS Sans Serif;
    font-size:10px;
    vertical-align:middle;
    letter-spacing:0;
    color:#CC33FF;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    padding-bottom:0;
    background-color:#FFE3DF;
    background-image: url('altaer/color_bg.gif');
    text-align:center;
    }
    .black
    {
    margin: 0px 0px 0px 0px;
    width: 48;
    border: 2px solid #000000;
    cursor: pointer;
    font-family:MS Sans Serif;
    font-size:10px;
    vertical-align:middle;
    letter-spacing:0;
    color:#000000;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    padding-bottom:0;
    background-color:#FFE3DF;
    background-image: url('altaer/color_bg.gif');
    text-align:center;
    }
    .white
    {
    margin: 0px 0px 0px 0px;
    width: 48;
    border: 2px solid #ffffff;
    cursor: pointer;
    font-family:MS Sans Serif;
    font-size:10px;
    vertical-align:middle;
    letter-spacing:0;
    color:#ffffff;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    padding-bottom:0;
    background-color:#FFE3DF;
    background-image: url('altaer/color_bg.gif');
    text-align:center;
    } [/PHP]
    يتبع

  3. #3
    تابع
    ثم أعمل حفظ من اسفل - صورة (4)
    صورة (4)
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    ====================
    خطوة (2)
    1- اذهب لخيار ( المجموعات ) ثم ( ضبط إعدادات مجموعة الأعضاء ) - صورة (5)
    صورة (5)
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    2- أضغط ( اذهب ) على خيار ( تعديل المجموعة ) - صورة (6)
    صورة (6)
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    3- اضف الكود التالي على مرحلتين - صورة (7)
    ايضا يتبع

  4. #4
    صورة (7)
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    ضع code1 في مربع النص الأول - صورة (7)
    code1: [ مهم: يجب تغيير كلمة ( red ) لكل مجموعة مثال (green - blue - pink ) ]
    [PHP]
    <input type="text" name="T1" size="17" class="red" value="
    [/PHP]
    code2 في مربع النص الثاني - صورة (7)
    code2:
    [PHP]
    " readonly style="width: 90">
    [/PHP]
    ثم أضغط على زر ( تحديث ) في الاسفل - صورة (8)
    صورة (8)
    [PHP]
    http://www.sa-web.net/swalif/mrb3at/08.jpg
    [/PHP]
    ===================
    خطوة (3)
    1- عمل تحديث للعدادات كما هو موضح في صورة (9) وصورة (10) وصورة (11)
    صورة (9)
    [PHP]
    http://www.sa-web.net/swalif/mrb3at/09.jpg
    [/PHP]
    ايضا يتبع كله بسبب امكانية ارفاق الصور في الرد
    قليلة

  5. #5
    صورة (10)
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    صورة (11)
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    ===================
    التعديلات التي يمكنك عملها:
    صورة (12)
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي


    يتبع

  6. #6
    صورة (13)
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    [RIGHT]
    1- كود حجم المربع : ( width: 48; ) - صورة (12) تحديد (1)
    1- كود نوع الخط : ( font-family:MS Sans Serif; ) - صورة (12) تحديد (2)
    3- كود لون خلفية المربع : ( background-color:#FFE3DF; ) - صورة (12) تحديد (3)
    4- كود لون النص داخل المربع : ( color:#ffffff; ) - صورة (12) تحديد (4)
    5- كود صورة الخلفية للمربع : ( background-image: url('altaer/color_bg.gif'); ) - صورة (12) تحديد (5)
    6- كود اللون الخاص بالمجموعة في خطوة (2) مهم جدا : ( class="red" ) صورة (13) تحديد (1)
    استبداله باسم المجموعة الخاصة بالكود المراد استخدامه لمجموعة المستخدمين في خطوة (2) عند ( code1 )
    ---------------------
    ملحوظة : مجموعات الألوان كالتالي:
    .red = أحمر - .green = أخضر - .blue = أزرق - .gray = رمادي - .fushia = فوشي
    .orang = برتقالي - .brown = بني - .pink = بنفسج - .black = اسود - .white = أبيض
    ---------------------
    منقول للفائده
    والطريقة سهلة للغاية
    وأي استفساااار
    أنا حاااااااااااااضر
    الإخاء
    [SIGPIC][/SIGPIC]

  7. #7
    مش صعبة بس دقيقة جدا
    برجع بقراها بروية بس انا ماعندي مجموعات حاليا بس اعضاء ومشرفين ومدير ومراقبين
    بجرب التفاصيل نظريا
    الف شكر
    [align=center]

    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    ( ليس عليك أن يقنع الناس برأيك ،، لكن عليك أن تقول للناس ما تعتقد أنه حق )
    [/align]

    يارب: إذا اعطيتني قوة فلاتأخذ عقلي
    وإذا أعطيتني مالا فلا تأخذ سعادتي
    وإذا أعطيتني جاها فلا تأخذ تواضعي
    *******
    لم يكن لقطعة الفأس أن تنال شيئا ً من جذع الشجرة ِ لولا أن غصنا ً منها تبرع أن يكون مقبضا ً للفأس .

  8. #8
    لا تحتاج الى دقة فقط مهارة منك وتستطيعين الانتهاء منها


    ان احتجت شيء فأنا مستعد
    [SIGPIC][/SIGPIC]

المواضيع المتشابهه

  1. مكتبة هولاند هاوس بلندن
    بواسطة أسامه الحموي في المنتدى فرسان المكتبة
    مشاركات: 0
    آخر مشاركة: 06-12-2013, 06:50 AM
  2. مسجد لويشم بلندن.. ملهى سابقا منارة للدعوة حاليا
    بواسطة ريمه الخاني في المنتدى فرسان السياحة.
    مشاركات: 2
    آخر مشاركة: 10-03-2009, 11:10 PM
  3. درس/تلوين فرش فيكتور
    بواسطة فتى الشام في المنتدى فرسان التصميم والابداع.
    مشاركات: 1
    آخر مشاركة: 04-20-2009, 06:00 AM
  4. درس تلوين العين بطريقة سهله واحترافيه
    بواسطة فتى الشام في المنتدى فرسان التصميم والابداع.
    مشاركات: 1
    آخر مشاركة: 03-05-2009, 07:57 AM
  5. ملف كامل عن الحمل
    بواسطة noureldens في المنتدى فرسان الأم والطفل.
    مشاركات: 1
    آخر مشاركة: 09-30-2006, 02:57 PM

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

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