منتدى العشاق
هدية من منتدى العشاق  358862
منتدى العشاق
هدية من منتدى العشاق  358862
منتدى العشاق
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةأحدث الصورالتسجيلدخول

 

 هدية من منتدى العشاق

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
Admin
Admin
Admin


عدد المساهمات : 577
نقاط : 1511
السٌّمعَة : 7
تاريخ التسجيل : 16/06/2013
العمر : 27
الموقع : منتدى العشاق

بطاقة الشخصية
مرئي للجميع: بسم الله الرحمان الرحيم اصعد الله صباحكم

هدية من منتدى العشاق  Empty
مُساهمةموضوع: هدية من منتدى العشاق    هدية من منتدى العشاق  Calend10الجمعة نوفمبر 08, 2013 8:46 pm

السلام عليكم ورحمه الله وبركاته الدرس اليوم يتكلم عن شرح تغير مكان تسجيل الدخول في الاستايل الجانبي درس استايل الجانبي لاخونا Solar Attack حفظه الله درس تصميم استايل بهيدر جانبي بلغة Css مع Solar Attack كل شي موجود في المرفقات من كواد وصور الدرس و .. الخ
هدية من منتدى العشاق  Traid1
هدية من منتدى العشاق  Pk مثال علي الدرس :
هدية من منتدى العشاق  Uu اضغط علي الصورة للرؤية بشكل مكبر :
هدية من منتدى العشاق  00.41x300
هدية من منتدى العشاق  Traid1
نبدأ الدرس :
اولا قم بحذف هذا الكود من النافبار
رمز PHP:
الكود:
<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 -->
هدية من منتدى العشاق  Pk ثم نتبع الصور :
هدية من منتدى العشاق  Uu اضغط علي الصورة للرؤية بشكل مكبر :
هدية من منتدى العشاق  MUn16654.212x300
بعد حذف الكود نروح على الهيدر ونضع هذا الكوود
رمز PHP:
الكود:
<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[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>
    </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> 
بعد وضع الكود نروح على تعاريف css رئيسي ونضع هذا الكود
رمز PHP:
الكود:
.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;

هدية من منتدى العشاق  Uu تطبيق الدرس :
هدية من منتدى العشاق  PBu16861.212x300
بعد ما طبقنا الي بالصورة الان نيجي لشرح تعريفات css والان موجود ثلاث صور وشرح تغير مسار الصور الصور في المرفقات ملاحظة: تقدر تغير تصميم الصور بما يناسب موقعك نتابع الصور
هدية من منتدى العشاق  Z8r17011.212x300
هدية من منتدى العشاق  Natiga
هدية من منتدى العشاق  6LY17090.212x300
هدية من منتدى العشاق  Traid1
هدية من منتدى العشاق  Uu المرفقات :
هدية من منتدى العشاق  Login هدية من منتدى العشاق  Button هدية من منتدى العشاق  Bginput
الدعاء
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://jostinwalaf.mountada.net
 
هدية من منتدى العشاق
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» برام ج mbc3 على منتدى العشاق يلالالالالالالالالالالالالا
»  /*لعبة الدمار Assassin's Creed بجميع اجزاءها التلاتية فقط في منتدى العشاق
»  حصريا على منتدى العشاق مكتبة كل برامج Iphone بكل أنواعها واصداراتها وعلى كل اصدارات Iphone
» هدية: برنامج I Sales لإدارة المخازن والمحلات
» للتسجيل في منتدى سبيس تون

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى العشاق  :: تصاميم المنتديات :: ستايلات vb-
انتقل الى: