walid
10-30-2013, بتوقيت غرينيتش 09:37 PM
http://www.dzbatna.com/images/icons/smile.gif ط§ظ„ط¯ط±ط³ ط§ظ„ظ…ظ†طھط¸ط± طھط؛ظٹط± ظ…ظƒط§ظ† طھط³ط¬ظٹظ„ ط§ظ„ط¯ط®ظˆظ„ ظپظٹ ط§ظ„ط§ط³طھط§ظٹظ„ ط§ظ„ط¬ط§ظ†ط¨ظٹ ^^ (http://www.dzbatna.com/t1913362/)
السلام عليكم ورحمه الله وبركاته
الدرس مفصل اليوم
يتكلم عن شرح طريقة تغير مكان تسجيل الدخول
في الاستايل style الجانبي
درس مفصل استايل style الجانبي لاخونا Solar Attack حفظه الله
درس مفصل تصميم استايل style بهيدر جانبي بلغة Css مع Solar Attack (http://www.dzbatna.com/t1862769/)
كل شي موجود في المرفقات من كواد وصور الدرس مفصل و .. الخ
لمشاهدة مثال
اضغط هنا (http://www.free4des.com/vb/?styleid=6)
نبدا الدرس مفصل
بسم الله
اول شي هادا الكود code الي لازم نحذفه من النفبار
رمز PHP:
<code style="white-space:nowrap"> <code> <if condition="$show['member']">
<td class="alt2" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[useri d]">$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[s impleversion]"></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>
</code> </code>
ثم نتبع الصور
http://upload.dzbatna.net/upfiles/MUn16654.jpg
بعد حذف الكود code
نروح على الهيدر header
ونضع هذا الكوود
رمز PHP:
<code style="white-space:nowrap"> <code> <if condition="$show['member']">
<div class="login">
<div class="log">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[useri d]">$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[s impleversion]"></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>
</div>
</div>
<else />
<div class="login">
<div class="log">
<!-- 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><input type="text" class="bginput1" 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>
</tr>
<tr>
<td><input type="password" class="bginput2" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
</tr>
<tr>
<td class="smallfont" nowrap="nowrap">
<input style="vertical-align:middle;" type="submit" class="button_l" value="" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" />
<input style="vertical-align:middle;" type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" /></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 -->
</div>
</div>
</if>
</code> </code>
بعد وضع الكود code
نروح على تعاريف css رئيسي
ونضع هذا الكود code
رمز PHP:
<code style="white-space:nowrap"> <code> .login {
background:url(free-des/login.jpg) no-repeat;
float:right;
height:221px;
position:fixed;
right:0;
width:176px;
margin-top:210px;
z-index:9999;
}
.log {
position:absolute;
top:102px;
right:1px;
color:#FFF;
margin-right:3px;
padding-right:1px;
padding-left:10px;
}
.bginput1 {
background:url(free-des/bginput.jpg) no-repeat top center;
height:34px;
width:157px;
font:12px Tahoma, Geneva, sans-serif;
text-align:center;
color:#6a5d44;
border:none;
}
.bginput2 {
background:url(free-des/bginput.jpg) no-repeat top center;
height:34px;
width:157px;
font:12px Tahoma, Geneva, sans-serif;
text-align:center;
color:#6a5d44;
border:none;
}
.button_l {
background:url(free-des/button.jpg) no-repeat top center;
height:32px;
width:102px;
border:none;
cursor:pointer;
}
.smallfont {
font:12px tahoma;
}
</code> </code>
التطبيق بالصور
http://upload.dzbatna.net/upfiles/PBu16861.jpg
بعد ما طبقنا الي بالصورة
الان نيجي لشرح طريقة تعريفات css
والان موجود ثلاث صور
وشرح طريقة تغير مسار الصور
الصور في المرفقات
ملاحظة: تقدر تغير تصميم الصور بما يناسب موقعك
نتابع الصور .....
http://upload.dzbatna.net/upfiles/z8r17011.jpg
مثال على الدرس مفصل الي طبقناه
http://upload.dzbatna.net/upfiles/6LY17090.jpg
كان معكم : حاتم البحيصي
ملاحظة نرجو عند نقل الموضوع ذكر المصدر
ولن اسامح اي شخص لا يذكر المصدر عند النقل
اي استفسار انا جاهز
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif درس تغير مكان تسجيل الدخول.zip (http://www.traidnt.net/vb/attachments/591176d1312017363-درس-تغير-مكان-تسجيل-الدخول.zip) (560.0 كيلوبايت, عدد مرات المشاهدة 481 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
السلام عليكم ورحمه الله وبركاته
الدرس مفصل اليوم
يتكلم عن شرح طريقة تغير مكان تسجيل الدخول
في الاستايل style الجانبي
درس مفصل استايل style الجانبي لاخونا Solar Attack حفظه الله
درس مفصل تصميم استايل style بهيدر جانبي بلغة Css مع Solar Attack (http://www.dzbatna.com/t1862769/)
كل شي موجود في المرفقات من كواد وصور الدرس مفصل و .. الخ
لمشاهدة مثال
اضغط هنا (http://www.free4des.com/vb/?styleid=6)
نبدا الدرس مفصل
بسم الله
اول شي هادا الكود code الي لازم نحذفه من النفبار
رمز PHP:
<code style="white-space:nowrap"> <code> <if condition="$show['member']">
<td class="alt2" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[useri d]">$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[s impleversion]"></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>
</code> </code>
ثم نتبع الصور
http://upload.dzbatna.net/upfiles/MUn16654.jpg
بعد حذف الكود code
نروح على الهيدر header
ونضع هذا الكوود
رمز PHP:
<code style="white-space:nowrap"> <code> <if condition="$show['member']">
<div class="login">
<div class="log">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[useri d]">$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[s impleversion]"></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>
</div>
</div>
<else />
<div class="login">
<div class="log">
<!-- 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><input type="text" class="bginput1" 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>
</tr>
<tr>
<td><input type="password" class="bginput2" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
</tr>
<tr>
<td class="smallfont" nowrap="nowrap">
<input style="vertical-align:middle;" type="submit" class="button_l" value="" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" />
<input style="vertical-align:middle;" type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" /></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 -->
</div>
</div>
</if>
</code> </code>
بعد وضع الكود code
نروح على تعاريف css رئيسي
ونضع هذا الكود code
رمز PHP:
<code style="white-space:nowrap"> <code> .login {
background:url(free-des/login.jpg) no-repeat;
float:right;
height:221px;
position:fixed;
right:0;
width:176px;
margin-top:210px;
z-index:9999;
}
.log {
position:absolute;
top:102px;
right:1px;
color:#FFF;
margin-right:3px;
padding-right:1px;
padding-left:10px;
}
.bginput1 {
background:url(free-des/bginput.jpg) no-repeat top center;
height:34px;
width:157px;
font:12px Tahoma, Geneva, sans-serif;
text-align:center;
color:#6a5d44;
border:none;
}
.bginput2 {
background:url(free-des/bginput.jpg) no-repeat top center;
height:34px;
width:157px;
font:12px Tahoma, Geneva, sans-serif;
text-align:center;
color:#6a5d44;
border:none;
}
.button_l {
background:url(free-des/button.jpg) no-repeat top center;
height:32px;
width:102px;
border:none;
cursor:pointer;
}
.smallfont {
font:12px tahoma;
}
</code> </code>
التطبيق بالصور
http://upload.dzbatna.net/upfiles/PBu16861.jpg
بعد ما طبقنا الي بالصورة
الان نيجي لشرح طريقة تعريفات css
والان موجود ثلاث صور
وشرح طريقة تغير مسار الصور
الصور في المرفقات
ملاحظة: تقدر تغير تصميم الصور بما يناسب موقعك
نتابع الصور .....
http://upload.dzbatna.net/upfiles/z8r17011.jpg
مثال على الدرس مفصل الي طبقناه
http://upload.dzbatna.net/upfiles/6LY17090.jpg
كان معكم : حاتم البحيصي
ملاحظة نرجو عند نقل الموضوع ذكر المصدر
ولن اسامح اي شخص لا يذكر المصدر عند النقل
اي استفسار انا جاهز
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif درس تغير مكان تسجيل الدخول.zip (http://www.traidnt.net/vb/attachments/591176d1312017363-درس-تغير-مكان-تسجيل-الدخول.zip) (560.0 كيلوبايت, عدد مرات المشاهدة 481 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
