شركة اكرم ديزاين
السلام عليكم
عزيزنا الزائر يرجى التشرف بالدخول للمنتدى ان لم تكن عضوا
او التسجيل ان لم تكن عضوا و تريد الإنضمام لاسرة المنتدى
و شكراا cheers cheers
ادارة المنتدى
Laughing
الفيس بوك : https://www.facebook.com/akram20111
 
 
الرئيسيةإتصل بناالقوانينالتسجيل


شركة اكرم ديزاين
 
الرئيسيةالرئيسية  التسجيلالتسجيل  دخولدخول  
1111


هذه الرسالة تفيد أنك غير مسجل .

و يسعدنا كثيرا انضمامك لنا ...

للتسجيل اضغط هـنـا


شاطر | 
 

 الدرس الخامس [ درس تطاير قالب FORUMHOME ]

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
Admin
Admin
avatar

عدد المساهمات : 691
نقاط : 10002538
السٌّمعَة : 0
تاريخ التسجيل : 24/07/2011
العمر : 22
الموقع : http://akram-design.ibda3.org/

مُساهمةموضوع: الدرس الخامس [ درس تطاير قالب FORUMHOME ]   السبت نوفمبر 12, 2011 9:24 pm

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

اخواني نعتذر عن تقطع الدروس لفتراة بعيده

لاكن نحن الجزائرين على اكمال جميع الدروس ونشر الفائده للجميع

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

الدرس الخامس تطاير قالب
FORUMHOME +
FORUMDISPLAY

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


نبداء العمل


تطاير القالب في الرئيسية يحتاج تعديل على ثلاث قوالب
FORUMHOME
forumhome_forumbit_level1_nopost
forumhome_forumbit_level2_post


افتح قالب FORUMHOME


وبحث عن


كود PHP:
[LEFT] <!-- 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"
>$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_forumbit_level1_nopost


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



كود PHP:
[LEFT] <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<
tbody>
<
tr>
<
td class="tcat" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">
<
a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
<
a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
<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>
</
tbody>
<if
condition="$childforumbits">
<
tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
<
tr align="center">
<
td class="thead" width="35">&nbsp;</td>
<
td class="thead" align="$stylevar"
>$vbphrase[forum]</td>
<
td class="thead" width="200">$vbphrase[last_post]</td>
<
td class="thead" width="65">$vbphrase[threads]</td>
<
td class="thead" width="65">$vbphrase[posts]</td>
<if
condition="$vboptions['showmoderatorcolumn']">
<
td class="thead" width="120">$vbphrase[moderator]</td>
</if>
</
tr>
$childforumbits
</tbody>
</if>
</
table>



[right]اعمل حفظ



افتح قالب forumhome_forumbit_level2_post
[right]احذف كل القالب وضع مكانه الكود التالي

كود PHP:
[LEFT] <tr align="center">
<
td class="alt2" width="35"><img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" /></td>
<
td class="alt1Active" align="$stylevar"
id="f$forum[forumid]">
<
div>
<
a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
<if
condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
</
div>
<if
condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
<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>
<if
condition="$show['subforums']"><div class="smallfont" style="margin-top:$stylevar[cellpadding]px"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
</
td>
<
td class="alt2" width="200" nowrap="nowrap">$forum[lastpostinfo]</td>
<
td class="alt1" width="65">$forum[threadcount]</td>
<
td class="alt2" width="65">$forum[replycount]</td>
<if
condition="$vboptions['showmoderatorcolumn']">
<
td class="alt1" width="120"><div class="smallfont">$forum[moderators]&nbsp;</div></td>
</if>
</
tr>
$childforumbits






وعمل حفظ



الان يهمني التركيز



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










اتوقع كلنا عرفنا القصد من كود التطاير



ابيك الان تفتح قالب forumhome_forumbit_level1_nopost



ونسخ كل شي فيه وضعه وسط قالب التطاير



وهنا توضيح بالصوره







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



وعمل حفظ



يبقى علي ارجع لقالب FORUMHOME



وابحث عن



كود PHP:
<!-- 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>
$template_hook[forumhome_wgo_pos1]
<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]">$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]"><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>
$template_hook[forumhome_wgo_pos2]
<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>
$template_hook[forumhome_wgo_stats]
</div>
</td>
</tr>
</tbody>
$template_hook[forumhome_wgo_pos3]
<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>
$template_hook[forumhome_wgo_pos4]
<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>
$template_hook[forumhome_wgo_pos5]
</table>
<br />
<!-- end what'
s going on box -->
[/
right][/right][/right]




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






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








رجعه لقالب FORUMHOME



ونسخه القالب بالكامل بعد وضع التطاير وضعه بالوحه ومبرووك انتهينا من اصعب درس
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://akram-design.ibda3.org
Admin
Admin
Admin
avatar

عدد المساهمات : 691
نقاط : 10002538
السٌّمعَة : 0
تاريخ التسجيل : 24/07/2011
العمر : 22
الموقع : http://akram-design.ibda3.org/

مُساهمةموضوع: رد: الدرس الخامس [ درس تطاير قالب FORUMHOME ]   الأحد نوفمبر 13, 2011 12:08 pm

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

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


نبداء على بركة الله


ركز الان في الصوره وهي الغالب الي تشوفها باي ستايل وتكون داخل مجلد انت تضعها داخل vb





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







شوف كل مجلد امامه المسار الخاص فيه يبقى عندي فقط مجلد gradients

وهذا يكون توزيعه على الجداول الخاصه بالاقسام وجميع جداول المنتدى

كيف نتعلم توزيع هذا المجلد

انت صمم اي صوره صغيره بالحجم التالي



بتكون متمددة داخل جداول المنتدى

حاول تستخدم الكود التالي في وضع الصور بالمسارات

كود:
#cccccc url(vb-top/gradients/er4r4.gif) repeat-x top left


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

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

كذا اتوقع فهمنا فكرة التوزيع

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


هذه صوره توضع المسار الخاص بجميع جداول الاقسام



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








توزيع الصور في داخل اقسام المنتدى

هذا التوزيع الاول





هنا التوزيع الثاني





هنا محيط الوحة




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


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

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

راح اعطيك مثال على الدرس












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






الان قم باختيار أداة البن تول



[b]قم بتحديد نقاط الانحنائات بالاطراف للمستطيل مثل ماهو موضح لك بالصوره التالية






الان ركز شوي معي هنا الصعوبه


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





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



بيكون لدينا الطبقات بالشكل التالي





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






وبنفس الطريقه حاول تغير في الانحنائات للطبقه الاخيره





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





حول الطبقات الى
Rasterize Layer





الان من ادوات ليرى ستايل قم بتدعيل المنحنيات بوضع حدود وغيره من المسات الي في اداة اليرى ستايل







في النهائيه بيكون عندي هيدر جميل طبعاً راح اعطيكم جزاء من العمل








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



[/b]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://akram-design.ibda3.org
 
الدرس الخامس [ درس تطاير قالب FORUMHOME ]
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شركة اكرم ديزاين :: منتدى vb :: منتدى vb :: طلبات ستايلات VB-
انتقل الى: