مرحباً بك زائرنا الكريم .. لك حرية الإستفادة والنشر
*كود صورة العضو المعلقة*
[imgl]http://avagtor.googlepages.com/7SRYA.png[/imgl]
هذا اول كود اطرحه في منتدانا تشجيعا من اخي فتى ينبع وحرصه على حفظ الأعمال والخبرات في هذا المنتدى ليستفيد منه الجميع
والآن ابدأ مستعينا بالله في طرح هذا الكود الجميل والحصري على منتدانا وهو من فكرتي لنتخلص من شكل لوحة العضو المملة .. والتجديد هو شعارنا للجديد والغريب
هذه العمل وتخريجه اشبه بالصورة المعلقه على الحائط وتلفت النظر بشكل جمالي ولون مميز ليتناسب مع الإستايل وهو متوافق لجميع المتصفحات وجميع اصدارات المنتدى بحسب تجربتي له
سوف ارفق الكود هنا مع تأطير الصورة الرمزية للعضو
والمشكلة هنا هي المساحة الفارغة بجانب الصورة فارغة لاأدري بماذا املأه .. ولتكن الفكرة منكم لتساعدونا على سد الفراغ
*ممكن نضع بالجانب الأيسر مثلا أدوات البحث
*ممكن نضع رموز وازرار الروابط المهمة
*ممكن ان نضع مساحة للإعلانات او صفحة بنر افضل المواضيع بشكل متغير (slider) .
لكن قبل الشروع في العمل انصحك بحفظ تمبلت النافبار الأصلي ..
احفظ الإستايل الخاص بك بنسخة احتياطية
ونزّل نسخة نفسها وسمها نسخة تجريبية .. لكي تعمل عليها الأكواد ولو حصلت مشكلة بالتجريبية ماأثرت على موقعك ولا مشاهدة اعضائك هذه المشكلة .
ابحث في الإستايل قالب FORUMHOME وابحث عن الكود
ابحث في الإستايل قالب navbar واحذف الكودكود:<if condition="$show['guest']"> <!-- guest welcome message --> <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"> <tr> <td class="tcat"><phrase 1="$vboptions[bbtitle]">$vbphrase[welcome_to_the_x]</phrase></td> </tr> <tr> <td class="alt1"> <phrase 1="faq.php$session[sessionurl_q]" 2="register.php$session[sessionurl_q]">$vbphrase[first_visit_message]</phrase> </td> </tr> </table> <!-- / guest welcome message --> <br /> </if>
ان لم تجد هذه الأكواد او بعضاً منها ابحث مابين القوسين لبداية الكود ونهايته وهماكود:<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> </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']"> <div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div> <if condition="$show['popups']"> <script type="text/javascript"> vBmenu.register("notifications"); </script> <else /> <script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[simpleversion]"></script> <script type="text/javascript"> vBulletin.register_control("vB_Notifications_NoPopups", "notifications"); </script> </if> <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])"> <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script> <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_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_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 -->
واحذف مابداخلهما والصق الكود الجديدكود:<!-- breadcrumb, login, pm info -->
واذهب الى خيارات الإستايل واختر ( css رئيسي ) وانزل الى آخر حقل وهو (تعاريف CSS الإضافية/Additional CSS Definitions ) واضف بداخله هذه الأكواد المرفقه:كود:<html dir="rtl"> <!-- do not edit --> <style type="text/css"> <!-- .newnotifications { background-image: url(images/misc/notifications.gif); } --> </style> <!-- / do not edit --> <div class=""> <table class="" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"> <tr> <td rowspan="2" align="right"> <div class="widget-right"> <div class="widget-right-bg"> <div class="widget_works" align="center" > <if condition="$show['member']"> <table style="border-collapse: collapse; background-position: center top; background-image:url('images/bord/avatbg.gif'); background-repeat:repeat-x" id="table3" cellpadding="6"> <tr> <td style="background-position: center; border:0px; background-repeat:no-repeat"> $navbaravatar</td> </tr> </table> </div> <div class="widget_works" align="center" > <phrase 1="$bbuserinfo[musername]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase><br /> <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase> <!-- [START HACK='vB Pager' BY ='ATHOOOB' VERSION='3.0.2' CHANGEID= 4 ] --> <if condition="$show['pager']"><br /><a href="#" onclick="window.open('$vboptions[bburl]/pager.php?action=pager&do=log&folder=inbox','pagerinbox','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=650,height=500'); return false;">$vbphrase[pager_pager_messages]</a><phrase 1="$bbuserinfo[pagerunread]" 2="$bbuserinfo[pagertotal]">$vbphrase[pager_messages_nav_x_y]</phrase></if> <!-- [END HACK='vB Pager' BY ='ATHOOOB' VERSION='3.0.2' CHANGEID= 4 ] --> <if condition="$show['notifications']"> <div class="newnotifications" nowrap="nowrap" > <div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> $notifications_total</span> </div> </div> <script type="text/javascript"> vBmenu.register("notifications"); </script> <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><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase> </div></if> <else /> <!-- login form --> <div class=""> <p>تسجيل الدخول</p> <div class="loginBox"> <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])"> <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script> <div class="loginBoxInput" style="padding-left:4px;"> <input type="text" class="logininput" name="vb_login_username" id="navbar_username" accesskey="u" tabindex="101" value="إسم المستخدم" onfocus="if (this.value == 'إسم المستخدم') this.value = '';" onblur="if (this.value == '') this.value = 'إسم المستخدم';" /> </div> <div class="loginBoxInput"> <input type="password" class="logininput" name="vb_login_password" id="navbar_password" accesskey="u" tabindex="101" value="كلمة المرور" onfocus="if (this.value == 'كلمة المرور') this.value = '';" onblur="if (this.value == '') this.value = '';" /> </div> <span class="loginButton"> <input type="image" src="images/bord/go.gif" value="Search" alt="Submit" /> </span> <input type="hidden" name="cookieuser" value="1" /> <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> </div> <div class="memberLinks"> <a href="register.php">غير مسجل ؟</a> | <a href="login.php?do=lostpw">نسيت كلمة المرور ؟</a> </div> </div> <br> </div> <br> </div> </div> </td> <td width="65%" style="border-left-width: 1px; border-right: 1px dotted #808080; border-top-width: 1px; border-bottom-width: 1px" rowspan="2" align="right"> <phrase 1="faq.php$session[sessionurl_q]" 2="register.php$session[sessionurl_q]">$vbphrase[first_visit_message]</phrase> </td> </if> </tr> <br> </table> </div>
طريقة تركيب لوحة العضو المعلقة-CSS.txt
وارفع الملف المرفق bord.zip الى داخل مجلد images في المنتدي ليصبح مثال
www.xxxx.com/vb/images/bord
وبهذا انتهينا من عمل اللوحة المعلقة .. نسأل الله الإعانة لنا ولكم في طاعته وان يجعل هذا العمل في خدمة الإسلام والمسلمين
{{ عطونا رايكم اذا جربتوه }}
السلام عليكم ورحمة الله وبركاته
مشكوووور على الكود ابو اسامه
