الموضوع: طريقة تغير مكان تسجيل الدخول و الرسائل الخاصة . بمربع مستقل . بطريقة رائعة بتقنية Css

السلام عليكم ورحمة الله وبركاته
طريقة تغير مكان تسجيل الدخول و الرسائل الخاصة . بمربع مستقل . بطريقة رائعة

مثال مصور .

طريقة التركيب ..

افتح قالب Header
اضف هذه الكود في القالب

كود PHP:

<!--iogin-->
<if condition="$show['member']">
    <td class="alt2" nowrap="nowrap">
    <div class="loginfont">
        <strong class="loginfont"><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 class="loginfont" 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 class="loginfont"><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="loginfont" style="white-space: nowrap;"><label for="navbar_username">
            <img src="$stylevar[imgdir_misc]/user.gif" alt="اسم المستخدم"/></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="loginfont" nowrap="nowrap"><label for="cb_ــــــــieuser_navbar"><input type="checkbox" name="ــــــــieuser" value="1" tabindex="103" id="cb_ــــــــieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
        </tr>
        <tr>
            <td class="loginfont"><label for="navbar_password">
            <img src="$stylevar[imgdir_misc]/pass.gif" alt="كلمة المرور"/></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 -->


</div>
</div>
<!--/iogin--> 


ثم ارفع الصورتين المرفقتين في مجلد misc الخاص بالستايل .
|

ثم اذهب للستايل المراد التركيب عليه ثم خصائص Css الإضافية و اضف هذه الكود :

كود PHP:

.login{
 position:fixed;
 top:60px;
 left:60px;
 background-color:#FFFFFF;
 border:1px;
 border-color:#7A0093;
 border-style:dashed;
}
.login:hover{
 position:fixed;
 top:60px;
 left:60px;
 background-color:#FFFFFF;
 border:1px;
 border-color:
 #ff0000;
 border-style:dashed;
}
.loginfont{
 color:#F4C6F5;
}
.loginfont:hover{
 color:#222222;
} 


مع التحكم في مكان ظهور الجدول و الألوان و الخطوط ..


تحياتي . عاصم الخوفي .

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .