منتديات شباب الجزائر

العودة   منتدى شباب الجزائر لكل العرب > اقسام تطوير المواقع والمنتديات > منتدى تطوير المنتديات vbulletin 3.8.X > ركن تطوير منتديات 3.7

ركن تطوير منتديات 3.7 يُمنع منعاً باتاً طرح أي موضوع يختص بالطلبات والمشاكل بهذا القسم

نقلة نوعية في تطوير المنتديات ( درس القوالب المنسدلة )

الكلمات الدلالية (Tags)
المنتديات, المنسدلة, البوست بيت, القوالب, القوالب المنسدلة, تطوير, درس, نوعية, نقلة, نقلة نوعية
 
المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
بيان حكم الذكر الجماعي في المنتديات صلاح الجزائري 2009 منتدى الدين الاسلامي الحنيف 7 2009-08-30 04:01 PM
.| ®| ~ٍَِْ ;قنآة زكريآء بطرس لعنه تسب أعظم الخلق شآرك معنآ لإزآلة القناآة .| ®| ~ْ ĐξṦĬĢήęЯ منتدى الحبيب محمد صلى الله عليه وسلم 2 2009-08-24 05:17 PM
هاك الكلمات الدليليه من عنوان الموضوع تلقائياً .... تطوير آلزعيم آلروحي 3algeria منتدى تطوير المنتديات vbulletin 3.8.X 1 2009-07-27 09:04 AM
الغيرة في المنتديات ما هي؟ سفيرة الجزائر منتدى النقاش والحوار 2 2009-06-05 05:00 PM
لماذا صنعت المنتديات ..؟؟؟ fatma منتدى النقاش والحوار 15 2009-04-08 01:14 PM

 
LinkBack أدوات الموضوع انواع عرض الموضوع
  رقم المشاركة : ( 1 )  
قديم 2008-10-20
 
::عضو شرف ::

 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو

  Fethi.dz غير متواجد حالياً  
رقم العضوية : 42
تاريخ التسجيل : Oct 2008
الدولة :
العمر :
الجنس :  male
مكان الإقامة : الدوحة, قطر
عدد المشاركات : 25 [+]
عدد النقاط : 45
قوة الترشيح : Fethi.dz يستحق التمييز
B10 نقلة نوعية في تطوير المنتديات ( درس القوالب المنسدلة )

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


مؤخرا جلست اعمل على جهازي و بالتحديد على سكريبت vb


عملت على انشاء قالب مشاهذة الموضوع


حيث القالب يجمع كل من الــ postbit ( العرض الافقي) و الــ postbit_lagacy ( العرض العمودي)


و يمكن ان نطلق على هذه الطريقة بالطريقة التردينادية لانها اول مرة شوهد في منتدى ترايدنت التطويري



الجديد في درسي


هو انه قمت بتغير الشكل كلــيا مع اضافة كلا من


1 - برواز للصورة التخصية بحيث يعطي للصورة منظر و رونق جميل
2- اظافة هاك الاوسمة بطريقة منسدلة رائعة و جميلة
3- اظافة بينات الاتصال ايظا بطريقة جميلة و خلابة
4- اضافة هاك اخر مواضيع العضو كالذي موجود هنا و لكن بطريقة منسدلة رائعة



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



راح اضع لكم الصور التوضيحية تقرب لكم ما قلته


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





و السلام عليكم و رحمة الله و بركاته
رد مع اقتباس
اعلانات
 
  رقم المشاركة : ( 2 )  
قديم 2008-10-20
 

 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو

  3algeria غير متواجد حالياً  
رقم العضوية : 1
تاريخ التسجيل : Oct 2008
الدولة :
العمر :
الجنس :  male
مكان الإقامة : شباب الجزائر
عدد المشاركات : 1,316 [+]
عدد النقاط : 652
قوة الترشيح : 3algeria is a splendid one to behold3algeria is a splendid one to behold3algeria is a splendid one to behold3algeria is a splendid one to behold3algeria is a splendid one to behold3algeria is a splendid one to behold
افتراضي

يا الف مليون مرحبا بك اخي فتحي نورتنا بانظمامك الينا فاهلا وسهلا بك بيننا
بارك الله فيك اخي فتحي عمل جميل جدا
تقبل تحياتي
رد مع اقتباس
  رقم المشاركة : ( 3 )  
قديم 2008-10-20
 

 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو

  vBulletin Coder غير متواجد حالياً  
رقم العضوية : 43
تاريخ التسجيل : Oct 2008
الدولة :
العمر :
الجنس :  male
مكان الإقامة : MostaganeM
عدد المشاركات : 8 [+]
عدد النقاط : 20
قوة الترشيح : vBulletin Coder
افتراضي

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

التعديل الأخير تم بواسطة Ahmed_Sat ; 2008-10-24 الساعة 12:33 PM
رد مع اقتباس
  رقم المشاركة : ( 4 )  
قديم 2008-10-20
 
::عضو شرف ::

 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو

  Fethi.dz غير متواجد حالياً  
رقم العضوية : 42
تاريخ التسجيل : Oct 2008
الدولة :
العمر :
الجنس :  male
مكان الإقامة : الدوحة, قطر
عدد المشاركات : 25 [+]
عدد النقاط : 45
قوة الترشيح : Fethi.dz يستحق التمييز
افتراضي

اقتباس
مشاهدة المشاركة المشاركة الأصلية كتبت بواسطة 3algeria
يا الف مليون مرحبا بك اخي فتحي نورتنا بانظمامك الينا فاهلا وسهلا بك بيننا

اقتباس
مشاهدة المشاركة المشاركة الأصلية كتبت بواسطة 3algeria
بارك الله فيك اخي فتحي عمل جميل جدا
تقبل تحياتي



الف شكر لكــ اخي على الترحيب العطر

و شكرا مرة اخرى على المرور العطر بصفحة موضوعي
رد مع اقتباس
  رقم المشاركة : ( 5 )  
قديم 2008-10-20
 
::عضو شرف ::

 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو

  Fethi.dz غير متواجد حالياً  
رقم العضوية : 42
تاريخ التسجيل : Oct 2008
الدولة :
العمر :
الجنس :  male
مكان الإقامة : الدوحة, قطر
عدد المشاركات : 25 [+]
عدد النقاط : 45
قوة الترشيح : Fethi.dz يستحق التمييز
افتراضي

اقتباس
مشاهدة المشاركة المشاركة الأصلية كتبت بواسطة 4nawadir
بارك الله فيك أخي فتحي،


اقتباس
مشاهدة المشاركة المشاركة الأصلية كتبت بواسطة 4nawadir

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


و فيكــ البركــة

اخي ستايل اللمة خاص باللمة

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

تحياتي


التعديل الأخير تم بواسطة Ahmed_Sat ; 2008-10-24 الساعة 12:36 PM
رد مع اقتباس
  رقم المشاركة : ( 6 )  
قديم 2008-10-20
 
::عضو شرف ::

 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو

  Fethi.dz غير متواجد حالياً  
رقم العضوية : 42
تاريخ التسجيل : Oct 2008
الدولة :
العمر :
الجنس :  male
مكان الإقامة : الدوحة, قطر
عدد المشاركات : 25 [+]
عدد النقاط : 45
قوة الترشيح : Fethi.dz يستحق التمييز
افتراضي الجزء الاول

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

ابدأ الدرس على بركة الله

و هو مقسم الى جزئين



الجزء الاول


طريقة انشاء جدول و برواز حول الصورة الشخصية للعضو


أولا نفتح قالب postbit او قالب الـ postbit lagacy

و نبحث عن الجملة الشرط التالي و الخاصة بإضهار الصورة الرمزية للعضو

كود:
 <if condition="$show['avatar']"><td class="alt2"><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a></td></if>


حسنا بعد ذلك نفتح الفرونت بيج او ي اي برنامج يدعم php

الان نريد ان نظع الجملة السابقة داخل مربع و برواز جميل مع خلفية مصورة

كيف ؟؟

أولا نقوم بوضع جدول مع صورة خلفية للجملة السابقة

و جملة بداية الجدول تبدأ بــ <table> و تنتهي بي <table/>

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

كود:
<table bgcolor="#E7E7E7" class="tborder" width="20" style="border-collapse: collapse; background-position:   center top; background-image:url('Fethi.dz-style/misc/icon/avat-bg.gif'); background-repeat:repeat-x" id="table3" cellpadding="6" align="center">

بحيث
bgcolor="#E7E7E7" هي خلفية الجدول وانا اخترت لون رمادي فاتح...

width="20" هو عرض الجدول ( هنا نترك القيمة 20 بحيث ان الجدول اقل حد له عشرون و سيتمدد كل ما تكون الصورة و حسب اعدادات المنتدى )...

background-image:url('Fethi.dz-style/misc/icon/avat-bg.gif') هنا هو امر الذي يستدعي الصورة التي ستوضع خلفية للجدول...

***ملاحظة: الصورة حجمها يجب ان يكون 1 للعرض و 170 للارتفاع


حيث ستصبح جملة الامر هكذا


كود:
<if condition="$show['avatar']"><td class="alt2">
كود:
 
<table bgcolor="#E7E7E7" class="tborder" width="20" style="border-collapse: collapse; background-position: center top; background-image:url('Fethi.dz-style/misc/icon/avat-bg.gif'); background-repeat:repeat-x" id="table3" cellpadding="6" align="center">
<a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a> </table>
</td> </if>

هذه المرحلة الاولى نأتي الى المرحلة الثانية


انشاء برواز للجدول الذي انشاناه ( حدود بلون معين)

ناتي بعد امر <table>





نظع امر <td>



و هذا هو الامر الخاص بإنشاء البرواز للجدول و التي باللون الرمادي الغامق



كود:
<td style="border-style: solid; border-width: 1px; padding-left: 6px; padding-right: 6px; padding-top: 6px; padding-bottom: 4px" bordercolor="#bababa">




و ينتهي هذا الامر دوما بــ <tb/>



الامر border-style: solid لتحديد نوع الخط



solid خط مستقيم

dashesd خط متقطع





الامر bordercolor="#bababa لتحديد لون الخط




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





الكود النهائي سيكون بهذا الشكل




كود:
 
<if condition="$show['avatar']"> <td class="alt2">
<table bgcolor="#E7E7E7" class="tborder" width="20" style="border-collapse: collapse; background-position: center top; background-image:url('Fethi.dz-style/misc/icon/avat-bg.gif'); background-repeat:repeat-x" id="table3" cellpadding="6" align="center"> <tr> <td style="border-style: solid; border-width: 1px; padding-left: 6px; padding-right: 6px; padding-top: 6px; padding-bottom: 4px" bordercolor="#bababa"> <div align="center"> <a href="member.php?$session[sessionurl]u=$post[userid]"> <img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a> </div> </td> </tr> </table> </td> </if>

هذا شكل توضيحي لما سيبدو عليه العمل الذي قمنا به

بطىء تصفح المنتدى حال دون امكانية رفع الصور التوضيحية
رد مع اقتباس
  رقم المشاركة : ( 7 )  
قديم 2008-10-21
 
::صــديق المنتدى::

 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو

  Ahmed_Sat غير متواجد حالياً  
رقم العضوية : 4
تاريخ التسجيل : Oct 2008
الدولة :
العمر :
الجنس :  male
مكان الإقامة :
عدد المشاركات : 1,680 [+]
عدد النقاط : 300
قوة الترشيح : Ahmed_Sat محترفAhmed_Sat محترفAhmed_Sat محترفAhmed_Sat محترف
افتراضي

بارك الله فيكم
رد مع اقتباس
  رقم المشاركة : ( 8 )  
قديم 2008-10-25
 
::عضو شرف ::

 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو

  Fethi.dz غير متواجد حالياً  
رقم العضوية : 42
تاريخ التسجيل : Oct 2008
الدولة :
العمر :
الجنس :  male
مكان الإقامة : الدوحة, قطر
عدد المشاركات : 25 [+]
عدد النقاط : 45
قوة الترشيح : Fethi.dz يستحق التمييز
افتراضي

هل الدرس صعب ام سهل

لم ارى اي تفاعل من قبلكم و اي تطبيق

اتمنى يكون هناك نشاط اكبر

سلام
رد مع اقتباس
  رقم المشاركة : ( 9 )  
قديم 2008-10-26
 

 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو

  vBulletin Coder غير متواجد حالياً  
رقم العضوية : 43
تاريخ التسجيل : Oct 2008
الدولة :
العمر :
الجنس :  male
مكان الإقامة : MostaganeM
عدد المشاركات : 8 [+]
عدد النقاط : 20
قوة الترشيح : vBulletin Coder
افتراضي

بــــــارك الله فيك لكن، راني من نشوف هذا الدرس نتوحش ستايل اللمة ...
رد مع اقتباس
  رقم المشاركة : ( 10 )  
قديم 2009-01-01
 

 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو

  KAKASASA غير متواجد حالياً  
رقم العضوية : 196
تاريخ التسجيل : Dec 2008
الدولة :
العمر :
الجنس :  male
مكان الإقامة : الجزائر
عدد المشاركات : 52 [+]
عدد النقاط : 10
قوة الترشيح : KAKASASA
افتراضي رد: نقلة نوعية في تطوير المنتديات ( درس القوالب المنسدلة )

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

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



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

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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة

نقلة نوعية في تطوير المنتديات ( درس القوالب المنسدلة )



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

الساعة الآن 01:20 PM

Powered by vBulletin® Version 3.8.7 .Copyright ©2000 - 2015, Jelsoft Enterprises Ltd
Search Engine Optimization by vBSEO ©2011, Crawlability, Inc.
Designed & Developed by shababdz.com
جميع الحقوق محفوظة ©2014, منتدى شباب الجزائر لكل العرب