مـنـتـديـات الـعـيـان

بقلوب ملؤها المحبة وأفئدة تنبض بالمودة
وكلمات تبحث عن روح الاخوة
نقول لك أهلا وسهلا زائرنا الكريم
اهلا بك بقلوبنا قبل حروفنا بكل سعادة وبكل عزة
ندعوك للتسجيل اذا احببت الانضمام لاسرتنا والمشاركة معنا



انضم إلى المنتدى ، فالأمر سريع وسهل

مـنـتـديـات الـعـيـان

بقلوب ملؤها المحبة وأفئدة تنبض بالمودة
وكلمات تبحث عن روح الاخوة
نقول لك أهلا وسهلا زائرنا الكريم
اهلا بك بقلوبنا قبل حروفنا بكل سعادة وبكل عزة
ندعوك للتسجيل اذا احببت الانضمام لاسرتنا والمشاركة معنا

مـنـتـديـات الـعـيـان

هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
مـنـتـديـات الـعـيـان

Place holder for NS4 only

بحـث

 
 

نتائج البحث
 

Rechercher بحث متقدم

المواضيع الأخيرة

» السيرفرات السحابية مفهومها و مميزاتها
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالإثنين مايو 19, 2014 7:37 am من طرف marwan essam

» الان صمم موقعك في خمس خطوات بسيطة(مع الشرح)
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالإثنين مايو 19, 2014 7:33 am من طرف marwan essam

» فن تسويق المنتج
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالسبت مارس 16, 2013 8:54 am من طرف الـعـيـان

» فن تسويق المنتج
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالجمعة فبراير 15, 2013 11:31 am من طرف الـعـيـان

» <iframe name="I1" width="651" height="4349" src="mr.x@xxx.com">
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأحد ديسمبر 30, 2012 11:25 am من طرف noureno

» اختراق الاجهزة عن طريق ال ip
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء نوفمبر 07, 2012 1:15 pm من طرف yossef

» ارجوا المساعده
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالسبت نوفمبر 03, 2012 12:56 pm من طرف yossef

» برنامج الداونلود اكسلريتور وهو من اروع البرامج لتسريع تنزيل الملفات من الإنترنت
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالسبت نوفمبر 03, 2012 12:50 pm من طرف yossef

» Templates for free برنامج جميل جدا باستطاعته ان يعطيك ويحرر قوالب جديدة لصفحتك
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالإثنين أكتوبر 29, 2012 9:44 am من طرف الـعـيـان

» xara webstyle , بالإصدار الرابع ,لتصميم كل رسومات الويب
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالإثنين أكتوبر 29, 2012 9:36 am من طرف الـعـيـان

» وفاة المدرب العراقي الاسطورة عمو بابا
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالإثنين أكتوبر 29, 2012 9:18 am من طرف الـعـيـان

» كأس القارات: الفيفا يرفض الاحتجاج المصري
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالإثنين أكتوبر 29, 2012 9:16 am من طرف الـعـيـان

» إنتر ميلان بتسعة لاعبين يسقط ميلان ويغرد وحيدا على قمة الدوري
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالإثنين أكتوبر 29, 2012 9:15 am من طرف الـعـيـان

» سر جمالك هنا !!!
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالسبت أكتوبر 27, 2012 5:58 am من طرف ahlam

»  طريقة نشر منتداك في جوجل و محركات البحث---حصري---
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالجمعة أكتوبر 26, 2012 8:11 am من طرف ahlam

» تقدم شركة برنامج البث المباشر (بامبيوزر) حسابات كاملة بدون إعلانات
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالخميس أكتوبر 25, 2012 6:34 am من طرف الـعـيـان

» مشكلة انخفاض عدد متابعي الصفحات على فيسبوك
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالخميس أكتوبر 25, 2012 6:27 am من طرف الـعـيـان

» رونالدو ـ جميع التصريحات التي نسبت لي غير صحيحة
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالخميس أكتوبر 25, 2012 6:03 am من طرف ahlam

