قالب تسجيل الدخول بالـ Css _&_ Jquary بطريقه جديدة .

!!~JusT~!!

!!~JusT~!!

Member
0c37474e61f5.png



قالب بسيط لتسجيل الدخول بالـ Jquary والـ css


0c37474e67f4.png


0c37474b6cf0.gif


عذراً على جوده الصوره بس علشان حجمها ميكبرش

تمامـ

0c37474c62f7.png


اولا ميكونش عند منتيات اغانى افلام او صور نساء ( اى حاجه غير محلله شرعاً )

معنديش استعداد اخد زنوب من حد

0c37474e67f5.png



فى الاول عندنا الملفات دى

0c3746426df1.jpg


- ملف الاستايل .
- ملف الصور .
- ملف للـ Jquary .

تمام هترفع المجلد الاساسى (- lg -) الى مجلد منتداك الاساسى غالباً vb

لو عاوز تغير المكان او اسم الملف لازم تعدل على الاستايل الاول علشان البيانات تظهر وكمان تعدل على القالب نفسه لروابط الصور .


0c3747496cf3.png


بعد كدا تاخد القالب اللى تحت دا وتحطه فى اول الهيدر .
PHP: 
<!-- Code by m.daoud -->
<script type="text/javascript" src="lg/js/jquery.min.js"></script>
<script type="text/javascript" src="lg/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="lg/js/jquery.bouncebox.1.0.js"></script>
<script type="text/javascript" src="lg/js/script.js"></script>
<script type="text/javascript" src="lg/js/easyTooltip.js"></script>
<script type="text/javascript">
    $(document).ready(function(){    
        $("#box img").easyTooltip();
    });
</script>
<script type="text/javascript" src="lg/js/jquery.ezmark.js"></script>
<script type="text/javascript">
$(function() {
    $('.defaultP input').ezMark();
    $('.customP input[type="checkbox"]').ezMark({checkboxCls: 'ez-checkbox-green', checkedCls: 'ez-checked-green'})
});    
</script>    
<script type="text/javascript" src="lg/js/jquery.jrumble.1.3.min.js"></script> 
<script type="text/javascript" src="lg/js/prettify.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#box a ,#sd,#ds').jrumble({
        speed: 100,
    });
    
    $('#box a').hover(function(){
        $(this).trigger('startRumble');
            }, function(){
        $(this).trigger('stopRumble');
    });
});
</script>

<link rel="stylesheet" type="text/css" href="lg/style.css" />
<a class="button" href="#"></a>
<div id="box">
<div id="up"><img src="lg/img/up.png" alt="إخفاء" border="0" /></div>
<if condition="$show['member']"><div id="a">
    <td class="alt2" nowrap="nowrap">
    <div class="loginfont">
        <img src="lg/img/favourites.png" alt="welcom"/><strong   class="loginfont"><phrase 1="$bbuserinfo[username]"   2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br   />
        <img src="lg/img/mouse_on.png" alt="lastvisit"/><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><img src="lg/img/email.png"   alt="email"/><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>
    </td>
    </td></div>
    <br />
    
      <td class="link">
<a   href="search.php?$session[sessionurl]do=process&showposts=0&starteronly=1&exactname=1&searchuser=$bbuserinfo[username]"><img   src="lg/img/comment.png" alt="مواضيعي"/></a>
<a   href="search.php?$session[sessionurl]do=process&showposts=0&exactname=1&searchuser=$bbuserinfo[username]"><img   src="lg/img/tags.png" alt="مشاركاتى"/></a>
<a href="usercp.php$session[sessionurl_q]"><img src="lg/img/settings.png" alt="لوحة التحكم"/></a>
<a href="search.php?$session[sessionurl]do=getnew"   accesskey="2"><img src="lg/img/rss.png" alt="المشاركات   الجديدة"/></a>
<a href="search.php$session[sessionurl_q]" accesskey="4"><img src="lg/img/search.png" alt="بحث عن موضوع"/></a>
<a   href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]"   onclick="return   log_out('$vbphrase[sure_you_want_to_log_out]')"><img   src="lg/img/logout.png" alt="تسجيل الخروج"/></a>
      </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="lg/img/user.png" alt="اسم المستخدم"/></label></td>
            <td><a><input type="text" class="dinput"   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 = '';"   /></a></td>

            <td class="loginfont" nowrap="nowrap"><p class="defaultP">
    <a><input type="checkbox" name="cookieuser" value="1"   tabindex="103" id="cb_cookieuser_navbar" accesskey="c"   style="margin-right:20px;"><label for="soccer_like">
<img src="lg/img/rme.png" alt="تذكرني"/></label></a></p></td>
        </tr>
        <tr>
            <td class="loginfont"><label for="navbar_password">
            <img src="lg/img/pass.png" alt="كلمة المرور"/></label></td>
            <td><a><input type="password" class="dinput"   style="font-size: 11px" name="vb_login_password" id="navbar_password"   size="10" tabindex="102" /></a></td>
            <td><a><input type="submit" class="dbutton"   value=" "  tabindex="104" accesskey="s" /></a></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></div>
<!--/ Code by m.daoud -->

بعد كدا نشيل تسجيل الدخول من الناف بار لو عندك فى حته تانيه مع نفسك بقى

او (- ارفق القالب ونعدلهولك -)

0c3747496cf3.png


هتفتح لوحه تحكم منتداك وتعمل التالى


هتخش على

[ الاستايلات والقوالب ]

هتختار منها

[ البحث فى القوالب ]

هتبحث عن

[ Navbar ]


ناخد نسخة إحتياطية

نبحث عن

[<if condition="$show['member']"> ]

لاقيته طيب كويس خليك فاكر مكانه بقى

نبحث تانى عن

[<!-- / login form --> ]


كويس هات بقى الاتين وما بينهم وامسحهم

احفظ بقى بس يا سيدى روح بقى جرب رئيسية الاستايل


0c37474f6df3.png



الملفات.zip - 172.89 KB


0c37474c67f2.png

​
 


تم ارفاق الملفات في المرفقات لضمان بقائها

بشوق لجديدك
​
 


ألف شكر عزيزي !!~JusT~!!

ألف حمد الله على السلامه
عوداً حميداً

كلي شوق لجديدك
ودي وتقديري
:3:
 


مشكور موضوع رائع

بس

مشكلة اخي

زر اخفاء مش ظاهر

ممكن حل
 


المشكلة بظبط

في الصورة دي


في الرابط دة

hh7.an3m1.com/Sep/an3m1.com_13321948411.png
 
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.
عودة
أعلى