معهد دعم اتش فى اى بى اس لحلول الويب - Powered by vBulletin


 
 
النتائج 1 إلى 1 من 1

الموضوع: درس عمل تسجيل الدخول بطريقه مميزه مثل استايل رمضان

  1. #1
    أدارى
    الصورة الرمزية HVIPS4


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 6
    الدولة: Cairo
    المشاركات: 1,979
    HVIPS4 غير متواجد حالياً

    درس عمل تسجيل الدخول بطريقه مميزه مثل استايل رمضان


    درس عمل تسجيل الدخول بطريقه مميزه مثل استايل رمضان
    درس عمل تسجيل الدخول بطريقه مميزه مثل استايل رمضان
    درس عمل تسجيل الدخول بطريقه مميزه مثل استايل رمضان

    السلام عليكم
    اهلا بالجميع
    النهارده باذن الله درس عن عمل تسجيل الدخول بطريقه مميزه مثل استايل رمضان
    المثال من هنا

    الدرس على جزئين كل جزء 13 دقيقه

    للمشاهده المباشره من على اليوتيوب




    الان ناتى الى الاكواد
    اولا الاكواد الذى سوف نقوم بحذفها من قالب ال navbar

    كود 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 -->
        </td>
    </if> 

    والاكواد التى سوف نضعها فى قالب ال header

    كود 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(ramaban/images/login.jpgno-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(ramaban/images/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(ramaban/images/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(ramaban/images/button.jpg) no-repeat top center;     height:32px;     width:102px;     border:none;     cursor:pointer; } .smallfont {     font:12px tahoma; } 

    والصور الثلاثه المستخدمه فى المرفقات

    درس عمل تسجيل الدخول بطريقه مميزه مثل استايل رمضان
    درس عمل تسجيل الدخول بطريقه مميزه مثل استايل رمضان
    درس عمل تسجيل الدخول بطريقه مميزه مثل استايل رمضان
    الصور المرفقة    

 

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •