المساعد الشخصي الرقمي

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



loulou ange
10-30-2013, بتوقيت غرينيتش 09:48 PM
http://www.dzbatna.com/images/icons/icon28.gif ط´ط±ط* طھط؛ظٹظٹط± ظ…ظƒط§ظ† طھط³ط¬ظٹظ„ ط§ظ„ط¯ط®ظˆظ„ ظˆط¹ظ…ظ„ظ‡ ط¨ط´ظƒظ„ ظ…ظ…ظٹط² ط¬ط¯ط§ط§ ط¨ط§ظ„طھظپطµظٹظ„ (http://www.dzbatna.com/t1230773/)



http://up.fox4h.com//uploads/images/fox-9427e58026.jpg


السلام عليكم


كيف الحال اخواني؟
ان شاء الله بخير


http://www.dzbatna.com/images/smilies/icon30.gif


اليوم حبيت اقدم لكم شرح طريقة خاص ومميز لكم
وجديد طبعا , حيث انني لم اجد شرح طريقة مشابه له بعد
وان شاء الله اكون ما اخطئت
المهم



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


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


حيث سيكون هكذا هو شكلها الرائع باذن الله


http://www.dzbatna.com/images/smilies/tears.gif


هذا للزائر


http://up.fox4h.com//uploads/images/fox-53cb14aad3.gif


وهذا للعضو


http://up.fox4h.com//uploads/images/fox-0fbf8b3d42.gif


http://www.dzbatna.com/images/smilies/icon31.gif


تابعو معي وسترون


كيف بالضبط


لنبدا


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


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


http://up.fox4h.com//uploads/images/fox-21ec9dc5f5.gif



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


http://up.fox4h.com//uploads/images/fox-a9213e849f.gif


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


http://up.fox4h.com//uploads/images/fox-c011ad36d4.gif


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


http://up.fox4h.com//uploads/images/fox-3cab083501.gif


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


http://up.fox4h.com//uploads/images/fox-14b9453ae1.gif


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


http://up.fox4h.com//uploads/images/fox-88bb782785.gif


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


http://up.fox4h.com//uploads/images/fox-d7ef384e40.gif


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


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


http://up.fox4h.com//uploads/images/fox-e0da0fdf83.gif


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


http://up.fox4h.com//uploads/images/fox-c8fc8dc7c9.gif


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


http://up.fox4h.com//uploads/images/fox-26d77f850c.gif


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


http://up.fox4h.com//uploads/images/fox-5ebbea104b.gif


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


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


ونضغط اوكي


http://up.fox4h.com//uploads/images/fox-8fb24b3970.gif


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


http://up.fox4h.com//uploads/images/fox-a22fca4897.gif



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


http://up.fox4h.com//uploads/images/fox-0a2d510267.gif


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


http://up.fox4h.com//uploads/images/fox-78f2652c5f.gif


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


File >>> Save For Web


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


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


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


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


http://up.fox4h.com//uploads/images/fox-510cb6726e.gif


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


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


http://up.fox4h.com//uploads/images/fox-08adac93b4.gif


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


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


http://www.dzbatna.com/images/smilies/icon30.gif



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


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


http://up.fox4h.com//uploads/images/fox-bd01022a6e.gif


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


http://up.fox4h.com//uploads/images/fox-027e99e787.gif


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


http://up.fox4h.com//uploads/images/fox-3e8381be21.gif


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


http://up.fox4h.com//uploads/images/fox-027e99e787.gif


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


http://up.fox4h.com//uploads/images/fox-2c27a14550.gif


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


http://up.fox4h.com//uploads/images/fox-1537599e6e.gif


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


http://up.fox4h.com//uploads/images/fox-892c893682.gif


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


http://up.fox4h.com//uploads/images/fox-26ba9c9174.gif


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


http://up.fox4h.com//uploads/images/fox-9837f8f7ff.gif


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


http://up.fox4h.com//uploads/images/fox-187f4a278b.gif


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


http://up.fox4h.com//uploads/images/fox-0b77007d14.gif


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


http://up.fox4h.com//uploads/images/fox-15806786bc.gif


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


http://up.fox4h.com//uploads/images/fox-2fd6e3fbbc.gif


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


http://up.fox4h.com//uploads/images/fox-ccec75febd.gif


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


http://www.dzbatna.com/images/smilies/icon31.gif


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


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



http://www.dzbatna.com/images/smilies/santa_1.gif



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


ونبحث عن قالب template


Navbar


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



رمز Code:
<if condition=&quot;$show['member']&quot;>
رمز Code:

<td class=&quot;alt2&quot; nowrap=&quot;nowrap&quot;>
<div class=&quot;smallfont&quot;> <strong><phrase 1=&quot;$bbuserinfo[username]&quot; 2=&quot;member.php?$session[sessionurl]u=$bbuserinfo[userid]&quot;>$vbphrase[welcome_x_link_y]</phrase></strong><br /> <phrase 1=&quot;$pmbox[lastvisitdate]&quot; 2=&quot;$pmbox[lastvisittime]&quot;>$vbphrase[last_visited_x_at_y]</phrase> <if condition=&quot;$show['notifications']&quot;> <div><span id=&quot;notifications&quot;><a href=&quot;usercp.php$session[sessionurl_q]&quot;>$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div> <if condition=&quot;$show['popups']&quot;> <script type=&quot;text/javascript&quot;> في بي vBmenu.register(&quot;notifications&quot;); </script> <else /> <script type=&quot;text/javascript&quot; src=&quot;clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[simpleversion]&quot;></script> <script type=&quot;text/javascript&quot;> فيبويلتن في بي vBulletin.register_control(&quot;في بي vB_Notifications_NoPopups&quot;, &quot;notifications&quot;); </script> </if> <else /><if condition=&quot;$show['pmstats']&quot;> <div><phrase 1=&quot;$vbphrase[unread_x_nav_compiled]&quot; 2=&quot;$vbphrase[total_x_nav_compiled]&quot; 3=&quot;$session[sessionurl_q]&quot;>$vbphrase[private_messages_nav]</phrase></div> </if></if> <if condition=&quot;$show['pmwarning']&quot;><div><strong><phrase 1=&quot;$vbphrase[pmpercent_nav_compiled]&quot;>$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if> </div> </td> <else /> <td class=&quot;alt2&quot; nowrap=&quot;nowrap&quot; style=&quot;padding:0px&quot;> <!-- login form --> <form action=&quot;login.php?do=login&quot; method=&quot;post&quot; onsubmit=&quot;md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])&quot;> <script type=&quot;text/javascript&quot; src=&quot;clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]&quot;></script> <table cellpadding=&quot;0&quot; cellspacing=&quot;$stylevar[formspacer]&quot; border=&quot;0&quot;> <tr> <td class=&quot;smallfont&quot; style=&quot;white-space: nowrap;&quot;><label for=&quot;navbar_username&quot;>$vbphrase[username]</label></td> <td><input type=&quot;text&quot; class=&quot;bginput&quot; style=&quot;font-size: 11px&quot; name=&quot;vb_login_username&quot; id=&quot;navbar_username&quot; size=&quot;10&quot; accesskey=&quot;u&quot; tabindex=&quot;101&quot; value=&quot;$vbphrase[username]&quot; onfocus=&quot;if (this.value == '$vbphrase[username]') this.value = '';&quot; /></td> <td class=&quot;smallfont&quot; nowrap=&quot;nowrap&quot;><label for=&quot;cb_cookieuser_navbar&quot;><input type=&quot;checkbox&quot; name=&quot;cookieuser&quot; value=&quot;1&quot; tabindex=&quot;103&quot; id=&quot;cb_cookieuser_navbar&quot; accesskey=&quot;c&quot; />$vbphrase[remember_me]</label></td> </tr> <tr> <td class=&quot;smallfont&quot;><label for=&quot;navbar_password&quot;>$vbphrase[password]</label></td> <td><input type=&quot;password&quot; class=&quot;bginput&quot; style=&quot;font-size: 11px&quot; name=&quot;vb_login_password&quot; id=&quot;navbar_password&quot; size=&quot;10&quot; tabindex=&quot;102&quot; /></td> <td><input type=&quot;submit&quot; class=&quot;button&quot; value=&quot;$vbphrase[log_in]&quot; tabindex=&quot;104&quot; title=&quot;$vbphrase[enter_username_to_login_or_register]&quot; accesskey=&quot;s&quot; /></td> </tr> </table> <input type=&quot;hidden&quot; name=&quot;s&quot; value=&quot;$session[sessionhash]&quot; /> <input type=&quot;hidden&quot; name=&quot;securitytoken&quot; value=&quot;$bbuserinfo[securitytoken]&quot; /> <input type=&quot;hidden&quot; name=&quot;do&quot; value=&quot;login&quot; /> <input type=&quot;hidden&quot; name=&quot;vb_login_md5password&quot; /> <input type=&quot;hidden&quot; name=&quot;vb_login_md5password_utf&quot; /> </form> <!-- / login form --> </td> </if>





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



http://up.fox4h.com//uploads/images/fox-aa10d1ebac.gif





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




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




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


بوضح هذا الكود code



رمز Code:
<if condition=&quot;$show['member']&quot;>


رمز Code:

<div class=&quot;smallfont&quot;><strong>
<phrase 1=&quot;$bbuserinfo[username]&quot; 2=&quot;member.php?$session[sessionurl]u=$bbuserinfo[userid]&quot;> $vbphrase[welcome_x_link_y]</phrase></strong><br /> <phrase 1=&quot;$pmbox[lastvisitdate]&quot; 2=&quot;$pmbox[lastvisittime]&quot;> $vbphrase[last_visited_x_at_y]</phrase> <if condition=&quot;$show['notifications']&quot;> <div><span id=&quot;notifications&quot;> <a href=&quot;usercp.php$session[sessionurl_q]&quot;> $vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div> <script type=&quot;text/javascript&quot;> في بي vBmenu.register(&quot;notifications&quot;); </script> <else /><if condition=&quot;$show['pmstats']&quot;> <div> <phrase 1=&quot;$vbphrase[unread_x_nav_compiled]&quot; 2=&quot;$vbphrase[total_x_nav_compiled]&quot; 3=&quot;$session[sessionurl_q]&quot;> $vbphrase[private_messages_nav]</phrase></div> </if></if><if condition=&quot;$show['pmwarning']&quot;> <div><strong> <phrase 1=&quot;$vbphrase[pmpercent_nav_compiled]&quot;> $vbphrase[your_pm_box_is_x_full]</phrase></strong></div> </if></div> <else /> <!-- login form --> <form action=&quot;login.php&quot; method=&quot;post&quot; onsubmit=&quot;md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])&quot;> <script type=&quot;text/javascript&quot; src=&quot;clientscript/vbulletin_md5.js&quot;></script> <table cellpadding=&quot;0&quot; cellspacing=&quot;$stylevar[formspacer]&quot; border=&quot;0&quot; id=&quot;table37&quot;> <tr> <td class=&quot;smallfont&quot; nowrap> <img border=&quot;0&quot; src=&quot;images/user.gif&quot; width=&quot;16&quot; height=&quot;16&quot;> </td> <td> <input type=&quot;text&quot; class=&quot;bginput&quot; style=&quot;font-size: 11px&quot; name=&quot;vb_login_username&quot; id=&quot;navbar_username&quot; size=&quot;10&quot; accesskey=&quot;u&quot; tabindex=&quot;101&quot; value=&quot;$vbphrase[username]&quot; onfocus=&quot;if (this.value == '$vbphrase[username]') this.value = '';&quot; /></td> <td class=&quot;smallfont&quot; nowrap=&quot;nowrap&quot;> <label for=&quot;cb_cookieuser_navbar&quot;> <input type=&quot;checkbox&quot; name=&quot;cookieuser&quot; value=&quot;1&quot; tabindex=&quot;103&quot; id=&quot;cb_cookieuser_navbar&quot; accesskey=&quot;c&quot; checked />$vbphrase[remember_me]</label></td> </tr> <tr> <td class=&quot;smallfont&quot; nowrap=&quot;nowrap&quot;> <img border=&quot;0&quot; src=&quot;images/pass.gif&quot; width=&quot;16&quot; height=&quot;16&quot;> </td> <td> <input type=&quot;password&quot; class=&quot;bginput&quot; style=&quot;font-size: 11px&quot; name=&quot;vb_login_password&quot; id=&quot;navbar_password&quot; size=&quot;10&quot; accesskey=&quot;p&quot; tabindex=&quot;102&quot; /></td> <td> <input type=&quot;submit&quot; class=&quot;button&quot; value=&quot;$vbphrase[log_in]&quot; tabindex=&quot;104&quot; title=&quot;$vbphrase[enter_username_to_login_or_register]&quot; accesskey=&quot;s&quot; /></td> </tr> </table> <input type=&quot;hidden&quot; name=&quot;s&quot; value=&quot;$session[sessionhash]&quot; /> <input type=&quot;hidden&quot; name=&quot;securitytoken&quot; value=&quot;$bbuserinfo[securitytoken]&quot; /> <input type=&quot;hidden&quot; name=&quot;do&quot; value=&quot;login&quot; /> <input type=&quot;hidden&quot; name=&quot;vb_login_md5password&quot; /> <input type=&quot;hidden&quot; name=&quot;vb_login_md5password_utf&quot; /> </form> <!-- / login form -->

</if>





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




http://up.fox4h.com//uploads/images/fox-e75abc20ba.gif





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




عن طريق وضع هذا الكود code بدل السابق


رمز Code:

<if condition=&quot;$show['member']&quot;> <div class=&quot;smallfont&quot;> <table border=&quot;0&quot; width=&quot;100%&quot; dir=&quot;rtl&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;> <tr> <td width=&quot;230&quot;><strong> <phrase 1=&quot;$bbuserinfo[username]&quot; 2=&quot;member.php?$session[sessionurl]u=$bbuserinfo[userid]&quot;> $vbphrase[welcome_x_link_y]</phrase></strong></td> <td><a href=&quot;usercp.php$session[sessionurl_q]&quot;> <img border=&quot;0&quot; src=&quot;images/usercp.gif&quot; width=&quot;16&quot; height=&quot;16&quot; alt=&quot;لوحة تحكمي&quot;></a></td> <td><a href=&quot;private.php&quot;> <img border=&quot;0&quot; src=&quot;images/msg.gif&quot; width=&quot;16&quot; height=&quot;16&quot; alt=&quot;رسائلي الخاصة&quot;></a></td> <td> <a href=&quot;login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]&quot;><img border=&quot;0&quot; src=&quot;images/logout.gif&quot; width=&quot;16&quot; height=&quot;16&quot;></a></td> </tr> </table></div> <else /> <!-- login form --> <form action=&quot;login.php&quot; method=&quot;post&quot; onsubmit=&quot;md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])&quot;> <script type=&quot;text/javascript&quot; src=&quot;clientscript/vbulletin_md5.js&quot;></script> <table border=&quot;0&quot; width=&quot;100%&quot; dir=&quot;rtl&quot; cellspacing=&quot;0&quot; cellpadding=&quot;2&quot;> <tr> <td width=&quot;110&quot;><img border=&quot;0&quot; src=&quot;images/user.gif&quot; width=&quot;16&quot; height=&quot;16&quot;> <input type=&quot;text&quot; class=&quot;bginput&quot; style=&quot;font-size: 11px&quot; name=&quot;vb_login_username&quot; id=&quot;navbar_username&quot; size=&quot;10&quot; accesskey=&quot;u&quot; tabindex=&quot;101&quot; value=&quot;$vbphrase[username]&quot; onfocus=&quot;if (this.value == '$vbphrase[username]') this.value = '';&quot; /></td> <td width=&quot;110&quot;><img border=&quot;0&quot; src=&quot;images/pass.gif&quot; width=&quot;16&quot; height=&quot;16&quot;> <input type=&quot;password&quot; class=&quot;bginput&quot; style=&quot;font-size: 11px&quot; name=&quot;vb_login_password&quot; id=&quot;navbar_password&quot; size=&quot;10&quot; accesskey=&quot;p&quot; tabindex=&quot;102&quot; /></td> <td width=&quot;20&quot;> <input type=&quot;checkbox&quot; name=&quot;cookieuser&quot; value=&quot;1&quot; tabindex=&quot;103&quot; id=&quot;cb_cookieuser_navbar&quot; accesskey=&quot;c&quot; checked /></td> <td><input type=&quot;submit&quot; class=&quot;button&quot; value=&quot;$vbphrase[log_in]&quot; tabindex=&quot;104&quot; title=&quot;$vbphrase[enter_username_to_login_or_register]&quot; accesskey=&quot;s&quot; /></td> </tr> </table> <input type=&quot;hidden&quot; name=&quot;s&quot; value=&quot;$session[sessionhash]&quot; /> <input type=&quot;hidden&quot; name=&quot;securitytoken&quot; value=&quot;$bbuserinfo[securitytoken]&quot; /> <input type=&quot;hidden&quot; name=&quot;do&quot; value=&quot;login&quot; /> <input type=&quot;hidden&quot; name=&quot;vb_login_md5password&quot; /> <input type=&quot;hidden&quot; name=&quot;vb_login_md5password_utf&quot; /> </form> <!-- / login form -->

</if>


رمز Code:



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




http://up.fox4h.com//uploads/images/fox-0786436577.gif





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


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


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


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



http://up.fox4h.com//uploads/images/fox-027e99e787.gif




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




http://up.fox4h.com//uploads/images/fox-019618ce13.gif




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




images/xxx.gif




وسيصبح هكذا




http://up.fox4h.com//uploads/images/fox-63e9d2a015.gif




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




http://up.fox4h.com//uploads/images/fox-027e99e787.gif




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




http://up.fox4h.com//uploads/images/fox-ccec75febd.gif





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




http://up.fox4h.com//uploads/images/fox-027e99e787.gif




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




http://up.fox4h.com//uploads/images/fox-0700503a52.gif




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




أي هذا الكود code


رمز Code:
<if condition=&quot;$show['member']&quot;>


رمز Code:

<div class=&quot;smallfont&quot;>
<table border=&quot;0&quot; width=&quot;100%&quot; dir=&quot;rtl&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;> <tr> <td width=&quot;230&quot;><strong> <phrase 1=&quot;$bbuserinfo[username]&quot; 2=&quot;member.php?$session[sessionurl]u=$bbuserinfo[userid]&quot;> $vbphrase[welcome_x_link_y]</phrase></strong></td> <td><a href=&quot;usercp.php$session[sessionurl_q]&quot;> <img border=&quot;0&quot; src=&quot;images/usercp.gif&quot; width=&quot;16&quot; height=&quot;16&quot; alt=&quot;لوحة تحكمي&quot;></a></td> <td><a href=&quot;private.php&quot;> <img border=&quot;0&quot; src=&quot;images/msg.gif&quot; width=&quot;16&quot; height=&quot;16&quot; alt=&quot;رسائلي الخاصة&quot;></a></td> <td> <a href=&quot;login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]&quot;><img border=&quot;0&quot; src=&quot;images/logout.gif&quot; width=&quot;16&quot; height=&quot;16&quot;></a></td> </tr> </table></div> <else /> <!-- login form --> <form action=&quot;login.php&quot; method=&quot;post&quot; onsubmit=&quot;md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])&quot;> <script type=&quot;text/javascript&quot; src=&quot;clientscript/vbulletin_md5.js&quot;></script> <table border=&quot;0&quot; width=&quot;100%&quot; dir=&quot;rtl&quot; cellspacing=&quot;0&quot; cellpadding=&quot;2&quot;> <tr> <td width=&quot;110&quot;><img border=&quot;0&quot; src=&quot;images/user.gif&quot; width=&quot;16&quot; height=&quot;16&quot;> <input type=&quot;text&quot; class=&quot;bginput&quot; style=&quot;font-size: 11px&quot; name=&quot;vb_login_username&quot; id=&quot;navbar_username&quot; size=&quot;10&quot; accesskey=&quot;u&quot; tabindex=&quot;101&quot; value=&quot;$vbphrase[username]&quot; onfocus=&quot;if (this.value == '$vbphrase[username]') this.value = '';&quot; /></td> <td width=&quot;110&quot;><img border=&quot;0&quot; src=&quot;images/pass.gif&quot; width=&quot;16&quot; height=&quot;16&quot;> <input type=&quot;password&quot; class=&quot;bginput&quot; style=&quot;font-size: 11px&quot; name=&quot;vb_login_password&quot; id=&quot;navbar_password&quot; size=&quot;10&quot; accesskey=&quot;p&quot; tabindex=&quot;102&quot; /></td> <td width=&quot;20&quot;> <input type=&quot;checkbox&quot; name=&quot;cookieuser&quot; value=&quot;1&quot; tabindex=&quot;103&quot; id=&quot;cb_cookieuser_navbar&quot; accesskey=&quot;c&quot; checked /></td> <td><input type=&quot;submit&quot; class=&quot;button&quot; value=&quot;$vbphrase[log_in]&quot; tabindex=&quot;104&quot; title=&quot;$vbphrase[enter_username_to_login_or_register]&quot; accesskey=&quot;s&quot; /></td> </tr> </table> <input type=&quot;hidden&quot; name=&quot;s&quot; value=&quot;$session[sessionhash]&quot; /> <input type=&quot;hidden&quot; name=&quot;securitytoken&quot; value=&quot;$bbuserinfo[securitytoken]&quot; /> <input type=&quot;hidden&quot; name=&quot;do&quot; value=&quot;login&quot; /> <input type=&quot;hidden&quot; name=&quot;vb_login_md5password&quot; /> <input type=&quot;hidden&quot; name=&quot;vb_login_md5password_utf&quot; /> </form> <!-- / login form -->

