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

الموضوع: نبي شرح لتغيير الصفحه الاولى لمنتدى ( Invision Power Board)

  1. #1
    عضو سوبر نشيط
    تاريخ التسجيل
    Jun 2003
    المشاركات
    784

    نبي شرح لتغيير الصفحه الاولى لمنتدى ( Invision Power Board)



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

    اخوي مملكة الاي بي والاخوان لاهنتوا

    ابي اغير شكل واجهة منتدى الاي بي مثل الفي بي
    لاني بعد ماثبت الاي بي وجدت في كثره للاشياء اللي تبي ترتيب للواجهه الرئيسيه للمنتدى

    ممكن شرح بالتفصيل وخاصة المتغيرات ابي اغير الصفحه الرئيسيه وارتبها على حسب ماانا افضله

    تحياتي لكم





    __________________
    سبحان الله وبحمده .. سبحان الله العظيم
    I Love PHP
    I Love Swalif
    شكرا لكل من ساعدني:)
    Loacker غير متواجد حالياً


  2. #2
    عضو نشيط
    تاريخ التسجيل
    Mar 2003
    المشاركات
    154


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

    عزيزي Loacker

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

    نبي شرح لتغيير الصفحه الاولى لمنتدى ( Invision Power Board)
    أنت مستخدم جديد للآي بي وتريد من البداية التغير في الواجهة .شرح تغير الواجهة ليس بالأمر السهل كما ذكرت سابقا

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

    ثانيا لم تقم بذكر نوعية النسخة التي تستخدمها لإني لا أستطيع شرح اي تغير في واجهة ستايل مملكة الآي بي ...الستايل تم تصميمه بهذا الشكل وأنصح عدم التغير فيه لأنك سوف تواجه مشاكل كثيرة في التغير لكن بالإمكان التغير في الألوان وبسهولة.

    شاهد هنا مثالين على تغير ألوان الستايل والتطبيق كان من قبل أصحاب المنتدى
    http://www.sraya.net/ib/index.php?act=idx

    التطبيق الثاني.

    http://www.amliqa.com/ib/

    بإمكاني شرح التغير على الستايل الاصلي للشركة لأن أكثر الأشياء التي أعرفها تم تطبيقها في ستايل مملكة الآي بي.

    ممكن شرح بالتفصيل وخاصة المتغيرات ابي اغير الصفحه الرئيسيه وارتبها على حسب ماانا افضله
    حتى لو شرحت لك كل متغير في المنتدى و مايقابله تكون قد تقدمت 60%

    هنا ملف من شرح الأخ الرائع وقفات في كيفية تصميم ستايل للمنتدى
    http://www.swalif.net/softs/attachme...&postid=380532

    بالتوفيق وهذا شعار الستايل بصيغة pdf لكي تتمكن من التعديل عليه بسهولة بواسطة فوتوشوب.

    ملاحظة: اليومين القادمين لن يكون بإستطاعتي إستعمال الكمبيوتر بسبب السفر






    الملفات المرفقة الملفات المرفقة
    __________________
    4S3.COM
    مملكة الآي بي غير متواجد حالياً

  3. #3
    عضو سوبر نشيط
    تاريخ التسجيل
    Jun 2003
    المشاركات
    784


    طلبت منك وضع كل سؤال بموضوع وتفاجأت عندما قرأت سؤالك
    لم المفاجاه اخي في ردك السابق كان وافي بالنسبه للهاكات
    وانا جربت ادخل على تعديل التملبتات واريد ان اغير تصميم الواجهه كما افضل


    ثانيا لم تقم بذكر نوعية النسخة التي تستخدمها لإني لا أستطيع شرح اي تغير في واجهة ستايل مملكة الآي بي ...الستايل تم تصميمه بهذا الشكل وأنصح عدم التغير فيه لأنك سوف تواجه مشاكل كثيرة في التغير لكن بالإمكان التغير في الألوان وبسهولة.
    رد مقتبس من Loacker
    [B]بارك الله فيك اخوي
    ولكن انا ركبتها قبل لاتقلل حجمها يعني على 8.22 MB

    صراحه نسخه جميله والله يعطيك العافيه

    وبالنسبه للمثالين صراحه هذا اللي خلاني ااسال هذا السؤال لاني ارى جميع منتديات الاي بي
    نفس الستايل ولكن فقط اختلاف اللون فماذا فعلت انا اذا غيرت اللون لاشيء
    اريد ان اعمل ستايل خاص فيني

    بإمكاني شرح التغير على الستايل الاصلي للشركة لأن أكثر الأشياء التي أعرفها تم تطبيقها في ستايل مملكة الآي بي.
    وهذا مااريد معرفته

    حتى لو شرحت لك كل متغير في المنتدى و مايقابله تكون قد تقدمت 60%
    راح يكون تقدم كبير كبير بالنسبه لي

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

    تروح وترجع بالسلامه اخوي مملكة الاي بي
    بالتوفيق





    __________________
    سبحان الله وبحمده .. سبحان الله العظيم
    I Love PHP
    I Love Swalif
    شكرا لكل من ساعدني:)
    Loacker غير متواجد حالياً

  4. #4
    عضو نشيط
    تاريخ التسجيل
    Mar 2003
    المشاركات
    154


    أتمنى ما أكون ضايقتك بردي بخصوص

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


    المهم هنا شرح لملف skin_boards.php

    وهو ملف الواجهة لكن ينقص ملف skin_global.php للهيدر والفوتر

    الفوتر بإمكانك وضعه عن طريق لوحة التحكم بدون إستخدام skin_global.php

    المتغيرات الموجودة في ملف skin_boards.php


    {$ibforums->lang['sm_forum_leaders']} = إدارة المنتـــدى

    {$ibforums->lang['sm_todays_posts']} = مواضيع اليوم النشطة

    {$ibforums->lang['sm_today_posters']} = أفضل عشرة مشاركين اليوم

    {$ibforums->lang['sm_all_posters']} = أفضل عشرة مشاركين كليا

    {$ibforums->lang['board_stats']} = إحصائيات المنتدى

    $active[TOTAL] {$ibforums->lang['active_users']} = عدد الأعضاء اللذين تواجدوا خلال ال15 الدقائق الماضية

    {$active[GUESTS]} {$ibforums->lang['guests']}, = زوار

    $active[MEMBERS] {$ibforums->lang['public_members']} = الأعضاء

    $active[ANON] {$ibforums->lang['anon_members']} {$active[LINK]}
    {$active[NAMES]} = المجهولين

    <{F_ACTIVE}>=

    {$ibforums->lang['board_stats']} = إحصائيات المنتدى

    $text{$ibforums->lang['most_online']}= أكثر عدد تواجد في لحظة واحدة 145 كان في28-1-1424 هـ, 03:58 ص

    <{F_STATS}> =

    {$ibforums->lang['birthday_header']} = ولد في مثل هذا اليوم

    $total $birth_lang$birthusers = لا يوجد أي عضو يصادف اليوم تاريخ ولادته

    {$ibforums->lang['calender_f_title']} = الاحداث القادمة في التقويم

    $events = لا توجد احداث قادمة في التقويم

    {$ibforums->lang['d_delete_cookies']} = حذف الكوكيز الخاص بهذا المنتدى

    {$ibforums->lang['d_post_read']} = إعتبر جميع المواضيع مقروءة

    {$Data['name']}

    {$ibforums->lang['cat_name']} =

    {$ibforums->lang['topics']} = المواضيع

    {$ibforums->lang['replies']} = الردود

    {$ibforums->lang['last_post_info']} = آخر مشاركه

    {$ibforums->lang['cat_name']} = المنتديات

    {$ibforums->vars['board_name']} {$ibforums->lang['newslink']} $title = مملكة الآي بي آخر الأخبار:

    {$ibforums->lang['welcome_back_text']} $lastvisit = أهلا وسهلا بعودتك , آخر زيارة لك كانت في

    {$ibforums->lang['qli_title']} = الدخول السريع

    {$ibforums->lang['qli_name']} = إسم العضو

    {$ibforums->lang['qli_go']} = إدخل

    {$info['img_new_post']}=

    {$info['name']} = إسم المنتدى مثلا منتدى برامج php

    {$info['description']} = وصف المنتدى مثلا أضف منتداك هنا

    {$info['moderator']} = بإشراف:إسم المشرف

    {$info['topics']} = عدد المشاركات

    {$info['posts']} = عدد الردود

    {$ibforums->lang['in']}: = في:

    {$ibforums->lang['by']}: = بواسطة:

    {$info['last_post']} = تاريخ ووقت المشاركة

    {$info['last_topic']} = إسم الموضوع اللي ياتي بعد كلمة في:

    {$info['last_poster']} = إسم العضو اللي ياتي بعد كلمة بواسطة:


    الآن تأتي للألوان ,,,,أكيد بتلاحظ في ملف skin_boards.php التالي

    class="maintitle"

    class='pformstrip'

    class='row2'

    class='row4

    class='titlemedium'

    class='darkrow2'

    لاحظ الموجود بعد كلمة class

    يوجد لديك

    maintitle

    pformstrip

    row2

    row4

    titlemedium

    darkrow2


    كيف تعرف معناها


    ؟





    __________________
    4S3.COM
    مملكة الآي بي غير متواجد حالياً

  5. #5
    عضو نشيط
    تاريخ التسجيل
    Mar 2003
    المشاركات
    154


    إدخل على لوحة التحكم الإداري ثم

    Skins & Templates
    ثم
    Style Sheets
    ثم
    إضغط على Edit امام إسم الستايل الذي تعمل عليه التعديل

    ستجد جميع أكواد الستايل شيت

    وهو بالكامل



    كود:
    /* FIX IE6 Scrollbars bug - Leave this in! */
    /* FIX IE6 Scrollbars bug - Leave this in! */
    html { overflow-x: auto; } 
    
    /* Body entry, change forum page background colour, default font, font size, etc. Leave text-align:center to center board content
       #ipwrapper will set text-align back to left for the forum. Any other tables / divs you use must use text-align:left to re-align
       the content properly. This is a work around to a known Internet Explorer bug */
    BODY { font-family: times new roman PS MT; font-size: 13px;font-weight:bold; color: #000; margin:0px;padding:0px;background-color:#FFF; text-align:center }
    TABLE, TR, TD { font-family:times new roman PS MT; font-size: 14px;font-weight:bold; color: #000; }
    
    /* MAIN WRAPPER: Adjust forum width here. Leave margins alone to auto-center content */
    #ipbwrapper { text-align:right; width:95%; margin-left:auto;margin-right:auto }
    
    a:link, a:visited, a:active { text-decoration: none; color: #1864C0}
    a:hover { color: #465584; text-decoration:none }
    
    fieldset.search { padding:6px; line-height:150% }
    label      { cursor:pointer; }
    form       { display:inline; }
    img        { vertical-align:middle; border:0px }
    img.attach { border:2px outset #EEF2F7;padding:2px }
    
    .googleroot  { padding:6px; line-height:130% }
    .googlechild { padding:6px; margin-left:30px; line-height:130% }
    .googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
    .googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
    .googlepagelinks { font-size:1.1em; letter-spacing:1px }
    .googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }
    
    li.helprow { padding:0px; margin:0px 0px 10px 0px }
    ul#help    { padding:0px 0px 0px 15px }
    
    option.cat { font-weight:bold; }
    option.sub { font-weight:bold;color:#555 }
    .caldate   { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px }
    
    .warngood { color:green }
    .warnbad  { color:red }
    
    #padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }
    
    #profilename { font-size:28px; font-weight:bold; }
    #calendarname { font-size:22px; font-weight:bold; }
    
    #photowrap { padding:6px; }
    #phototitle { font-size:24px; border-bottom:1px solid black }
    #photoimg   { text-align:center; margin-top:15px } 
    
    #ucpmenu    { line-height:150%;width:22%; border:1px solid #345487;background-color: #F5F9FD }
    #ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
    #ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
    #ucpcontent p  { padding:10px;margin:0px; }
    
    #ipsbanner { position:absolute;top:1px;right:5%; }
    #logostrip { border:1px solid #345487;background-color: #3860BB;background-image:url(style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px; }
    #submenu   { border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
    #submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:15px;text-decoration: none; color: #3A4F6C; }
    #userlinks { border:1px solid #C2CFDF; background-color: #F0F5FA }
    
    #navstrip  { font-weight:bold; font-size px16; padding:6px 0px 6px
    0px;}
    
    
    .activeuserstrip { background-color:#BCD0ED; padding:6px }
    
    /* Form stuff (post / profile / etc) */
    .pformstrip { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }
    .pformleft  { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
    .pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
    .pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }
    
    /* Topic View elements */
    .signature   { font-size: 12px; color: #339; line-height:150% }
    .postdetails { font-size: 13px }
    .postcolor   { font-size: 16px; line-height: 160% }
    
    
    .normalname { font-size: 12px; font-weight: bold; color: #003 }
    .normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
    .unreg { font-size: 11px; font-weight: bold; color: #900 }
    
    .post1 { background-color: #F5F9FD }
    .post2 { background-color: #EEF2F7 }
    .postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }
    
    /* Common elements */
    .row1 { background-color: #F5F9FD ;font-family:  Tahoma, Arial;  font-size: 12px;} 
    
    .row2 { background-color: #DFE6EF ;font-family:  Tahoma, Arial;  font-size: 12px;} 
    
    .row3 { background-color: #EEF2F7 ; font-family:Tahoma, Arial;  font-size: 12px;}
    
    .row4 { background-color: #E4EAF2 ; font-family:Tahoma, Arial;  font-size: 12px;}
    
    
    .darkrow1 { background-color: #C2CFDF; color:#4C77B6;  font-family: Tahoma;  font-size: 11px;   }
    
    .darkrow2 { background-color: #BCD0ED; color:#3A4F6C;  font-family: Tahoma;  font-size: 11px;   }
    
    .darkrow3 { background-color: #D1DCEB; color:#3A4F6C; font-family: Tahoma; font-size: 11px;  }
    
    
    
    .hlight { background-color: #DFE6EF }
    .dlight { background-color: #EEF2F7 }
    
    .titlemedium { font-weight:bold; color:#3A4F6C; padding:7px; margin:0px; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }
    .titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #3A4F6C }
    
    /* Main table top (dark blue gradient by default) */
    .maintitle { vertical-align:middle;font-weight:bold; color:#FFF; padding:8px 0px 8px 5px; background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) }
    .maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
    .maintitle a:hover { text-decoration: underline }
    
    /* tableborders gives the white column / row lines effect */
    .plainborder { border:1px solid #345487;background-color:#F5F9FD }
    .tableborder { border:1px solid #345487;background-color:#FFF; padding:0; margin:0 }
    .tablefill   { border:1px solid #345487;background-color:#F5F9FD;padding:6px;  }
    .tablepad    { background-color:#F5F9FD;padding:6px }
    .tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }
    
    .wrapmini    { float:left;line-height:1.5em;width:25% }
    .pagelinks   { float:left;line-height:1.2em;width:35% }
    
    .desc { font-size:11px; color:#434951 }
    .edit { font-size: 10px }
    
    
    .searchlite { font-weight:bold; color:#F00; background-color:#FF0 }
    
    #QUOTE { white-space:normal; font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
    #CODE  { white-space:normal; font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
    
    .copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
    
    .codebuttons  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
    
    
    
    
    
    
    .forminput,.textinput, .radiobutton, .checkbox  { font-size: 12px; font-weight: bold; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
    
    .thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }
    
    .purple { color:purple;font-weight:bold }
    .red    { color:red;font-weight:bold }
    .green  { color:green;font-weight:bold }
    .blue   { color:blue;font-weight:bold }
    .orange { color:#F90;font-weight:bold }

    الآن المهم عندنا

    maintitle

    pformstrip

    row2

    row4

    titlemedium

    darkrow2

    إبحث عنها سوف تجدها بهذا الشكل

    كود:
    .maintitle { vertical-align:middle;font-weight:bold; color:#FFF; padding:8px 0px 8px 5px; background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) }
    .maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
    .maintitle a:hover { text-decoration: underline }

    هذا بالنسبة ل maintitle

    بالنسبة ل pformstrip شاهد التالي

    كود:
    .pformstrip { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }

    وهكذا ,,إبحث عن البقية وتعرف ماذا تعني في ملف skin_boards.php وحاول تربطها ببعض وسوف تجد أن الأمور تتضح معك


    أفضل شيء تعمله الآن هو تركيب النسخة الأخيرة مع ستايل الشركة الأصلي ثم تقوم بالتطبيق لكي يسهل عليك الموضوع

    أعرف أن الشرح غير جيد لأني مستعجل وراي سفر ,,,إن شاء الله بعد ما أرجع أكمل لك بعض الأشياء وإن شاء الله تفيدك وأيضا بشرح لك بعض الأشياء في صفحة الموضوع


    في أمان الله





    __________________
    4S3.COM
    مملكة الآي بي غير متواجد حالياً

  6. #6
    عضو سوبر نشيط
    تاريخ التسجيل
    Jun 2003
    المشاركات
    784


    لم يكن هناك مضايقه الله يطولي بعمرك

    وشرحك اكثر من رائع بارك الله فيك وانا حفظت الدرس هذا وبراجع عليه لين افهمه عدل

    ان شاء الله ترجع بالسلامه





    __________________
    سبحان الله وبحمده .. سبحان الله العظيم
    I Love PHP
    I Love Swalif
    شكرا لكل من ساعدني:)
    Loacker غير متواجد حالياً

  7. #7
    عضو نشيط
    تاريخ التسجيل
    Mar 2003
    المشاركات
    154


    غيرت رأي وأجلت السفر عشان عيونك

    بعطيك نصيحة إذا كنت فعلا تريد تتعلم التصميم لمنتديات الآي بي

    لا تتسرع ,,,وحده وحده

    في البداية تعلم كيفية تغير الألوان وهذا شيء ممتاز ..يعني لا تهتم للمتغيرات حاليا

    إذا فهمت الستايل شيت لمنتديات الآي بي ممتاز وهو مثل ما قلنا خاص بتغير جميع الوان المنتدى وأيضا أحجام الخط


    بعطيك مثال

    الآي بي لا يوجد في الواجهة مؤشرات المنتديات مثل الفي بي

    تريد وضع المؤشرات تحت الأقسام أو تحت إحصائيات المنتدى (الشرح بيكون تحت الأقسام)

    تفتح ملف skin_boards.php

    تبحث عن

    كود:
    function end_all_cats() {
    global $ibforums;
    return <<<EOF
    	
    EOF;
    }
    وهي الفانكشن الخاصة بوضع أي شيء تحت الأقسام

    فمثلا إذا أردت إضافة اي شيء بإستخدام لغة Html ..بإمكانك إضافتها بين

    كود:
    function end_all_cats() {
    global $ibforums;
    return <<<EOF
    هنا 	
    EOF;
    }

    نرجع لموضوع المتغيرات

    هنا تصميم للجداول مع الصور


    كود:
    <div class="tableborder">
    <table width="100%" border="0" align="center" cellpadding="4" cellspacing="1" valign='top'>
    <tr> 
      <td colspan="7" class='titlemedium' align='center' valign='middle'>مؤشرات المنتديات</td>
    </tr>
    <tr>
      <td align='center'  class='row2' width='14%'><img src="style_images/<#IMG_DIR#>/bf_new.gif" border="0"  alt=""><br>
        مواضيع جديدة</td>
      <td align='center' class='row2' width='14%'><img src="style_images/<#IMG_DIR#>/bf_nonew.gif" border="0"  alt=""><br>
        مواضيع قديمة</td>
      <td align='center'  class='row2' width='14%'><img src="style_images/<#IMG_DIR#>/bc_new.gif" border="0"  alt=""><br>
        منتدى فرعي_مواضيع جديدة </td>
      <td align='center'  class='row2' width='14%'><img src="style_images/<#IMG_DIR#>/bc_nonew.gif" border="0" alt=""><br>
        منتدى فرعي_مواضيع قديمة</td>
      <td align='center'  class='row2' width='14%'><img src="style_images/<#IMG_DIR#>/br_new.gif" border="0"  alt=""><br>
          مواضيع جديدة مغلقة</td>
      <td align='center'  class='row2' width='14%'><img src="style_images/<#IMG_DIR#>/br_nonew.gif" border="0"alt=""><br>
        مواضيع قديمة مغلقة</td>
      <td align='center' class='row2'  width='14%'><img src="style_images/<#IMG_DIR#>/bf_readonly.gif" border="0"  alt=""><br>
          منتدى للقراءة
        </td>
    </tr>
    </table></div>

    شاهد في السابق إستخدمنا الألوان عن طريق الكلاس الموجود في ستايل شيت (row2)
    فمثلا إذا أردت تغير اللون للخلفية قم بإضافة كلاس من عندك قم بتسميته بأي إسم تريده

    مثلا ksa


    طبعا تقوم بوضعها أولا بدل من row2 في التصميم السابق للجداول ثم تضيف
    .ksa { background-color: #DFE6EF }
    في الستايل الشيت

    بهذه الطريقة تقدر تتحكم في لون خلفية الجدول لمؤشرات المنتدى بتغير لون الكود امام

    background-color: #

    الآن أكيد تريد معرفة كيفية طريقة وصل الصور وإضهارها في الجدول


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

    مثال

    <img src="http://www.ibkingdom.com/forums/style_images/1/user.gif" border="0" alt="">

    لكني لا أفضلها لأنها تسبب لك مشاكل

    أفضل طريقة وهي أنك تضيف الصورة بالشكل التالي

    <img src="style_images/<#IMG_DIR#>/br_nonew.gif" border="0"alt="">

    شاهد الموجود بعد image src=

    style_images وهو الملف الرئيسي لجميع صور الستايلات

    بعده يوجد <#IMG_DIR#> وهو الملف الخاص بالصور فمثلا إسم الملف المعروف لدى الجميع رقم 1


    بإستخدامك لـــ <#IMG_DIR#> تكون حددت إسم الستايل بدون ما تتعب نفسك ...بمعني ثاني عند وضع ذلك المتغير ...يتم قرائته في ملف php ,,إتوكاتيكي يحدد لك الملف الخاص بالستايل

    فمثلا إذا كان عندك أربع ملفات لصور أربع ستايلات ...وكان ملف السكن الذي تقوم بالتعديل عليه خاص بملف صور إسمه ksa

    يتم التعرف على الملف ksa وهكذا



    أتمنى يكون واضح الشرح لأني لم أقم بإعداده بالشكل المطلوب فقط جلست أمام الكومبيوتر وكتبت الموجود عندي بدون ترتيب

    إن شاء الله بضيفلك أشياء أخرى في نفس الموضوع

    بالتوفيق وهذه صورة لجدول المؤشرات





    الصور المرفقة الصور المرفقة  
    __________________
    4S3.COM
    مملكة الآي بي غير متواجد حالياً

  8. #8
    عضو نشيط
    تاريخ التسجيل
    Feb 2003
    المشاركات
    43


    بالحقيقة شرح اكثر من رائع واتمنى منك اخي العزيز شرح تصميم الصفحة المخصصة لقراءة المواضيع والردود





    alshala غير متواجد حالياً

  9. #9
    عضو نشيط
    تاريخ التسجيل
    Mar 2003
    المشاركات
    154


    شكرا لك عزيزي alshala على مرورك

    إن شاء الله بعد أنتهي من شرح للواجهة بشكل كامل بيكون فيه شرح لصفحة الموضوع

    بالتوفيق





    __________________
    4S3.COM
    مملكة الآي بي غير متواجد حالياً

  10. #10
    عضو سوبر نشيط
    تاريخ التسجيل
    Aug 2004
    المشاركات
    723


    up للفائدة





    مشراق غير متواجد حالياً





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

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

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