كود صورة العضو المعلقة

[imgl]http://avagtor.googlepages.com/7SRYA.png[/imgl]
هذا اول كود اطرحه في منتدانا تشجيعا من اخي فتى ينبع وحرصه على حفظ الأعمال والخبرات في هذا المنتدى ليستفيد منه الجميع

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

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

http://www.al-naddaf.com/PC-NDF/mlffat/files/744.jpg

سوف ارفق الكود هنا مع تأطير الصورة الرمزية للعضو

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

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

لكن قبل الشروع في العمل انصحك بحفظ تمبلت النافبار الأصلي ..

احفظ الإستايل الخاص بك بنسخة احتياطية
ونزّل نسخة نفسها وسمها نسخة تجريبية .. لكي تعمل عليها الأكواد ولو حصلت مشكلة بالتجريبية ماأثرت على موقعك ولا مشاهدة اعضائك هذه المشكلة .

ابحث في الإستايل قالب FORUMHOME وابحث عن الكود

كود:

---


<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>

---

ابحث في الإستايل قالب navbar واحذف الكود

كود:

---

<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']">
            <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 -->

---

واحذف مابداخلهما والصق الكود الجديد

كود:

---

<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 رئيسي ) وانزل الى آخر حقل وهو (تعاريف CSS الإضافية/Additional CSS Definitions ) واضف بداخله هذه الأكواد المرفقه:

طريقة تركيب لوحة العضو المعلقة-CSS.txt

وارفع الملف المرفق bord.zip الى داخل مجلد images في المنتدي ليصبح مثال

www.xxxx.com/vb/images/bord


وبهذا انتهينا من عمل اللوحة المعلقة .. نسأل الله الإعانة لنا ولكم في طاعته وان يجعل هذا العمل في خدمة الإسلام والمسلمين

{{ عطونا رايكم اذا جربتوه }}


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

مشكوووور على الكود ابو اسامه