أفكار لــشقــلــبــة شكل المنتدى (vBulletin) .. نـظرة تـفـصيـلـيـة

**FLASHFP** · 08-06-2006

الله يجزاك كل خير ويوفقك..

**SMQ** · 08-06-2006

المشاركة الأصلية كتبت بواسطة romioo

شرح رائع مشكور اخوى وبارك الله فيك

العفو ... تستاهلون .... الله يبارك فيك ...

SMQ

**SMQ** · 08-06-2006

المشاركة الأصلية كتبت بواسطة FLASHFP

الله يجزاك كل خير ويوفقك..

ويجزاك خيرا ... شكرا لمرورك ...

SMQ

**alred1** · 08-06-2006

جزاك الله خير

**SMQ** · 08-06-2006

المشاركة الأصلية كتبت بواسطة alred1

جزاك الله خير

ويجزاك خير ...

SMQ

**SMQ** · 08-06-2006

الدرس الثاني:-

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

http://www.MyOnlineImages.com/Member...Q_OLD_BUDY.gif

المنطقة داخل الاطار الأزرق هي منطقة عرض المنتديات ... ونتحكم بشكلها عن طريق القالب forumhome_forumbit_level1_nopost ..افتح القالب وغيره إلى الكود التالي ...

كود:

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

<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0" dir="rtl"> 
  <tr>  
    <td> 
    		<IMG SRC="SMQ/images/SMQ_box_03.jpg" WIDTH=195 HEIGHT=48 ALT=""></td> 
    <td class="alt5" style="background: url('SMQ/images/SMQ_box_02.jpg');" width="100%" valign="middle" > 
            <center><p style="margin-top: 8px; margin-bottom: 8px">
			<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><b> 
            <span style="text-decoration: none">$forum[title]</span></b></a></p>
			</center> 
            </td> 
<td> 
    		<IMG SRC="SMQ/images/SMQ_box_01.jpg" WIDTH=195 HEIGHT=48 ALT=""></td> 
    
  </tr> 
</table> 


</div>


<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> 
<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">
            <if condition="$show['forumdescription']"><div class="smallfont"> 
        $forum[description]</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 align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0" dir="rtl"> 
  <tr>  
    <td> 
    		<IMG SRC="SMQ/images/SMQ_box_06.jpg" WIDTH=195 HEIGHT=48 ALT=""></td> 
    <td  style="background: url('SMQ/images/SMQ_box_05.jpg');" width="100%"></td> 
    <td> 
    		<IMG SRC="SMQ/images/SMQ_box_04.jpg" WIDTH=195 HEIGHT=48 ALT=""></td> 
  </tr> 
  </table> 
</div>

يتبع .....

SMQ

**SMQ** · 08-06-2006

تتمة الدرس الثاني:-

أما المنطقة داخل الاطار الأحمر فهي منطقة عرض الاحصائيات وحالة الاتصال ... ونتحكم بشكلها من قالب forumhome ...افتح القالب .. وغيره الى الكود التالي ...

كود:

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

<!-- main --> 
</p>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"> 
<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_q]" 2="register.php$session[sessionurl_q]">$vbphrase[first_visit_message]</phrase>
		</td>
	</tr>
	<!-- / guest welcome message -->
	</if>

</table>  


$forumbits 

<br />
<!-- /main --> 

<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0" dir="rtl"> 
  <tr>  
    <td> 
    		<IMG SRC="SMQ/images/SMQ_box_03.jpg" WIDTH=195 HEIGHT=48 ALT=""></td> 
    <td class="alt5" style="background: url('SMQ/images/SMQ_box_02.jpg');" width="100%" valign="middle" > 
            <p style="margin-top: 8px; margin-bottom: 8px">
		<b>$vbphrase[whats_going_on]</b></p></td> 
<td> 
    		<IMG SRC="SMQ/images/SMQ_box_01.jpg" WIDTH=195 HEIGHT=48 ALT=""></td> 
    
  </tr> 
</table> 


</div>


<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> 
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}"> 
  <tr> 
    <td width="4%">
 
<!-- what's going on box --> 
 
<table cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%"> 

<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]"> 
            $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]"><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"> 
        <div class="smallfont"> 
            <div>$vbphrase[threads]: $totalthreads, $vbphrase[posts]: $totalposts, $vbphrase[members]: $numbermembers</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"><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]"><img src="$stylevar[imgdir_misc]/calendar.gif" alt="$vbphrase[calendar]" border="0" /></a></td> 
        <td class="alt1"><div class="smallfont">$upcomingevents</div></td> 
    </tr> 
</tbody> 
</if> 
<tbody> 
</tbody> 
</table> 
</td>  
</tbody> 
</table>  
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0" dir="rtl"> 
  <tr>  
    <td> 
    		<IMG SRC="SMQ/images/SMQ_box_06.jpg" WIDTH=195 HEIGHT=48 ALT=""></td> 
    <td  style="background: url('SMQ/images/SMQ_box_05.jpg');" width="100%" valign="baseline"><div class="smallfont"><strong> 
            <a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a> 
            &nbsp; &nbsp; 
            |&nbsp; &nbsp;<a href="showgroups.php?$session[sessionurl]">$vbphrase[view_forum_leaders]</a> 
        </strong></div>
	<p></td> 
    <td> 
    		<IMG SRC="SMQ/images/SMQ_box_04.jpg" WIDTH=195 HEIGHT=48 ALT=""></td> 
  </tr> 
  </table> 
</div>
<br /> 


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

<!-- 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> 
    	<p>&nbsp;</td> 
    <if condition="!$show['guest']"> 
        <!-- member logout --> 
        <td align="$stylevar[right]"><a href="login.php?$session[sessionurl]do=logout"  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>

الآن شوف شكل المحتويات .. كيف صار ...
http://www.MyOnlineImages.com/Member..._NEW_BUDY1.gif

انتهى

SMQ

**SMQ** · 08-06-2006

توضيح لما جاء بالدرس الثاني:-

وش سوينا بالدرس ....
بسيطة ..... أضفنا <TR> فوق وتحت المنتديات وكذلك الاحصائيات ...

وكل <TR> قسمناه إلى ثلاث <TD> ، إثنين منهم حطينا فيه صوره ثابتة (1،3،4،5) ، و اللي بالوسط حطينا فيه صورة على شكل خلفية متمددة (2،4) وبس ....

SMQ

**SMQ** · 08-06-2006

تطبيق للدرس الثاني:-

مرة أخرى أخوي 9mbc أتمنى تكون بصحة وخير وما تزعل علينا عشان (شلحنا الهدر حق موقعك) .... أنا شفت شكل مميز بالهدر وقلت خلني أحطه تطبيق على الدرس الثاني ....

شوفوا الصورة ....

http://www.MyOnlineImages.com/Member...AMBLE_BUDY.gif

SMQ

**SMQ** · 08-06-2006

توضيح لما فعلناه بالتطبيق:-

أيضا مرة أخرى تذكرون الصورة التي بالدرس السابق ....

شوفوا صورة للتطبيق بشكل أوضح
http://www.MyOnlineImages.com/Member...ESCRIPTION.gif

الصورة أبلغ من أن أحكي وأزعجكم بكلامي ....

انتهى

SMQ

**SMQ** · 08-06-2006

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

**SMQ** · 08-06-2006

تكملة للمرفقات الخاصة بالدرس الثاني ...

SMQ

**مرشوش بفليت** · 08-06-2006

جزاك الله خير ...
مجهود تشكر عليه فعلاً ... ولكن المشكله أن الصور قد تختفي في المستقبل وقد لا تستمر في تعديلها ...
فإذا انتهيت الله لا يهينك ضع كل الدرس في ملف pdf
واطرحه ولو حملوه 10 نضمن بقائه بإذن الله ...
وجزاك الله الف خير ^2

**SMQ** · 08-06-2006

المشاركة الأصلية كتبت بواسطة مرشوش بفليت

جزاك الله خير ...
مجهود تشكر عليه فعلاً ... ولكن المشكله أن الصور قد تختفي في المستقبل وقد لا تستمر في تعديلها ...
فإذا انتهيت الله لا يهينك ضع كل الدرس في ملف pdf
واطرحه ولو حملوه 10 نضمن بقائه بإذن الله ...
وجزاك الله الف خير ^2

ويجزاك خير ....

تامر أمر .... راح يكون كتاب الكتروني ....
بس خلنا نخلص من الشقلبة ...

ونجمع أفكار أكبر من الاعضاء ....

SMQ

**ahbaballah** · 08-06-2006

تطبيق حلو اوى

الموضوع: أفكار لــشقــلــبــة شكل المنتدى (vBulletin) .. نـظرة تـفـصيـلـيـة

أدوات الموضوع

بحث في الموضوع

الدرس الثاني:-

تكملة الدرس الثاني:-

توضيح ما جاء بالدرس الثاني

تطبيق للدرس الثاني

توضيح لما فعلناه بالتطبيق

الحمد لله والشكر له

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