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

**قناص جوبا** · 09-26-2010, 03:54 PM

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

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

للمشاهده المباشره من على اليوتيوب
YouTube - login_1.mp4

YouTube - login_2.mp4

للتحميل من الفورشير
login_1.zip - 4shared.com - online file sharing and storage - download

login_2.zip - 4shared.com - online file sharing and storage - download

للتحميل من الميديا فير
login_1.zip

login_2.zip

الان ناتى الى الاكواد
اولا الاكواد الذى سوف نقوم بحذفها من قالب ال 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

كود:

.login {
    background:url(ramaban/images/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(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;
}

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

الى هنا انتهى الدرس
الموضوع الاصلى
منتديات فى بى ايجى

**VB 4** · 09-27-2010, 09:27 PM

يعطيك الف عافيه اخوي على الشرح الرائع والفكره الجميله

اخوي بالنسبه للروابط ارجو وضع رابط الموضوع الاصلي فقط وهذا كافي ما في داعي لرابط المنتدى ^_^

بإنتظار ابداعات المميزه دائما
تحياتي

**قناص جوبا** · 09-28-2010, 02:26 PM

اسف اخى الفاضل ان شاء الله لن يتكرر الخطأ
منور ،،

**كادي** · 09-29-2010, 03:16 PM

اشكرك اخي ع الإبداع

واتمنى منمكاخوي تضع الاكواد اللي وضعتها في شرحك في الفيديو ..

لانو ماعرفت وش تكتب عشان تخلي خلفية الصفحة تروح يسار

وحاولت اقتبس الكود من شرحك وما ضبط معاي ..

اتمنى اضافة جميع الاكواد اللازمة التي عملتها في الشرح وشكرا لك .,’

وبيني وبينك طلع لي هذا الخطأ من الكود اللي ارفقته في الموضوع ..

لمن حطيت الكود في الهيدر طلعت لي هذي الرسالة اتمنى تساعدني .,’

حدث الخطأ التالي عندما حاولت إصلاح القالب 'header':

الشرط الموجود بالسطر رقم 56 يبدو أنه لا يحتوي على كود البداية (<if>). هذا قد يؤدي إلى مشاكل غير متوقعة اذا قمت بالاستمرار.

من المحتمل بأن سبب هذا هو التشوه للبيانات.

تحيتي لشخصك .’,

تحيتي لك .,’

**كادي** · 09-29-2010, 03:25 PM

الله يعطيك العافية اخوي على الشرح الجميل ..

لاكن اتمنى ان ترفق جميع الاكواد المستخدمه في الشرح .. كإزاحة الصفحة بالجيهة اليسرى .. وغيرها من الامور اللي تطرقت لها والطرق التي تؤدي إلى روما

وهناك خطأ في كود الهيدر اللي اضفته لنا في الموضوع لمن ركبته طلع لي هذا الخطأ ..

حدث الخطأ التالي عندما حاولت إصلاح القالب 'header':

الشرط الموجود بالسطر رقم 56 يبدو أنه لا يحتوي على كود البداية (<if>). هذا قد يؤدي إلى مشاكل غير متوقعة اذا قمت بالاستمرار.

من المحتمل بأن سبب هذا هو التشوه للبيانات.

أتمنى تساعدني وتلقا لي حل للمشكله هذي ..

الفكرة عجبتني كثير وحاب اطبقها ..

شكرا لك .,’

**كادي** · 09-29-2010, 03:28 PM

يوهـ حاولت اصلح المشكله مثل ما هي واضحه ماضبطت معاي

حدث الخطأ التالي عندما حاولت إصلاح القالب 'header':

Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE, expecting T_STRING or T_VARIABLE or T_NUM_STRING in C:\AppServ\www\vb\includes\adminfunctions_template .php(3941) : eval()'d code on line 20

من المحتمل بأن سبب هذا هو التشوه للبيانات.

شوف وش طلع لي الحين .. معليش قروشتكم معاي

**ابو حمامة** · 09-30-2010, 07:16 AM

بارك الله فيك اخوي

**قناص جوبا** · 11-17-2010, 07:07 PM

اسف اخى كادى

كود 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>