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

مشاهدة النسخة كاملة : طريقة تغيير منطقة الأعضاء ( شرح طريقة مصور )



said
10-30-2013, بتوقيت غرينيتش 08:48 PM
http://www.dzbatna.com/images/icons/iconrote.gif ط·ط±ظٹظ‚ط© طھط؛ظٹظٹط± ظ…ظ†ط·ظ‚ط© ط§ظ„ط£ط¹ط¶ط§ط، ( ط´ط±ط* ظ…طµظˆط± ) (http://www.dzbatna.com/t1230532/)



شرح طريقة , درس مفصل تغيير مكان منطقة الأعضاء ووضعها في الهدر أو الفوتر أو أي مكان








السلام عليكم


كيف الحال ؟


ان شاء الله بخير؟


طبعاً لكثرة الطلبات


ولوعدي لمجموعه من الأعضاء



حبيت أن أعمل درس مفصل بسيط وسريع


وهو تغيير منطقه الأعضاء


ورفعها من النافبار


الى أي مكان أخر



طبعاً الأول خلوني أشرح طريقةلكم شويه شرح طريقة نضري عن الفكره


حتى تبقون أنتوا وأبداعاتكم


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




المهم



الطريقه هي سهله


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


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



(بسيطه )


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


وبس



شفتوا شكد سهله ؟



طيب خلونا نشرح طريقة بالصور أفضل



في بداية الأمر نفتح الفوتوشوب وتسوي التصميم الي نريده على أن لا يكون القياس أصغر من 438 * 248



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




وهذه الصوره ألي راح نستعملها



http://up.3eyon.net/download.php?img=987








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


مجرد اننا نحدد الأطراف من كل جنب ونحدد المنطقه الي في الوسط الي راح نحذفها لاحقاً ونضع مكانها منطقة الأعضاء




شوفو الصوره الي جايه لعلميه التقطيع



http://up.3eyon.net/download.php?img=988





الأن كل شي تمام



باقي أننا نخزن الصفحه بعد تقطيعها


على صيغة HTML




كما في المثال التالي


http://up.3eyon.net/download.php?img=989







ألى حد الأن


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




طيب باقي أننا نستدعي ( نفتح ) الصفحه الي خزنناها



في الفرونت بيج



شوفو كيف راح يكون شكل الصفحه في الفرونت بيج


http://up.3eyon.net/download.php?img=990


طيب الأن خلصنا من كل هل شغلات



ومثل ما أحنه نقول بالعراقي توب كلوب ( يعني كلشي ماشي تمام)



الأن




شوفوا هذه الصوره الي بالوسط ؟!


ألى عليها مربعات من كل طرف؟



هذه راح نحذفها ونضع مكانها لون نفس لون الصوره


حتى نقدر أننا نخلي مكانها اكواد منطقه الأعضاء



الأول نضغط على هل صوره دبل كلك


حتى تضهر خصائصها



ونأخذ حجم أرتفاعها ونحفظه


http://up.3eyon.net/download.php?img=991





طيب بعد ما نحذفها



راح يبقى مكانها فاضي


والصوره الي تحت راح تتخربط وترتفع للأعلى



كل هذا أوك


ولهل سبب أننا أخذنا أرتفاع الصوره الي حذفناها


حتى نخليه نفس أرتفاع الخليه الي راح نخلي فيها منطقة الأعضاء http://www.dzbatna.com/images/smilies/cupidarrow.gif





طيب شوفوا هل صوره


http://up.3eyon.net/download.php?img=992






روعه


الأن شوفوا كيف على جهة اليسار بعد وضع الأرتفاع


تعدل شكل التصميم وأصبح تمام





الأن ونحنا على خصائص الخليه



نختار اختيار وضع لون للخلفيه


حتى نخليلها لون نفس لون الصوره الي حذفناها



وهل صوره توضح ما أقصد



http://up.3eyon.net/download.php?img=993





مجرد أنك تختار اختيار تحديد



وتضغط على أي مكان من الخلفيه الي فيها اللون


وهو أوتوماتيك راح يحطلك لون نفس لون الخلفيه





لحد الأن


الشغل رهيب



طيب ندخل على تعليمات برمجيه




http://up.3eyon.net/download.php?img=994





مجرد اننا نقوم بحذف كود code  




ونضع بداله



هذا الكود code ( الي هو كود code منطقه الأعضاء




رمز Code:
<!-- / تسجيل الدخول -->
<table style=&quot;width: 100%&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>

<tr> <td dir=&quot;rtl&quot; align=&quot;right&quot; class=&quot;alt8&quot;> <if condition=&quot;$show['member']&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> <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;> <tr> <td class=&quot;smallfont&quot; nowrap> <img border=&quot;0&quot; src=&quot;$stylevar/username.gif&quot; alt=&quot;$vbphrase[username]&quot;$stylevar[imgdir_misc]/username.gif&quot; alt=&quot;$vbphrase[username]&quot; border=&quot;0&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;$stylevar[imgdir_misc]/pass.gif&quot; alt=&quot;$vbphrase[password]&quot;$stylevar[imgdir_misc]/password.gif&quot; alt=&quot;$vbphrase[password]&quot; border=&quot;0&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;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> </tr> </table> <!-- / تسجيل الدخول -->








ليكون النتاج هو كـــ الأتي




[IMG]http://up.3eyon.net/download.php?img=995






الأن


كل ما عليكم فعله



هو أخذ الكود code من الفرونت بيج بعد التعديل عليه



ووضعه في أي مكان تحبون


حتى لو كان في بداية الهدر أو في نهايه الفوتر


ولكن أهم نقطه


يجب أن تقوموا بالدخول على قالب template النافبار


وحذفوا نفس الكود code الي ضفنا فوق




حتى ما يصير عندنا منقطقتين لدخول الأعضاء






أها بالمناسبه قبل لا أنسى



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


حتى تشوفو الخلل بنفسكم




وتحاولوا أنكم تعدلوه مثل ما يعجبكم


أي أستفسار أو شرح طريقة أنا حاظر



تحياتي




شبكة عيون الحبايب العراقيه


رابط الموضوع الأصلي




http://3eyon.net/vb/showthread.php?t=13782





التعديل الأخير كان بواسطة 3eyon-Host.Net; 07 - 06 - 2014 الساعة 13:30

ألعاب الأندرويد مجانا و حصريا (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)©

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


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