مركز الاستضافة والدعم الفنى لنيوستايل ضع اعلانك هنا
مركز الاستضافة والدعم الفنى لنيوستايل ضع اعلانك هنا
+ الرد على الموضوع
النتائج 1 إلى 4 من 4

الموضوع: عمل استايل لمنتداك في عشر خطوات vb 4.0.0


  1. #1
    عضو شرف
    الحالة: web net غير متواجد حالياً
    تاريخ التسجيل: May 2009
    رقم العضوية: 5258
    المشاركات: 34,487
    معدل تقييم المستوى : 120
    Array

    عمل استايل لمنتداك في عشر خطوات vb 4.0.0

    طبعاً الفي بي 4 عملوا تغيير في طريقة عمل الاستايلات وتعديلها وفي البلوق تبعهم حاطين طريقة عمل استايل لمنتداك في عشر خطوات

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

    طيب راح نبدا بالخطوات كل خطوة في رد بس الله الله بالتفاعل يا شباب واللي يقدر يكمل ولا يرده الا كيبورده

    الخطوة الاولى
    تغيير شعار المنتدى
    عشان تغير صورة شعار المنتدى في الاصدار الجديد تروح على لوحة التحكم بعدين تروح على الاوامر بالترتيب
    Style Manager > StyleVars > titleimage
    تختار صورة الشعار وتحط المسار تبع الصورة بعدين ترعص على زر حفظ


    راح تشوف بعدها صور الشعار


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


    الخطوة الثانية
    تغيير خلفية الهيدر عشان تتماشى مع صورة الشعار
    تحتاج لصورة زي هذه فيها تدرج

    بعدين من لوحة التحكم تروح على الاوامر بالترتيب
    Style Manager > StyleVars > header_background
    تختار الصورة وتحدد المسار بعدين كليك على حفظ


    هيدر الصفحة بعد الحركة اللي طافت


    وممكن تعبي الفراغات لو صارت وتحط في صندوق اللون نفس الوان الصورة




    الخطوة الثالثة
    تعديل الناف بار في اعلى الصفحة تحت صورة الشعار
    لون الناف بار طلع مناسب بس راح نحاول نخليه مختلف
    الناف بار ممكن تخليه صورة وممكن تخليه لون
    والطريقة تروح للاوامر بالترتيب
    Style Manager > StyleVars > navbar_background


    شوف كذا النتيجة








    الخطوة الرابعة

    تغيير لون الخلفية للمنتدى
    نعدل اللون والطريقة تروح للخطوات بالترتيب
    Style Manager > StyleVars > doc_backgroundColor


    تغير لون الخلفية يغير من شكل المنتدى








    بس لو تشوف انو اللون بين الهيدر والمنتدى مختلف عن لون الخلفية وهذا راح نغيره في الخطوة التالية




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

    Steve Machol



    الخطوة الخامسة

    تعديل لون الحد السفلي للناف بار عشان يتماشى مع الخلفية
    زي ماهو واضح لون حد الناف بار مو مزبوط عشان كذا ممكن نصلح المشكلة وبدال ما نحط لون نختار خيار الشفافية الزر اللي في الركن والاوامر عشان التنفيذ بالترتيب
    Style Manager > StyleVars > navbar_border
    نختار اخر واحد اللون Color


    شوف المساحة اللي بدون لون خلت الخلفية تظهر







    الخطوة السادسة

    راح نحط صورة خلفية لهيدر الجداول في المنتدى


    اللون الاصلي مش بطال بس نحب نعمل لمسة على المنتدى
    نرفع الصورة بعدين ننفذ الخطوات بالترتيب ونحط مسار الصورة
    Style Manager > StyleVars > blockhead_background


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





    الخطوة السابعة

    راح نغير زي الخطوة اللي فوق بس هذه المرة راح نغير خلفية الفوتير اللي اسفل المنتدى footer

    نختار الصورة مقياسها 935x32 pixels ونرفعها للمنتدى


    بعدين نروح على الخطوات بالترتيب وحط المسار تبع الصورة
    Style Manager > StyleVars > footer_background


    ارعص على حفظ وشوف الشغلة كيف سهلة





    الخطوة الثامنة

    طيب كيف نقدر نغير لون الوصلات في الفوتير
    ولا يهمك امشي على الخطوات بالترتيب وحط اللون على ذوقك
    Style Manager > StyleVars > footer_link_color


    لو اخترت لون اسود راح يبان زي كذا










    الخطوة التاسعة

    تغيير لون خلفية المنتدى الداخلية body background
    نبغى نغيرها من ابيض الى سماوي فاتح
    طبعا نروح على الخطوات بالترتيب ونحط اللون تبعنا
    Style Manager > StyleVars > body_background


    شوف الحين وش اللي صار









    الخطوة العاشرة والاخيرة

    بعد ما غيرنا اللي قات لاحظت انو في المساحة في فوتر المنتدى تحت عند زر كتابة موضوع جديد وكتابة رد جديد ما كان لها لون مناسب ففكرت اني اعمل لها صورة خلفية واخترت هذي 750x40 pixels


    رفعت الصورة ودخلت على وحطيت المسار تبعها
    Style Manager > StyleVars > blockfoot_background


    الحين صار لفوتر جدول المنتدى مزاج خاص


    بكذا يسير التعديل على الاستايل انتهي
    والبلوق اللي عليه الموضوع http://www.vbulletin.com/forum/blog.php?b=2373

    وسلامتكم


  2. #2
    عضو أحترافي
    الحالة: ح ـــكـم القدر غير متواجد حالياً
    تاريخ التسجيل: May 2009
    رقم العضوية: 5995
    المشاركات: 1,423
    معدل تقييم المستوى : 11
    Array

    بارك الله فيك


  3. #3
    vip
    عـضـو
    الحالة: vip غير متواجد حالياً
    تاريخ التسجيل: Dec 2008
    رقم العضوية: 360
    المشاركات: 89
    معدل تقييم المستوى : 7
    Array

    بارك الله فيك


  4. #4
    مؤسس المنتدى
    الحالة: خالد القحطاني غير متواجد حالياً
    تاريخ التسجيل: Apr 2008
    رقم العضوية: 1
    الدولة: kuwait
    إصدار المنتدى: vb 4.0.6
    المشاركات: 3,253
    معدل تقييم المستوى : 53
    Array

    مميز في طرحك لكن لا اظن هذا يكفي لتصميم ستايل غير الون الكحلي

+ الرد على الموضوع

معلومات الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

الذين يشاهدون الموضوع الآن: 1 (0 من الأعضاء و 1 زائر)

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

  1. استايل روائع الاول , اهداء فريق عمل منتديات دعوة الاسلامية
    بواسطة قناص جوبا في المنتدى استايلات vB 3.x
    مشاركات: 0
    آخر مشاركة: 08-02-2010, 06:12 PM
  2. [شرح] كيفية عمل صندوق بحث لمنتداك
    بواسطة CUPPING THERAPY في المنتدى تطوير النسخه vBulletin 3.x
    مشاركات: 6
    آخر مشاركة: 02-19-2010, 10:07 AM
  3. استايل بنفسجى اهداء فريق عمل المنتدى
    بواسطة aMINe في المنتدى استايلات vB 3.x
    مشاركات: 12
    آخر مشاركة: 12-12-2009, 06:24 PM
  4. كيفيه عمل استايل مثل هذا
    بواسطة c0ptin_hackers في المنتدى قسم مشاكل وحلول المنتديات
    مشاركات: 7
    آخر مشاركة: 01-18-2009, 11:43 AM

مواقع النشر (المفضلة)

مواقع النشر (المفضلة)

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

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246