</if>






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




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




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




وبعدها نضيف الكود code التالي اولا


رمز Code:
<div style=&quot;position: absolute; width: 400px; height: 100px; z-index: 1; left: 20px; top: 0px&quot; id=&quot;layer1&quot;>


رمز Code:

&nbsp;</div>



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



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







لكي يصبح الكود code هكذا


رمز Code:
<div style=&quot;position: absolute; width: 400px; height: 100px; z-index: 1; left: 20px; top: 0px&quot; id=&quot;layer1&quot;>


رمز Code:

<table border=&quot;0&quot; width=&quot;100%&quot; dir=&quot;rtl&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; background=&quot;images/fox_02.jpg&quot;>
<tr> <td> <img border=&quot;0&quot; src=&quot;images/fox_03.jpg&quot; width=&quot;26&quot; height=&quot;40&quot;></td> <td width=&quot;100%&quot;> <if condition=&quot;$show['member']&quot;> <div class=&quot;smallfont&quot;> <table border=&quot;0&quot; width=&quot;100%&quot; dir=&quot;rtl&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;> <tr> <td width=&quot;230&quot;><strong> <phrase 1=&quot;$bbuserinfo[username]&quot; 2=&quot;member.php?$session[sessionurl]u=$bbuserinfo[userid]&quot;> $vbphrase[welcome_x_link_y]</phrase></strong></td> <td><a href=&quot;usercp.php$session[sessionurl_q]&quot;> <img border=&quot;0&quot; src=&quot;images/usercp.gif&quot; width=&quot;16&quot; height=&quot;16&quot; alt=&quot;لوحة تحكمي&quot;></a></td> <td><a href=&quot;private.php&quot;> <img border=&quot;0&quot; src=&quot;images/msg.gif&quot; width=&quot;16&quot; height=&quot;16&quot; alt=&quot;رسائلي الخاصة&quot;></a></td> <td> <a href=&quot;login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]&quot;><img border=&quot;0&quot; src=&quot;images/logout.gif&quot; width=&quot;16&quot; height=&quot;16&quot;></a></td> </tr> </table></div> <else /> <!-- login form --> <form action=&quot;login.php&quot; method=&quot;post&quot; onsubmit=&quot;md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])&quot;> <script type=&quot;text/javascript&quot; src=&quot;clientscript/vbulletin_md5.js&quot;></script> <table border=&quot;0&quot; width=&quot;100%&quot; dir=&quot;rtl&quot; cellspacing=&quot;0&quot; cellpadding=&quot;2&quot;> <tr> <td width=&quot;110&quot;><img border=&quot;0&quot; src=&quot;images/user.gif&quot; width=&quot;16&quot; height=&quot;16&quot;> <input type=&quot;text&quot; class=&quot;bginput&quot; style=&quot;font-size: 11px&quot; name=&quot;vb_login_username&quot; id=&quot;navbar_username&quot; size=&quot;10&quot; accesskey=&quot;u&quot; tabindex=&quot;101&quot; value=&quot;$vbphrase[username]&quot; onfocus=&quot;if (this.value == '$vbphrase[username]') this.value = '';&quot; /></td> <td width=&quot;110&quot;><img border=&quot;0&quot; src=&quot;images/pass.gif&quot; width=&quot;16&quot; height=&quot;16&quot;> <input type=&quot;password&quot; class=&quot;bginput&quot; style=&quot;font-size: 11px&quot; name=&quot;vb_login_password&quot; id=&quot;navbar_password&quot; size=&quot;10&quot; accesskey=&quot;p&quot; tabindex=&quot;102&quot; /></td> <td width=&quot;20&quot;> <input type=&quot;checkbox&quot; name=&quot;cookieuser&quot; value=&quot;1&quot; tabindex=&quot;103&quot; id=&quot;cb_cookieuser_navbar&quot; accesskey=&quot;c&quot; checked /></td> <td><input type=&quot;submit&quot; class=&quot;button&quot; value=&quot;$vbphrase[log_in]&quot; tabindex=&quot;104&quot; title=&quot;$vbphrase[enter_username_to_login_or_register]&quot; accesskey=&quot;s&quot; /></td> </tr> </table> <input type=&quot;hidden&quot; name=&quot;s&quot; value=&quot;$session[sessionhash]&quot; /> <input type=&quot;hidden&quot; name=&quot;securitytoken&quot; value=&quot;$bbuserinfo[securitytoken]&quot; /> <input type=&quot;hidden&quot; name=&quot;do&quot; value=&quot;login&quot; /> <input type=&quot;hidden&quot; name=&quot;vb_login_md5password&quot; /> <input type=&quot;hidden&quot; name=&quot;vb_login_md5password_utf&quot; /> </form> <!-- / login form --> </if></td> <td> <img border=&quot;0&quot; src=&quot;images/fox_01.jpg&quot; width=&quot;24&quot; height=&quot;40&quot;></td> </tr> </table> </div>




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


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


وستحصلون على



هذا للزائر



http://up.fox4h.com//uploads/images/fox-53cb14aad3.gif



وهذا للعضو



http://up.fox4h.com//uploads/images/fox-0fbf8b3d42.gif



في اعلى المنتدى forum


http://www.dzbatna.com/images/smilies/icon30.gifhttp://www.dzbatna.com/images/smilies/bigsmile.gif
http://www.dzbatna.com/images/smilies/icon31.gif



اما بالنسبة للصور




فكل ما عليك عمله هو تحميل هذا الملف




http://up.fox4h.com//view.php?file=cf9d5f0e44


http://www.dzbatna.com/images/smilies/bleh.gif




ورفع الصور الي فيه داخل مجلد الصور الرئيسية images






وبهذا اكون انهيت شرح طريقةي


http://www.dzbatna.com/images/smilies/icon30.gif


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



وهذا الشرح طريقة اهداء لأعز أصدقائي ماهر مدير منتديات عزوف الليل (http://dzbatna.net/vb/member.php?u=57531)


http://www.dzbatna.com/images/smilies/blush-anim-cl.gif







تحياتي


خضر من فلسطين
http://www.dzbatna.com/images/smilies/sly.gif


http://www.dzbatna.com/images/smilies/clap.gif





http://up.fox4h.com//uploads/images/fox-1cd2e5c8d6.jpg







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى