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

[ღღ غصن الأراك ღღ]

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

[Emad Alqadi]

السلام عليكم اخوي عماد القاصي

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

السلام عليكم اخواني المتابعين الكرام

اليوم راح ابدا نقاشي مع عماد القاضي مديرر المنتدى

بكل الود أرحب بأي نوع من الأسئلة وليعذرني الجميع أذا لم أستطع الأجابة عن اي سؤال، فلست عالما بكل الأمور، وأعيد وأذكركم بقول الله تعالي "وما أوتيتم من العلم إلا قليلا"سأحاول جهدي الإجابة بكل وضوح وتجرد ... متمنيا أن تكون الاجابات بمثابة دروس ومعرفة لي وللجميع بالمنتدي.

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

نقول بسم الله

بسم الله وعلي بركة الله نبدأ

1- الاستايل

ما هو الاستايل وما هي مكوناته الاساسيه ؟

مجموعه من القوالب والتصميم مدمجه معا وأنماط جاهزه للعمل وتستخدم غالبا في المنتديات.
يتكون الاستايل عاده من ملفين هما مجلد الصور وملف xml الذي يحتوي علي معلومات وبيانات وتزويع الاستايل

ما هو البنر ؟

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

مثال علي ذلك ...

[img]http://www.*********/upfiles/RQJ45816.gif[/img]

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

الفوتر Footer هو ما يوضع بأسفل الصفح

والهيدر Header هو ما يوضع بأعلي الصفحه

مثال علي الهيدر بمنتدي برق

[img]http://www.*********/upfiles/7wY45871.jpg[/img]

ما هي الازرار ؟

هي الأدوات التي يصنعها المصمم بالمنتديات ويتم تركيبها من قبله وبالضغط عليها يسهل علي المتصفح الوصول الي مراده وهذه الأزرار متواجده بالصندوق الماسي أو العادي مثل (الفلاش، الميديا، الخلفيات، الصور ... الخ)

[img]http://www.*********/upfiles/7v445940.gif[/img]

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

البداية دائما بمعرفة كامله بالفوتوشوب أو بأي برامج تصميم .... وهذا أساسي لعمل البنر

الشرح ....

1. فتح الفوتوشوب وتحديد القياسات،

[img]http://www.*********/upfiles/SrK46165.jpg[/img]

وأختيار لونين متضادين .. فاتح وغامق.

2. أختيار الأداة التاليه

3. ومن ثم نبدأ برسم مستطيل البنر

نعمل الان تأثير بسيط عالبنر

نختار تدرج لوني بين الغامق للفاتح

[img]http://www.*********/upfiles/xrE46701.jpg[/img]

اضافة التأثير اصبح الشكل هكذا

نعمل مستطيل صغير

[IMG]http://www.*********/upfiles/7Tv66046.jpg[/IMG]

ونضعه أسفل البنر قليلا

ومن ثم نذهب فوق المستطيل الصغير ونعمل نفس الشكل التالي

[IMG]http://www.*********/upfiles/nhA66046.jpg[/IMG]

ثم فوقة نعمل

[IMG]http://www.*********/upfiles/Jyr66046.jpg[/IMG]

نضيف بعض الازرار بالبنر بالاعلي او بالاسفل

وهذا يرجع اليك

مثال : تطبيق بسيط علي البنر




والاهم من هذا كلة منطقة التمدد
أي يكون الشكل بالاخير هكذا

[IMG]http://www.*********/upfiles/fVX66047.jpg[/IMG]

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

الان دور تركيب الصور

احضر صورتين من جهازك
ولنبدء بتركيبة الصورة الاولي بيمين البنر

مثلا



ومن ثم نختار الأداة التاليه




لا ننسي لون البنر من القائمه



ولنبدء باستخدام الاداة بظبط الوان الصورة لتتناسق مع البنر

نقوم بسحب الاداة بخط مستقيم من الشمال لليمين




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

[IMG]http://www.*********/upfiles/gYU68556.jpg[/IMG]


والان شكل الصور بعد تنسيقها بالبنر



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

[img]http://www.*********/upfiles/Bqz47885.jpg[/img]


هكذا انتهينا من البنر

لنبدء بالفوتر وهو بسيط وسهل جدا

كل ماعليك استخدام الاداة التالية




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


[img]http://www.*********/upfiles/4vy48344.jpg[/img]


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




ثم قم باضافة لير جديد
ومن ثم قم برسم الشكل التالية بعناية

[img]http://www.*********/upfiles/Jvx48799.jpg[/img]

ثم قم من القائمة بالاعلي اختار

[IMG]http://www.*********/upfiles/Cnn68556.jpg[/IMG]

ثم

اكتب 20

ثم قم بتلوينة لينتج لديك الشكل هكذا

[img]http://www.*********/upfiles/Jvx48799.jpg[/img]

الشكل النهائي مع منطقة التمدد

[IMG]http://www.*********/upfiles/dv368556.jpg[/IMG]

[Emad Alqadi]

2- اشرح كيفية تغيير مكان تسجيل الدخول + تصميم اطار خاص بها + عمل مكان مميز لاظهارها (( وياريت صور ))

للأجابه عن هذا السؤال أرجو المعذرة من أخي الخالد والجميع .. سأستعين بشرح مفصل لأحد المصممين من خلال النت ليسهل للجميع متابعته خطوة بخطوه ...


والشكر لأخي خضر مصمم المواقع ...

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

اولا نفتح الفوتوشوب

وبعدها نفتح صفحة جديدة بحجم
300*40

وسيكون الشكل هكذا اذا

الان في صفحة الليرات , نضغط على اللير مرتين

لكي تظهر لنا هذه الصفحة

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

الان نعمل لير جديد عن طريق الضغط على
Shift + Ctrl + N

وبعدها نحذف اللير السابق

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

ونرسم الان نصف مربع , اي هكذا

الان في صفحة الليرات , سنعمل تاثيرات قليلة على هذا المربع ,
لذا سنضغط كما في الصورة

ونعمل التاثيرات كالتالي وبالنسبة للون , فكود اللون هو #C4C4C4

والان نضغط على تاثير Gradient Overlay ونعمل كما بالصورة

وبالنسبة لاكواد اللون , فهي #DFDFDF و #FFFFFF

ونضغط اوكي

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

والان سنقطعه عن طريق هذه الاداة

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

والان نضغط على

File >>> Save For Web

وبعدها نضغط على Save

ونحدد مسار التسجيل ونسجله

والان نذهب الى مسار الصور الذي سجلناهم

ونختار الصورة الثانية ونفتحها على الفوتوشوب

وبعدها نضغط على Image >>> Canvas Size

ونعمل كما بالصورة

ونضغط اوكي , ونسجل الصورة

وهكذا نكون انهينا 100% امر التصميم

والان نبدا في برنامج الفرونت بيج , لكي نجهز الكود

لذا سنفتح الفرونت بيج

وندخل صفحة الاكواد , عن طريق الضغط على زر code

ونحذف محتوى كل الصفحة التالية

والان نعود الى صفحة التصميم عن طريق الضغط على زر design

والان نضيف جدول مكون من 3 خانات

ونضغط على الجدول بالزر الأيمن ونختار كما بالصورة

ونعمل الاعدادات كالتالي , مع العلم ان المربع الاحمر الاخير ,
يدل على الصورة الثانية والتي اعتبرناها نقطة التمدد

وسيصبح الشكل هكذا

والان لنضيف الصورتان الاخرتان هكذا

ونختارهما ونضيفهم بالجدول

الان عند اضافتهم , سيكون الشكل هكذا

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

ونعمل الاعدادات كما بالصورة

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

وهكذا , نكون انهينا عمل الكود الخاص بالتصميم

والان سنعمل الكود الخاص بتسجيل دخول الاعضاء

لكي يظهر بشكل جميل ومميز

لذا سندخل لوحة تحكم المنتدى

ونبحث عن قالب

Navbar

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

وهذا هو شكله الحالي

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

وسنبدا بالتالي

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

والان سنطور الكود لكي يصبح بشكل أفقي وجميل

وسيكون شكله كالتالي

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

لهذا لنركبه الان بالتصميم

لذا لنعود الان الى الفرونت بيج , ونفتح الصفحة التي عملنا فيها التصميم

وندخل صفحة الاكواد من هنا

وبعدها لو تلاحظ الكود التالي كما بالصورة

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

images/xxx.gif

وسيصبح هكذا

الان لنعود الى صفحة التصميم

ونضغط على الخانة الوسط في الجدول

وندخل على صفحة الاكواد بالضغط على code هنا

وبعدها كما تلاحظون , نظلل الكود التالي

ونضع بدلا منه , الكود الاخير الافقي لتسجيل الدخول

والان نكون 100% انهينا عمل الكود والتصميم وتحضيره بالفرونت بيج

الان ننسخ كود الصفحة كاملا

ونفتح صفحة جديدة , وكما فعلنا بالسابق , نحذف محتوى اكواد تلك الصفحة الجديدة

وهذا الكود عمله هو كأنه لير لكي يكون فوق الصور

والان نضيف الكود الخاص بالتصميم وتسجيل الدخول داخل الكود هذا (اللير)

وفي النهاية انسخ الكود كاملا

وضعه في اخر قالب الهيدر

وستحصلون على

هذا للزائر

وهذا للعضو

[Emad Alqadi]

3- اشرح تأطير الناف بار وكيف نتدرج إلى تاطير اغلب القوالب ثنائي او رباعي؟

سواء كان التأطير رباعي او ثنائي
--------------
مثال

نفتح قالب الناف بار
navbar

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


نبحث عن رقم 3
وسوف نجد كود رقم 3 هذه الكود

رمز PHP:

<!-- breadcrumb, login, pm info -->

ثم نبحث عن رقم 117
وسوف نجد كود رقم 117 هذه الكود

رمز PHP:

<!-- / nav buttons bar -->

مابين الكودين هذه نضعه و سط التأطير

رمز PHP:

<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%">
<if condition="is_array($navbits)">
<table cellpadding="0" cellspacing="0" border="0">
<tr valign="bottom">
<td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
<td>&nbsp;</td>
<td width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
</tr>
<tr>
<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><if condition="$_SERVER['REQUEST_METHOD'] == 'POST'"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="" border="0" /><else /><a href="$navbar_reloadurl"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="$vbphrase[reload_this_page]" border="0" /></a></if> <strong>$navbits[lastelement]</strong></td>
</tr>
</table>
<else />
<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
</if>
</td>
<if condition="$show['member']">
<td class="alt2" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

<if condition="$show['notifications'] AND $show['popups']">
<div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
<****** type="text/java******"> vBmenu.register("notifications"); </******>
<else /><if condition="$show['pmstats']">
<div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
</if></if>

<if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
</div>
</td>
<else />
<td class="alt2" nowrap="nowrap" style="padding:0px">
<!-- login form -->
<form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
<****** type="text/java******" src="client******/vbulletin_md5.js?v=$vboptions[simpleversion]"></******>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</label></td>
<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
<td class="smallfont" nowrap="nowrap"><label for="cb_******user_navbar"><input type="checkbox" name="******user" value="1" tabindex="103" id="cb_******user_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
</tr>
<tr>
<td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->
</td>
</if>
</tr>
</table>
<!-- / breadcrumb, login, pm info -->

<!-- nav buttons bar -->
<div class="tborder" style="padding:$stylevar[cellspacing]px; border-top-width:0px">
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr align="center">
<if condition="$show['member']">
<td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
</if>
<if condition="$show['registerbutton']">
<td class="vbmenu_control"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
</if>
$template_hook[navbar_buttons_left]
<td class="vbmenu_control"><a href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
<if condition="$vboptions['enablememberlist']">
<td class="vbmenu_control"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
</if>
<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
<if condition="$show['popups']">
<if condition="$show['searchbuttons']">
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
<td id="navbar_search" class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <if condition="$show['quicksearch']"><****** type="text/java******"> vbmenu_register("navbar_search"); </******></if></td>
</if>
<if condition="$show['member']">
<td id="usercptools" class="vbmenu_control"><a href="$show[nojs_link]#usercptools" accesskey="3">$vbphrase[quick_links]</a> <****** type="text/java******"> vbmenu_register("usercptools"); </******></td>
</if>
<else />
<if condition="$show['searchbuttons']">
<td class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
</if>
<td class="vbmenu_control"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=n o,menubar=no,toolbar=no,scrollbars=yes,resizable=y es,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></td>
</if>
</if>
$template_hook[navbar_buttons_right]
<if condition="$show['member']">
<td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
</if>
</tr>
</table>
</div>
<!-- / nav buttons bar -->

و الذي على الاعلى اعلى التأطير

رمز PHP:

<br />

و الذي على الاسفل اسفل التأطير

رمز PHP:
[LEFT]<br />

<if condition="$show['notices']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead">$vbphrase[notices]</td>
</tr>
<tr>
<td class="alt1">$notices</td>
</tr>
</table>
<br />
</if>

<if condition="$show['forumdesc']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%"><strong>$foruminfo[title]</strong> <span class="smallfont">$foruminfo[de***********on]</span></td>

</tr>
</table>
<br />
</if>

<if condition="$show['popups']">
<!-- NAVBAR POPUP MENUS -->

<if condition="$show['searchbuttons']">
<!-- header quick search form -->
<div class="vbmenu_popup" id="navbar_search_menu" style="display:none" align="$stylevar[left]">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead">$vbphrase[search_forums]</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<form action="search.php?do=process" method="post">

<input type="hidden" name="do" value="process" />
<input type="hidden" name="quicksearch" value="1" />
<input type="hidden" name="childforums" value="1" />
<input type="hidden" name="exactname" value="1" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<div><input type="text" class="bginput" name="query" size="25" tabindex="1001" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" /></div>
<div style="margin-top:$stylevar[cellpadding]px">
<label for="rb_nb_sp0"><input type="radio" name="showposts" value="0" id="rb_nb_sp0" tabindex="1002" checked="checked" />$vbphrase[show_threads]</label>
&nbsp;
<label for="rb_nb_sp1"><input type="radio" name="showposts" value="1" id="rb_nb_sp1" tabindex="1003" />$vbphrase[show_posts]</label>
</div>
</form>
</td>
</tr>
<if condition="$vboptions[threadtagging]">
<tr>
<td class="vbmenu_option"><a href="tags.php$session[sessionurl_q]" rel="nofollow">$vbphrase[tag_search]</a></td>
</tr>
</if>
<tr>
<td class="vbmenu_option"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]</a></td>
</tr>
$template_hook[navbar_search_menu]
</table>
</div>
<!-- / header quick search form -->
</if>

<if condition="$show['member']">
<!-- user cp tools menu -->
<div class="vbmenu_popup" id="usercptools_menu" style="display:none" align="$stylevar

"

>
<table cellpadding="4" cellspacing="1" border="0">

<tr><td class="thead">$vbphrase[quick_links]</td></tr>
<if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td></tr>
<tr><td class="vbmenu_option"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=n o,menubar=no,toolbar=no,scrollbars=yes,resizable=y es,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></td></tr>
$template_hook[navbar_quick_links_menu_pos1]

<tr><td class="thead">$vbphrase[networking]</td></tr>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=buddylist"><if condition="$show['friends_and_contacts']">$vbphrase[contacts_and_friends]<else />$vbphrase[contacts]</if></a></td></tr>
<if condition="$show['quick_links_groups']">
<tr><td class="vbmenu_option"><a href="group.php$session[sessionurl_q]">$vbphrase[social_groups]</a></td></tr>
</if>
<if condition="$show['quick_links_albums']">
<tr><td class="vbmenu_option"><a href="album.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[pictures_and_albums]</a></td></tr>
</if>
$template_hook[navbar_quick_links_menu_pos2]

<tr><td class="thead"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_control_panel]</a></td></tr>
<if condition="$show['siglink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr></if>
<!--<if condition="$show['avatarlink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr></if>-->
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_your_details]</a></td></tr>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>
$template_hook[navbar_quick_links_menu_pos3]

<tr><td class="thead">$vbphrase[miscellaneous]</td></tr>
<if condition="$show['pmmainlink']"><tr><td class="vbmenu_option"><a href="private.php$session[sessionurl_q]" rel="nofollow">$vbphrase[private_messages]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="sub***********on.php$session[sessionurl_q]" rel="nofollow">$vbphrase[subscribed_threads]</a></td></tr>
<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[your_profile]</a></td></tr>
<if condition="$show['wollink']"><tr><td class="vbmenu_option"><a href="online.php$session[sessionurl_q]">$vbphrase[whos_online]</a></td></tr></if>
$template_hook[navbar_quick_links_menu_pos4]

</table>
</div>
<!-- / user cp tools menu -->

<if condition="$notifications_total">
<!-- notifications menu -->
<div class="vbmenu_popup" id="notifications_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr><td class="thead" colspan="2">$vbphrase[your_notifications]</td></tr>
$notifications_menubits
</table>
</div>
<!-- / notifications menu -->
</if>

</if>
<!-- / NAVBAR POPUP MENUS -->

<!-- PAGENAV POPUP -->
<div class="vbmenu_popup" id="pagenav_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead" nowrap="nowrap">$vbphrase[go_to_page]</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<form action="$vboptions[forumhome].php" method="get" onsubmit="return this.gotopage()" id="pagenav_form">
<input type="text" class="bginput" id="pagenav_itxt" style="font-size:11px" size="4" />
<input type="button" class="button" id="pagenav_ibtn" value="$vbphrase[go]" />
</form>
</td>
</tr>
</table>
</div>
<!-- / PAGENAV POPUP -->
</if>

$ad_********[ad_navbar_below]

اتنمى ان يكون الشرح و اضح و مفهوم

[Emad Alqadi]

4- اشرح إضافة صورة عشوائية في الإستايل تتغير مع التحديث ؟

مميزات الكود
- إمكانية إضافة صورة في الإستايل لإستايل تتغير مع كل تحديث
- إمكانية إضافة عدد لا نهائي من الصور المتغيرة العشوائية
- إمكانية جعل الصورة ( رابط ) مع عدمها


( الكود - بدون رابط لكل صورة )

كود PHP:

<****** ********="Java******"><!--

//Java****** Created by realmadrid4arabs.net

//store the quotations in arrays

images = new Array(4);

images[0] = "<img src='/vb/r-style/header/images/barcelona.png' alt='برشلونة'>";

images[1] = "<img src='/vb/r-style/header/images/realmadrid.png' alt='ريال مدريد'>";

images[2] = "<img src='/vb/r-style/header/images/valencia.png' alt='فالنسيا'>";

images[3] = "<img src='/vb/r-style/header/images/chealsea.png' alt='تشلسي'>";


index = Math.floor(Math.random() * images.length);

********.write(images[index]);

//done

// --></******>

شرح التغير

1- عدد الصور

2- رقم الصورة

3- إسم الصورة tag

4- رابط الصورة

-- لإضافة صورة أخرى

اضف هذا السطر تحت سطر الصورة الأخيرة


كود PHP:

images[0] = "<img src='/vb/r-style/header/images/barcelona.png' alt='برشلونة'>";

مع مراعات تغير عدد الصور + رقم الصورة

( الكود - رابط لكل صورة )


كود PHP:

//Java****** Created by موقع ريال مدريد العربي

//store the quotations in arrays

images = new Array(4);

images[0] = "<a href = 'http://www.realmadrid4arabs.net'><img src='/vb/r-style/header/images/realmadrid.png' alt='موقع ريال مدريد العربي'></a>";

images[1] = "<a href = 'http://www.realmadrid4arabs.net'><img src='/vb/r-style/header/images/realmadrid.png' alt='موقع ريال مدريد العربي'></a>";

images[2] = "<a href = 'http://www.realmadrid4arabs.net'><img src=/vb/r-style/header/images/realmadrid.png' alt='موقع ريال مدريد العربي'></a>";

images[3] = "<a href = http://'www.realmadrid4arabs.net'><img src='/vb/r-style/header/images/realmadrid.png' alt='موقع ريال مدريد العربي'></a>";

index = Math.floor(Math.random() * images.length);

********.write(images[index]);

//done

// --></******>

5- اشرح كيفية تغيير الأزرار عند مرور الماوس في ايقونات المنتدى ؟

أسهل الطرق أستخدام برنامج
Sothink.DHTMLMenu.v4.0
فهو يسهل علي المصمم عمله بكل سهوله ويسر.


اخي الغالي عماد

لم انتهي من اسئلتي بعد فلدينا الكثير والكثير لنتعلمه منك

الخالد

بكل الود أخي بأنتظار كل أسئلتك .... راجيا مراعاة أنني لست بارعا بالتصميم، ومعرفتي بسيطه وسطحيه، وللصدق فقد أستعنت ببعض المواقع للأجابة علي استفساراتك، ومعرفتي بلوحة التحكم فقط كمستخدم لها، ولكن سأحاول جاهدا أستقدام أي شيء يساعد الأعضاء علي فهم الأمر

لك أحترامي وتقديري