((دروس الستايلات المتطورة الجـBـزء)) بالصور تغيروتعديل قالب forumhome_forumbit

04 - 10 - 2005, 02:56 triple غير متواجد حاليآ بالمنتدى

triple

:: عضو نشيط ::

((دروس الستايلات المتطورة الجـBـزء)) بالصور تغيروتعديل قالب forumhome_forumbit_level2

هذا الدرس الثاني من سلسلة دروس الستايلات المتطورة >>اقراء الدرس للنهاية

قبل كل شي لازم نفصل الاقسام في الصفحة الرئيسية >> كيف جاك الجواب

افتح قالب FORUMHOME
استبدل هذا الكود>> تقريبا في السطر 13

رمز PHP:


			
<!-- main --> 

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"> 

<thead> 

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

    <!-- guest welcome message --> 

    <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> 

    <!-- / guest welcome message --> 

    </if> 

    <tr align="center"> 

      <td class="thead">&nbsp;</td> 

      <td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td> 

      <td class="thead" width="175">$vbphrase[last_post]</td> 

      <td class="thead">$vbphrase[threads]</td> 

      <td class="thead">$vbphrase[posts]</td> 

      <if condition="$vboptions['showmoderatorcolumn']"> 

      <td class="thead">$vbphrase[moderator]</td> 

      </if> 

    </tr> 

</thead> 

$forumbits 

<tbody> 

    <tr> 

        <td class="tfoot" 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> 

<!-- /main -->

بهذا الكود الاخر

رمز PHP:


			
<!-- 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 -->

وفي نفس القالب FORUMHOME استبدل هذا الكود

رمز PHP:


			
</table> 

<br /> 

<!-- end what's going on box -->

بهذا الكود

رمز PHP:


			
<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> 

<br /> 

<!-- end what's going on box -->

انتهينى من قالب الفورم هوووووم

بقي قالب forumhome_lastpostby

استبدل كامل محتوى قالب forumhome_lastpostby بهذا الكود

رمز PHP:


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



<div class="smallfont" align="$stylevar[left]">  



    <div style="clear:both">  



        <if condition="$show['icon']"><img class="inlineimg" src="$icon[iconpath]" alt="$icon[title]" border="0" /></if>  



        <a href="showthread.php?$session[sessionurl]goto=newpost&amp;t=$lastpostinfo[lastthreadid]" title="<phrase 1="$lastpostinfo[lastthread]">$vbphrase[go_first_unread_in_thread_x]</phrase>"><strong>$lastpostinfo[trimthread]</strong></a>  



    </div>  



       



</div>  



<else />  



</if>

************************نبدا الشرح****************

قالب forumhome_forumbit_level2_post

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

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

طيب نسمي بالله ونبدأ ..

*** على فكرة التصميم راح يكون على حسب الستايل الي عندك حتى تقدر انك تسوية على شكل دائرة بس يكون متناسق مع ستايلك

طبعا ماراح اشرح كيف تصمم لان الدرس اقرب الى النظري منه العملي يعني انا راح اعطيك الزبده في الموضوع ؟

1/ اول شي صمم شكل يكون حليو وفيه لمسات ابداعيه >> شوف الصورة توضح .. طبعا مافيها شي من الذوق ولا من الابداع خخخ

2/ بعد التصميم قطع الصورة وياريت تقطع بشكل احترافي على حسب تصميمك >>> انت الحين محترف ((شوف الصورة))

3/ بعد التقطيع التركيب على الفرنت بيج

**** طبعا وملاحظة مهمه جدا*******

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

راح تكون الصور فيها >> من خصائص الخلية *********

طبعا شوف الصورة الي مركبها وراح اشرح عليها اماكن وضع الصور واماكن خصائص الخلايا (( الصورة))

************************************************** ***********************************

********** شرح التركيب >> لاحظ الي باللون الاخضر فيه سواد >>> هذي خلايا سويت فيها >>> ادراج صورة <<<<

********* ولاحظ الخلايا اللي باللون الازرق الفاتح >>> هذي خلايا سويت الصور فيها عن طريق >>>خصائص الخلية <<<

************************************************** ***********************************

بعد التركيب بقي حاجة وحده وهي وضع الاكواد وكل كود في مكانة في التصميم >

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

بعد ماتخلص من لصق الاكواد الباقية راح تكون النتيجة كذا (( الصورة))

وهذي المحصلة النهائية

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

********************************

************* *****هذي هي الاكواد ********************

\\\\\\\\\\\\\ كود عنوان أو اسم القسم /////////////////////////////

رمز PHP:


			
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>

\\\\\\\\\\\\ كود وصف القسم ////////////////////////////////////////

رمز PHP:


			
<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>

\\\\\\\\\\\\متغير عنوان الموضوع//////////////////

رمز PHP:


			
$forum[lastpostinfo]

\\\\\\\\\\\\\\ كود كاتب المشاركة ////////////////////

رمز PHP:


			
<div<if condition="is_browser('ie', 6)"> style="float:$stylevar[left]"</if>> 



        <phrase 1="member.php?$session[sessionurl]find=lastposter&amp;f=$lastpostinfo[forumid]" 2="$lastpostinfo[lastposter]">$vbphrase[by_x]</phrase>

\\\\\\\\\\\\\\ كود وقت المشاركة بالساعات ////////////////

رمز PHP:


			
<if condition="!$show['detailedtime']"><span class="time">$lastpostinfo[lastposttime]</span></if>

\\\\\\\\\\\\\متغير وقت المشاركة تاريخ بعيد مثل - اليوم - الأمس ////////////////////

رمز PHP:


			
$lastpostinfo[lastpostdate]

\\\\\\\\\\\\\\\ كود أيقونت الذهاب لآخر مشاركة ( السهم )////////////////////////

رمز PHP:


			
<div align="$stylevar[right]"> 



        <a href="showthread.php?$session[sessionurl]goto=lastpost&amp;t=$lastpostinfo[lastthreadid]"><img class="inlineimg" src="$stylevar[imgdir_button]/lastpost.gif" alt="$vbphrase[go_to_last_post]" border="0" /></a> 



    </div>

//////////متغير عدد المواضيع\\\\\\\\\\\\

رمز PHP:


			
$forum[threadcount]

////////متغير عدد المشاركات\\\\\\\\\\\\\\\

رمز PHP:


			
$forum[replycount]

/////////كود المشرفين\\\\\\\\\\\\\\\\\

رمز PHP:


			
<table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0"> 



                <tr> 



                    <td><if condition="$vboptions['showmoderatorcolumn']"> 



        <td id="showmoderat_$forum[forumid]" valign="top"><IMG align="absmiddle" SRC="$stylevar[imgdir_statusicon]/kesm_05.gif"> <script type="text/javascript"> vbmenu_register("showmoderat_$forum[forumid]"); </script> 



</td> 



<!-- show moderattors menu --> 



<div class="vbmenu_popup" id="showmoderat_$forum[forumid]_menu" style="display:none"> 



<div class="tcat" style="padding:$stylevar[cellpadding]px; border:1px inset; overflow:auto">$vbphrase[moderator]</div> 



<div class="alt2Active" style="border:1px inset; overflow:auto; width:100px"> 



$forum[moderators] 



</div> 



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



                </tr> 



            </table>

//////////////////////كود أيقونة المواضيع - جديد - قديم - مقفل\\\\\\\\\\\\\\\\\

رمز PHP:


			
<p><img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" />                <if condition="$show['subforums']"> 



            </p> 



            <div class="smallfont" style="margin-top:$stylevar[cellpadding]px"></div></if>

///////////////////////كود عدد زروار القسم\\\\\\\\\\\\\\

رمز PHP:


			
<if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>

/////////////////////////////كود إلغاء الإشتراك في هذا القسم \\\\\\\\\\\\\\\

رمز PHP:


			
<if condition="$show['forumsubscription']"><div class="smallfont"><strong><a href="subscription.php?$session[sessionurl]do=removesubscription&amp;f=$forum[forumid]">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></if>

///////////////////////رابط إضافة موضوع جديد\\\\\\\\\\\\\\\\\\\

رمز PHP:


			
newthread.php?$session%5bsessionurl%5ddo=newthread  &f=$forum%5bforumid%5d

/////////////////////////رابط البحث عن أخر مواضيع القسم\\\\\\\\\\\\\\\\\\\\\\

رمز PHP:


			
search.php?$session%5bsessionurl%5ddo=getnew&f=$forum%5bforumid%5d

***************************************

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

في بداية التعليمات البرمجية اعلى الصفحة قم بوضع الكود هذا

رمز PHP:


			
<tr> 



        <td>

وبعدين في نهاية التعليمات البرمجية حط الكود التالي

رمز PHP:


			
</td> 



    </tr>

وبكذا انكون انتهينا من الدرس >> وآسف على القصور اذا كان هناك قصور والله اني سويت الدرس وحاولت اجمع اكبر قدر من المعلومات فيه علشان يكون شامل ..على العموم الله يوفقكم واي استفسار في الخدمة

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع triple

bo3bo3x

hotmail.com

للاستفسار والطلبات

رقم المشاركة : [ 2 ]

04 - 10 - 2005, 12:36 miso غير متواجد حاليآ بالمنتدى

miso :: عضو نشيط ::	جزاك الله كل خير يا غالى على الشرح الوافى ودرس مفيد جدا والله miso أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
miso :: عضو نشيط ::	توقيع miso بسم الله الرحمن الرحيم " وقل اعملوا فسيرى الله عملكم ورسوله والمؤمنون " صدق الله العظيم لمراسلتى أضغط هنــــــــا

رقم المشاركة : [ 3 ]

04 - 10 - 2005, 21:20 triple غير متواجد حاليآ بالمنتدى

triple :: عضو نشيط ::	العفو اخوي ميشوووو triple أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
triple :: عضو نشيط ::

رقم المشاركة : [ 4 ]

05 - 10 - 2005, 03:39 ADEL غير متواجد حاليآ بالمنتدى

ADEL

عضو مؤسس

بيانات موقعي

اسم الموقع: ترايدنت

اصدار المنتدى: Twitter

الله يعطيك الف عافية يابطل

دررس رووعه بارك الله فيك

ADEL

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع ADEL

- l [] Foot Loose And Fancy Free [] l -

رقم المشاركة : [ 5 ]

05 - 10 - 2005, 03:47 ذيــ العيـن ــب غير متواجد حاليآ بالمنتدى

ذيــ العيـن ــب :: عضو شرف ::	درس رائع ومجهوود كبير يعطيك العافيه اخوي ذيــ العيـن ــب أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
ذيــ العيـن ــب :: عضو شرف ::

رقم المشاركة : [ 6 ]

05 - 10 - 2005, 13:07 triple غير متواجد حاليآ بالمنتدى

triple :: عضو نشيط ::	الرائع & ذيب العين العـــــــــفـــــــــــــو حيـــــــــــــــــــــــــــاكـــــــــــــــــــ ــــــــــم triple أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
triple :: عضو نشيط ::

رقم المشاركة : [ 7 ]

09 - 10 - 2005, 13:26 حسام عبده غير متواجد حاليآ بالمنتدى

حسام عبده :: عضو جديد ::	السلام عليكم و رحمة الله و بركاته بارك الله فيك أخي الحبيب لكن أيضاً الصور مش واضحة حسام عبده أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
حسام عبده :: عضو جديد ::

رقم المشاركة : [ 8 ]

09 - 10 - 2005, 13:31 x_5 متواجد حاليآ بالمنتدى

x_5

:: TRAIDNT ::
:: رفيق الدرب ::

بيانات موقعي

اسم الموقع: vbulletin.ae

اصدار المنتدى: :: مجتمع ترايدنت ::

فيه منهم تظهر

x_5

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع x_5

‏‏كُنْ فيْ الْحياهْ كَعابر سبيلٍ وَاتْرُكْ وراءكَ كُل أثرِ جَميل
فَما نَحنُ فِيْ الدُنيا إِلَاضُيُوْف وَما عَلى الضيوْفِ إِلَاالرحيل
واحــد مـــ x_5ـــن النـاس ©

رقم المشاركة : [ 9 ]

09 - 10 - 2005, 14:04 الفلسطيني2 غير متواجد حاليآ بالمنتدى

الفلسطيني2 :: عضو نشيط ::	مبدع أخوي مشكووور على الشرح وإنشاء الله بطبق وبعرض لكم التطبيق الفلسطيني2 أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
الفلسطيني2 :: عضو نشيط ::	توقيع الفلسطيني2 H09@HoT

رقم المشاركة : [ 10 ]

09 - 10 - 2005, 19:50 حسام عبده غير متواجد حاليآ بالمنتدى

حسام عبده :: عضو جديد ::	السلام عليكم و رحمة الله و بركاته أعتذر لك أخي الحبيب طلع العيب من عندي الاتصال كان سيء جداً و بإذن الرحمن سأبدأ في التنفيذ جزاك الله عنا خيراً حسام عبده أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
حسام عبده :: عضو جديد ::

رقم المشاركة : [ 11 ]

09 - 10 - 2005, 22:11 إسماعيل الصغير غير متواجد حاليآ بالمنتدى

إسماعيل الصغير :: عضو فعال ::	مشكور يا اخى الكريم جعله الله فى ميزان حسناتك إسماعيل الصغير أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
إسماعيل الصغير :: عضو فعال ::	توقيع إسماعيل الصغير الإنســـــــــان هو الإنســـــــــــان شــــــــ ــــــــاهد أجمــ ــــــل تصـــــــ ــــاميمى و رشحـــــ ـــــــــــــنى http://www.traidnt.net/vb/traidnt40451/

رقم المشاركة : [ 12 ]

10 - 10 - 2005, 02:59 Aziz غير متواجد حاليآ بالمنتدى

Aziz

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: شباب الكويت

اصدار المنتدى: :: مجتمع ترايدنت ::

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

تحياتي لك يا بطل على هالشرح

Aziz

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع Aziz

.:بسم الله الرحمن الرحيم:.
حياكم بموقعي وموقع الجميع شباب الكويت
موقع مجهود فردي اما المنتدى مجهود جماعي بحت
واتمنى يعجبكم واي اقتراحات للموقع او انتقادات رساله خاصه وشكرا
هذا ستايل مجاني من الموقع هديه للجميع

هذا ستايل مجاني ثاني من الموقع هديه للجميع بمناسبة رمضان

Www.Q8boys.CoM
وشكرا

رقم المشاركة : [ 13 ]

13 - 10 - 2005, 16:44 triple غير متواجد حاليآ بالمنتدى

triple :: عضو نشيط ::	هلا شباب شباب كل الصور ظاهره 100% بس يمكن الباندويث علشان كذا للمجيع اذا ماشفت الصور تعال وقت ثاني وباذن الله تحصلها ومشكورين على درودكم المشجعه triple أضفني كصديق مشاركة هذا الرد في Digg Del.icio.us Technorati Twitter
triple :: عضو نشيط ::

رقم المشاركة : [ 14 ]

14 - 10 - 2005, 21:07 NTAQ.NET غير متواجد حاليآ بالمنتدى

NTAQ.NET

:: عضو نشيط ::

بيانات موقعي

اصدار المنتدى: مدونات

السلام عليكم

مشكووووووووور اخوي على الموضوع والله استفدنا الكثير من موضوعك هذا بس لو سمحت ممكن تزور هالرابط لانه فيه مشكله حصلت معاي في الشرح حقك وحطيت المشكله في منتدى مشاكل الاستايلات
تمدد الاستايل في مقاس الشاشه 800×600

ولو تكرمت ممكن تعطينا ابعاد التصميم الصحيحه للقالب
forumhome_forumbit_level2
والقالب
forumhome_forumbit_level1

NTAQ.NET

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

رقم المشاركة : [ 15 ]

14 - 10 - 2005, 23:03 almobd3 غير متواجد حاليآ بالمنتدى

almobd3

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: جوجل

اصدار المنتدى: لا أملك منتدى

تحياتي لك يا بطل على هالشرح

almobd3

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع almobd3

[IMGO="http://www.shokran.cc/images/logo.jpg"][/IMGO]

...::: الإبداع دوما يولد من رحم المعاناة :::...

almobd3_vip@hotmail.com

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

((دروس الستايلات المتطورة الجـBـزء)) بالصور تغيروتعديل قالب forumhome_forumbit_level2

هذا الدرس الثاني من سلسلة دروس الستايلات المتطورة &gt;&gt;اقراء الدرس للنهاية قبل كل شي لازم نفصل الاقسام في الصفحة الرئيسية &gt;&gt; كيف جاك الجواب افتح

هذا الدرس الثاني من سلسلة دروس الستايلات المتطورة >>اقراء الدرس للنهاية قبل كل شي لازم نفصل الاقسام في الصفحة الرئيسية >> كيف جاك الجواب افتح