3 مرفق
طريقة تغير مكان تسجيل الدخول و الرسائل الخاصة . بمربع مستقل . بطريقة رائعة بتقنية Css
السلام عليكم ورحمة الله وبركاته
طريقة تغير مكان تسجيل الدخول و الرسائل الخاصة . بمربع مستقل . بطريقة رائعة
مثال مصور .
https://mwadah.com/images/imgcache/2009/07/136.gif
طريقة التركيب ..
افتح قالب 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 الخاص بالستايل .
http://www.mwadah.com/attachment.php...1&d=1248553797| https://mwadah.com/images/imgcache/2009/07/255.jpg
ثم اذهب للستايل المراد التركيب عليه ثم خصائص 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;
}
مع التحكم في مكان ظهور الجدول و الألوان و الخطوط ..
تحياتي . عاصم الخوفي .
رد: طريقة تغير مكان تسجيل الدخول و الرسائل الخاصة . بمربع مستقل . بطريقة رائعة بتقنية Css
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
رد: طريقة تغير مكان تسجيل الدخول و الرسائل الخاصة . بمربع مستقل . بطريقة رائعة بتقنية Css
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
رد: طريقة تغير مكان تسجيل الدخول و الرسائل الخاصة . بمربع مستقل . بطريقة رائعة بتقنية Css
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
رد: طريقة تغير مكان تسجيل الدخول و الرسائل الخاصة . بمربع مستقل . بطريقة رائعة بتقنية Css