» تعرّفي على الخلطات الطبيعية للعناية بالشعر وتغذيته
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالخميس أكتوبر 25, 2012 5:55 am من طرف ahlam

»  Accelerate 2003 v4.0 Retail برنامج لزيادة سرعة اتصالك بالانترنت حقيقي وفعال , بعد تنصيبه وتفعيله بالفعل ستشعر الفرق
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 2:27 pm من طرف الـعـيـان

» يرنامج SMS-it! المجاني يسمح لك بإرسال قصيرة و مسجات إلى أي هاتف محمول عن طريق الحاسوب الشخصي
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 1:53 pm من طرف الـعـيـان

» Oxygen Phone Manager for Symbian phones برنامج اوكسجين لادارة جميع انواع الموبايلات و الهواتف الذكية التي تستخدم نظام سيمبيان
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 1:50 pm من طرف الـعـيـان

» i.Xchange Mobile Partner MT A02 1 برنامج جميل ويسهل من تنظيم الرسايل في جوالك.
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 1:46 pm من طرف الـعـيـان

» برنامج Nokia PC Suite هو برنامج رسمي ومجاني من الشركة المصنعة الشهيرة .نوكيا. للهواتف النفالة
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 1:26 pm من طرف الـعـيـان

» هذا البرنامج BlackBerry Database Viewer خاص لمستخمدي جهاز بلاك بيري black berry
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 1:23 pm من طرف الـعـيـان

» Quick Slide Shown هذا البرنامج والادوات العديدة الموجودة فيه تستطيع بسهولة انشاء افلام فلاش بصيغ عديدة.
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 1:20 pm من طرف الـعـيـان

» ميرو من افضل البرامج التي تساعدك على تحميل الفيديو من الانترنت والتعامل معها على جهازك
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 12:53 pm من طرف الـعـيـان

» subtitle workshop 2.51 subtitle workshop 2.51 من اقوى البرامج في مجال ترجمة الافلام والفيديوهات.
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 12:51 pm من طرف الـعـيـان

» Coollector موسوعة الافلام ويكيبيديا للأفلام
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 12:48 pm من طرف الـعـيـان

» بالـ css طريقه صنع زر نشط يتغير عند مرور الماوس عليه بسهولة
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 9:16 am من طرف الـعـيـان

»  الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 9:09 am من طرف الـعـيـان

» وداعا لنقط التمدد .. شرح كيفية تمديد الاستايل بواسطة css
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 9:05 am من طرف الـعـيـان

» إستيل المنتدى الإسلامي هديه لكل أعضاء منتدانا الكرام
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 9:01 am من طرف الـعـيـان

» تصميم وتطوير مواقع الانترنت
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 8:44 am من طرف الـعـيـان

» اشتري دردشة 123 فلاش شات واحصل على الدومين والاستضافة مجانا
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالأربعاء أكتوبر 24, 2012 8:41 am من طرف الـعـيـان

» Snake Eye Vision برنامج عبارة عن نسخ تقنية او نسخ قدرة عين الافعى وتحويلها الى تقنية وكتابتها كبرنامج
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالثلاثاء أكتوبر 23, 2012 5:52 pm من طرف الـعـيـان

» Times Tables هل طفلك يواجه صعوبة في تنظيم وقته ؟ ليس لديك الوقت لتساعد طفلك ايضا ؟
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالثلاثاء أكتوبر 23, 2012 5:45 pm من طرف الـعـيـان

»  Basic Algebra Shape-Up برنامج متميز من البرامج التفاعلية والتعليمية الرياضية الذي يهدف إلى تبسيط الجبر بحيث يعلم الطلاب إنشاء الصيغ الرياضية
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالثلاثاء أكتوبر 23, 2012 5:42 pm من طرف الـعـيـان

»  Math Games Level 1 Math Games Level 1 هذا البرنامج التعليمي المختص بتعليم الرياضيات منذ البداية من جمع وضرب من الرقم 1 حتى 12
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالثلاثاء أكتوبر 23, 2012 5:38 pm من طرف الـعـيـان

» MultipliK12 لعبة تعليمية تختص بتقوية مهارات الطفل الحسابية بشكل ممتع و شيق يحث الطفل على على التعلم و ينمي لديه حب تعلم الرياضيات.
الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css Icon_minitimeالثلاثاء أكتوبر 23, 2012 5:36 pm من طرف الـعـيـان

  • تذكرني؟
  • انت متصل باسم
    آخر زيارة لك كانت الأربعاء ديسمبر 31, 1969
    لديك 0 مساهمة

      • الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css

      الـعـيـان
      الـعـيـان
      الـعـيـان
      مدير المنتدى
      مدير المنتدى


      عدد المساهمات : 245
      تاريخ التسجيل : 28/09/2012
      • مساهمة رقم 1

      شرح الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css

      مُساهمة من طرف الـعـيـان الأربعاء أكتوبر 24, 2012 9:07 am

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

      اخواني الغاليين

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

      (صور الشرح مرفقة باسم css_table)

      اخواني الغاليين

      تكملة لما بدأه استاذي وحبيبي كتوم في لغة css

      واتمني من الله سبحانه وتعالى ان ينال الدرس اعجابكم

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

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

      -----------

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

      وذلك حتي تتعلم اللغة بإتقان ولا يكون مجرد تطبيق بدون وعي

      لأول مرة : طريقه توزيع صور الإستايل بواسطة css بدون جدوال .

      واكرر شكري لأستاذي وحبيبي كتوم على البداية الرائعة وشرحه المبسط الاكثر من رائع لهذه اللغة الرائعة

      صلي على الرسول الحبيب

      وتوكل على الله ونبدا الدرس

      قبل البدء هذا هو مثال حي للاستايل الذي تم استخدام

      css

      لتأطير واحاطة القوالب به

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

      اولا عليك تصميم شكل الاطار

      وهذا الدرس هيفيدك في تعلم كيفية التصميم

      [1 الاقسام الاحترافية] شرح التصميم بالفوتوشوب والتعامل مع اداة الباث ...

      انا صممت وطلع معي هذا الشكل

      صراحة ذوقي في اختيار الالوان مرة تعبان <<<< الله يعين



      نبغي نشوف ابداعاتكم في التصميم

      بعد التصميم نأتي الى التقطيع

      والتقطيع سهل مرة

      ماعليك الا التقطيع كتالي

      لاحظ معي



      هيكون التقطيع على اساس صورتيين في الاعلي + صورة تمدد

      صورتيين في الاسفل + صورة تمدد

      صورتيين اعمدة

      احجام الصور المتساوية لا تهمنا كثيرا لاننا لن نستخدم الجداول

      يعني قطع على كيفك

      طيب بعد الانتهاء من التقطيع

      File<<<save for the web

      بعد ذلك قم بفتح الدريم ويفر

      قم بفتح صفحة

      html

      ثم قم بإضافة متغيير جديد

      كما موضح بالصورة



      بعد ذلك قم بتطبيق التالي



      هتفتح لك صفحة منها اذهب الى الاختيار الخاص ب

      Background

      ثم قم بإستعراض صورة التمدد العلوية

      وطبق الاتي



      بعد ذلك انتقل من القائمة اليسري الى الخيار الخاص ب

      Box

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

      كما موضح بالصورة





      بعدها اضغط اوكيه

      ثم قم بإنشاء متغيير جديد كما موضح بالصورة



      بعد ذلك قم بتطبيق الاتي



      بعد ذلك من القائمة اليسري قم بإختيار

      Background

      ثم طبق الاتي



      طبعا هتقوم بإستعراض الصورة اليمني العلوية

      بعد ذلك من القائمة اليسري قم بإختيار

      Box

      ثم قم بوضع كلا من ارتفاع الصورة وعرضها

      وطبق الاتي



      بعد ذلك اضغط موافق

      ثم ارجع مرة اخرى وقم بإضافة متغيير جديد

      ونفس التطبيقات اللى سويناها مع تغيير الاسم الى

      #header .left

      قم بإستعراض الصورة اليسري العلوية وطبق الاتي



      ثم اذهب الى

      Box

      وطبق الاتي



      كلام جميل

      قم بإضافة متغيير جديد

      باسم

      #contain

      وماعليك الا ان تذهب الى

      Box

      وتطبق الاتي



      ناتي الان الى اعمدة

      قم بإضافة متغيير جديد وطبق الاتي



      بعد ذلك قم بإستعراض صورة العمود الايسر

      وطبق الاتي



      اذهب لخانة

      Box

      وقم بتطبيق الاتي

      (مع تغيير الاحجام الى مايتناسب مع تصميمك)



      طيب نبغى نشوف شطارتكم في توزيع العمود الايمن

      مع العلم ان اسم المتغيير سوف يكون

      .verright

      بعد ذلك

      تقوم بتوزيع الجدول السفلي كما شرحنا الجدول العلوي

      وهذه هي الاسماء اللى تستخدمها حتي لا يحدث تعارض بين الاكواد اثناء التاطير في التمبلت

      #footer

      #footer .fright

      #footer .fleft

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

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



      ثم نذهب الى اعدادت
      css

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

      ------------

      والان ناتي الى التاطير

      تابع الرد التالي

      يتبـــــــــــــــع
      • الرجوع الى أعلى الصفحة
      الـعـيـان
      الـعـيـان
      الـعـيـان
      مدير المنتدى
      مدير المنتدى


      عدد المساهمات : 245
      تاريخ التسجيل : 28/09/2012
      • مساهمة رقم 2

      شرح رد: الان وحصريا ... اسهل واقوى طريقة لاحاطة وتاطير جميع القوالب بإستخدام Css

      مُساهمة من طرف الـعـيـان الأربعاء أكتوبر 24, 2012 9:09 am

      التاطير واستبدال التمبلات
      اولا تمبلت الناف بار



      قم بوضع الكود التالي في بداية التمبلت

      رمز Code:

      <div id="header">
      <div class="right"></div>
      <div class="left"></div>
      </div>
      <div class="verright">
      <div class="verleft">
      <div id="contain">

      والكود التالي في نهايته

      رمز Code:

      </div>
      </div></div>
      <div id="footer">
      <div class="fright"></div>
      <div class="fleft"></div>
      </div>

      للعلم هذه الاكود تعتمد اساسا على الاسماء التي قمت بذكرها ويمكنك تغيير الاسماء اذا كنت استخدمت اسماء اخرى

      *----------------------------------*

      تمبلت الفورم ديسبلاي

      img_fourmdisplay

      التعديل الاول

      ابحث عن

      رمز Code:

      <!-- sub-forum list -->

      اسفله قم بإضافة الكود التالي

      رمز Code:

      <div id="header">
      <div class="right"></div>
      <div class="left"></div>
      </div>
      <div class="verright">
      <div class="verleft">
      <div id="contain">

      ثم ابحث عن

      رمز Code:

      <!-- / sub-forum list -->

      اسفله قم بإضافة الكود التالي

      رمز Code:

      </div>
      </div></div>
      <div id="footer">
      <div class="fright"></div>
      <div class="fleft"></div>
      </div>

      -------

      التعديل الثاني

      ابحث عن

      رمز Code:

      <!-- / controls above thread list -->

      اسفله قم بإضافة الكود التالي

      رمز Code:

      <div id="header">
      <div class="right"></div>
      <div class="left"></div>
      </div>
      <div class="verright">
      <div class="verleft">
      <div id="contain">

      ثم ابحث عن

      رمز Code:

      <!--/ controls below thread list -->

      اسفله قم بإضافة الكود التالي

      رمز Code:

      </div>
      </div></div>
      <div id="footer">
      <div class="fright"></div>
      <div class="fleft"></div>
      </div>

      ---------------------------------------

      تمبلت الفورم هوم

      لمن يريد فصل الاقسام عليه استبدال تمبلت الفورم هوم بالتالي

      رمز Code:

      $stylevar[htmldoctype]
      <html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
      <head>
      <!-- no cache headers -->
      <meta **********="Pragma" content="no-cache" />
      <meta **********="Expires" content="-1" />
      <meta **********="Cache-Control" content="no-cache" />
      <!-- end no cache headers -->
      $headinclude
      <title><phrase 1="$vboptions[bbtitle]">$vbphrase[x_powered_by_vbulletin]

      </phrase></title>
      </head>
      <body bgcolor="#E18A94">
      $header
      $navbar

      <!-- guest welcome message -->

      <if condition="$show['guest']">

      <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar

      [cellspacing]" border="0" width="100%" align="center">

      <thead>

      <tr>

      <td class="tcat" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else

      />5</if>"><phrase 1="$vboptions[bbtitle]">$vbphrase[welcome_to_the_x]</phrase></td>

      </tr>

      <tr>

      <td class="alt1" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else

      />5</if>">

      <phrase 1="faq.php?$session[sessionurl]" 2="register.php?$session

      [sessionurl]">$vbphrase[first_visit_message]</phrase>

      </td>

      </tr>

      </thead>

      </table>

      </if>

      <!-- / guest welcome message -->

      <!-- main -->

      $forumbits

      <!-- /main -->

      <br />
      <br />
      <div id="header">
      <div class="right"></div>
      <div class="left"></div>
      </div>
      <div class="verright">
      <div class="verleft">
      <div id="contain">
      <!-- what's going on box -->
      <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar

      [cellspacing]" border="0" width="100%" align="center">
      <thead>
      <tr>
      <td class="tcat" colspan="2">$vbphrase[whats_going_on]</td>
      </tr>
      </thead>
      <if condition="$show['loggedinusers']">
      <!-- logged-in users -->
      <tbody>
      <tr>
      <td class="thead" colspan="2">
      <a style="float:$stylevar[right]" href="#top" onclick="return

      toggle_collapse('forumhome_activeusers')"><img id="collapseimg_forumhome_activeusers"

      src="$stylevar[imgdir_button]/collapse_thead$vbcollapse

      [collapseimg_forumhome_activeusers].gif" alt="" border="0" /></a>
      <a href="online.php$session[sessionurl_q]"

      rel="nofollow">$vbphrase[currently_active_users]</a>: $totalonline (<phrase

      1="$numberregistered" 2="$numberguest">$vbphrase[x_members_and_y_guests]</phrase>)
      </td>
      </tr>
      </tbody>
      <tbody id="collapseobj_forumhome_activeusers" style="$vbcollapse

      [collapseobj_forumhome_activeusers]">
      <tr>
      <td class="alt2"><a href="online.php$session[sessionurl_q]"

      rel="nofollow"><img src="$stylevar[imgdir_misc]/whos_online.gif" alt="$vbphrase

      [view_whos_online]" border="0" /></a></td>
      <td class="alt1" width="100%">
      <div class="smallfont">
      <div style="white-space: nowrap"><phrase

      1="$recordusers" 2="$recorddate" 3="$recordtime">$vbphrase

      [most_users_ever_online_was_x_y_at_z]</phrase></div>
      <div>$activeusers</div>
      </div>
      </td>
      </tr>
      </tbody>
      <!-- end logged-in users -->
      </if>
      <tbody>
      <tr>
      <td class="thead" colspan="2">
      <a style="float:$stylevar[right]" href="#top" onclick="return

      toggle_collapse('forumhome_stats')"><img id="collapseimg_forumhome_stats" src="$stylevar

      [imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_stats].gif" alt=""

      border="0" /></a>
      <phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]

      </phrase>
      </td>
      </tr>
      </tbody>
      <tbody id="collapseobj_forumhome_stats" style="$vbcollapse

      [collapseobj_forumhome_stats]">
      <tr>
      <td class="alt2"><img src="$stylevar[imgdir_misc]/stats.gif" alt="<phrase

      1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase>" border="0" /></td>
      <td class="alt1" width="100%">
      <div class="smallfont">
      <div>
      $vbphrase[threads]: $totalthreads,
      $vbphrase[posts]: $totalposts,
      $vbphrase[members]: $numbermembers<if

      condition="$show['activemembers']">,
      <span title="<phrase 1="$vboptions

      [activememberdays]">$vbphrase[within_the_last_x_days]</phrase>">$vbphrase

      [active_members]: $activemembers</span>
      </if>
      </div>
      <div><phrase 1="member.php?$session[sessionurl]

      u=$newuserid" 2="$newusername">$vbphrase[welcome_to_our_newest_member_x]

      </phrase></div>
      </div>
      </td>
      </tr>
      </tbody>
      <if condition="$show['birthdays']">
      <!-- today's birthdays -->
      <tbody>
      <tr>
      <td class="thead" colspan="2">
      <a style="float:$stylevar[right]" href="#top" onclick="return

      toggle_collapse('forumhome_birthdays')"><img id="collapseimg_forumhome_birthdays"

      src="$stylevar[imgdir_button]/collapse_thead$vbcollapse

      [collapseimg_forumhome_birthdays].gif" alt="" border="0" /></a>
      $vbphrase[todays_birthdays]
      </td>
      </tr>
      </tbody>
      <tbody id="collapseobj_forumhome_birthdays" style="$vbcollapse

      [collapseobj_forumhome_birthdays]">
      <tr>
      <td class="alt2"><a href="calendar.php?$session[sessionurl]

      do=getday&amp;day=$today&amp;sb=1"><img src="$stylevar[imgdir_misc]/birthday.gif"

      alt="$vbphrase[view_birthdays]" border="0" /></a></td>
      <td class="alt1" width="100%"><div

      class="smallfont">$birthdays</div></td>
      </tr>
      </tbody>
      <!-- end today's birthdays -->
      </if>
      <if condition="$show['upcomingevents']">
      <tbody>
      <tr>
      <td class="thead" colspan="2">
      <a style="float:$stylevar[right]" href="#top" onclick="return

      toggle_collapse('forumhome_events')"><img id="collapseimg_forumhome_events"

      src="$stylevar[imgdir_button]/collapse_thead$vbcollapse

      [collapseimg_forumhome_events].gif" alt="" border="0" /></a>
      <if condition="$show['todaysevents']">$vbphrase

      [todays_events]<else /><phrase 1="$vboptions[showevents]">$vbphrase

      [upcoming_events_for_the_next_x_days]</phrase></if>
      </td>
      </tr>
      </tbody>
      <tbody id="collapseobj_forumhome_events" style="$vbcollapse

      [collapseobj_forumhome_events]">
      <tr>
      <td class="alt2"><a href="calendar.php$session[sessionurl_q]"><img

      src="$stylevar[imgdir_misc]/calendar.gif" alt="$vbphrase[calendar]" border="0" /></a></td>
      <td class="alt1" width="100%"><div

      class="smallfont">$upcomingevents</div></td>
      </tr>
      </tbody>
      </if>
      <tbody>

      <tr>

      <td class="thead" align="center" colspan="<if condition="$vboptions

      ['showmoderatorcolumn']">6<else />5</if>"><div class="smallfont"><strong>

      <a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase

      [mark_forums_read]</a>

      &nbsp; &nbsp;

      <a href="showgroups.php?$session[sessionurl]">$vbphrase[view_forum_leaders]</a>

      </strong></div></td>

      </tr>

      </tbody>

      </table>
      </div>
      </div></div>
      <div id="footer">
      <div class="fright"></div>
      <div class="fleft"></div>
      </div>
      <br />


      <!-- icons and login code -->
      <table cellpadding="0" cellspacing="2" border="0" width="100%">
      <tr valign="bottom">
      <td>
      <table cellpadding="2" cellspacing="0" border="0">
      <tr>
      <td><img src="$stylevar[imgdir_statusicon]/forum_new.gif"

      alt="$vbphrase[contains_new_posts]" border="0" /></td>
      <td class="smallfont">&nbsp; $vbphrase

      [forum_contains_new_posts]</td>
      </tr>
      <tr>
      <td><img src="$stylevar[imgdir_statusicon]/forum_old.gif"

      alt="$vbphrase[contains_no_new_posts]" border="0" /></td>
      <td class="smallfont">&nbsp; $vbphrase

      [forum_contains_no_new_posts]</td>
      </tr>
      <tr>
      <td><img src="$stylevar

      [imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" border="0" /></td>
      <td class="smallfont">&nbsp; $vbphrase

      [forum_is_closed_for_posting]</td>
      </tr>
      </table>
      </td>
      <if condition="!$show['guest']">
      <!-- member logout -->
      <td align="$stylevar[right]"><a href="login.php?$session[sessionurl]

      do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()"><phrase

      1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></a></td>
      <!-- end member logout -->
      </if>
      </tr>
      </table>
      <!-- / icons and login code -->

      $footer
      </body>
      </html>

      وهو معدل وجاهز

      وعليك ايضا استبدال تمبلت

      forumhome_forumbit_level1_nopost

      بالتالي

      رمز Code:

      <div style="padding:5px 0px 5px 0px;"></div>




      <div id="header">
      <div class="right"></div>
      <div class="left"></div>
      </div>
      <div class="verright">
      <div class="verleft">
      <div id="contain">
      <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" border

      bgcolor="#784148">
      <tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
      <td><if condition="$childforumbits">
      <div align="center">
      <table cellpadding="6" cellspacing="$stylevar[cellspacing]" border="0" width="100%" >


      <tr align="center">
      <td class="thead" colspan="6" background="TRAIDNT/bgt_34.jpg">
      <center><a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><b>
      $forum[title]</b></a></center>
      <if condition="$show['forumde******ion']"><div class="smallfont">
      $forum[de******ion]</div></if>
      <if condition="$show['subforums']"><div class="smallfont"><strong>
      $vbphrase[subforums]</strong>: $forum[subforums]</div></if></td>
      </tr>


      <tr align="center">
      <td class="thead" width="4%">&nbsp;</td>
      <td class="thead" align="$stylevar[left]">$vbphrase[forum]</td>
      <td class="thead" width="240">$vbphrase[last_post]</td>
      <td class="thead" width="7%">$vbphrase[threads]</td>
      <td class="thead" width="7%">$vbphrase[posts]</td>
      <if condition="$vboptions[showmoderatorcolumn]">
      <td class="thead" width="12%">$vbphrase[moderator]</td>
      </if>
      </tr>
      $childforumbits


      </table>
      </div>
      </if>
      </td>

      </tbody>
      </table>
      </div>
      </div></div>
      <div id="footer">
      <div class="fright"></div>
      <div class="fleft"></div>
      </div>



      </body>
      </html>

      وهو ايضا معدل وجاهز

      ---------------------------------

      بذلك نكون قد انتهينا من التاطير

      ولم يتبقى لنا الا تمبلت
      Showthead

      postbit_legacy

      وهما ما احاول ان اجد طريقة تاطيرهم بالسي اس اس

      اول ما اعرف الطريقة بنزلها لعيونكم

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

      ----------------------

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

      وان يكون الدرس واضح وخفيف

      في امان الرحمن

      ,,,,,,,
      • الرجوع الى أعلى الصفحة

        الوقت/التاريخ الآن هو الخميس مايو 02, 2024 11:10 am