تسجيل الدخول

مشاهدة النسخة كاملة : قالب template تسجيل الدخول بالـ Css _&_ Jquary بطريقه جديدة .



linnou
10-30-2013, بتوقيت غرينيتش 09:44 PM
http://www.dzbatna.com/images/icons/icon26.gif ظ‚ط§ظ„ط¨ طھط³ط¬ظٹظ„ ط§ظ„ط¯ط®ظˆظ„ ط¨ط§ظ„ظ€ Css _&_ Jquary ط¨ط·ط±ظٹظ‚ظ‡ ط¬ط¯ظٹط¯ط© . (http://www.dzbatna.com/t2032029/)




http://img02.arabsh.com/uploads/image/2014/02/02/0c37474e61f5.png


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


http://img02.arabsh.com/uploads/image/2014/02/02/0c37474e67f4.png

http://img02.arabsh.com/uploads/image/2014/02/02/0c37474b6cf0.gif

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

تمامـ

http://img03.arabsh.com/uploads/image/2014/02/02/0c37474c62f7.png

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

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

http://img02.arabsh.com/uploads/image/2014/02/02/0c37474e67f5.png


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

http://img03.arabsh.com/uploads/image/2014/02/02/0c3746426df1.jpg

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

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

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


http://img02.arabsh.com/uploads/image/2014/02/02/0c3747496cf3.png

بعد كدا تاخد القالب template اللى تحت دا وتحطه فى اول الهيدر header .

رمز PHP:

<code style="white-space:nowrap"> <code>
<!-- 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&#91;type="checkbox"&#93;').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&#91;'member'&#93;"><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&#91;username&#93;" 2="member.php?$session&#91;sessionurl&#93;u=$bbuserinfo&#91;useri d&#93;">$vbphrase&#91;welcome_x_link_y&#93;</phrase></strong><br />
<img src="lg/img/mouse_on.png" alt="lastvisit"/><phrase 1="$pmbox&#91;lastvisitdate&#93;" 2="$pmbox&#91;lastvisittime&#93;">$vbphrase&#91;last_visited_x_at_y&#93;</phrase>

<if condition="$show&#91;'notifications'&#93;">
<div><span class="loginfont" id="notifications"><a href="usercp.php$session&#91;sessionurl_q&#93;">$vbphrase&#91;your_notifications&#93;:</a> <strong>$notifications_total</strong></span></div>
<if condition="$show&#91;'popups'&#93;">
<script type="text/javascript"> في بي vBmenu.register("notifications"); </script>
<else />
<script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions&#91;s impleversion&#93;"></script>
<script type="text/javascript"> فيبويلتن في بي vBulletin.register_control("في بي vB_Notifications_NoPopups", "notifications"); </script>
</if>
<else /><if condition="$show&#91;'pmstats'&#93;">
<div><img src="lg/img/email.png" alt="email"/><phrase 1="$vbphrase&#91;unread_x_nav_compiled&#93;" 2="$vbphrase&#91;total_x_nav_compiled&#93;" 3="$session&#91;sessionurl_q&#93;">$vbphrase&#91;private_messages_nav&#93;</phrase></div>
</if></if>

<if condition="$show&#91;'pmwarning'&#93;"><div><strong class="loginfont"><phrase 1="$vbphrase&#91;pmpercent_nav_compiled&#93;">$vbphrase&#91;your_pm_box_is_x_full&#93;</phrase></strong></div></if>
</div>
</td>
</td>
</td></div>
<br />

<td class="link">
<a href="search.php?$session&#91;sessionurl&#93;do=process&showposts=0&starteronly=1&exactname=1&searchuser=$bbuserinfo&#91;username&#93;"><img src="lg/img/comment.png" alt="مواضيعي"/></a>
<a href="search.php?$session&#91;sessionurl&#93;do=process&showposts=0&exactname=1&searchuser=$bbuserinfo&#91;username&#93;"><img src="lg/img/tags.png" alt="مشاركاتى"/></a>
<a href="usercp.php$session&#91;sessionurl_q&#93;"><img src="lg/img/settings.png" alt="لوحة التحكم"/></a>
<a href="search.php?$session&#91;sessionurl&#93;do=getnew" accesskey="2"><img src="lg/img/rss.png" alt="المشاركات الجديدة"/></a>
<a href="search.php$session&#91;sessionurl_q&#93;" accesskey="4"><img src="lg/img/search.png" alt="بحث عن موضوع"/></a>
<a href="login.php?$session&#91;sessionurl&#93;do=logout&amp;logouthash =$bbuserinfo&#91;logouthash&#93;" onclick="return log_out('$vbphrase&#91;sure_you_want_to_log_out&#93;')"><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&#91;nopasswordempty&#93;)">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions&#91;simpleversion&#93;"></script>
<table cellpadding="0" cellspacing="$stylevar&#91;formspacer&#93;" 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&#91;username&#93;" onfocus="if (this.value == '$vbphrase&#91;username&#93;') 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&#91;sessionhash&#93;" />
<input type="hidden" name="securitytoken" value="$bbuserinfo&#91;securitytoken&#93;" />
<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 -->
</code> </code>


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

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

http://img02.arabsh.com/uploads/image/2014/02/02/0c3747496cf3.png

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


هتخش على

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

هتختار منها

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

هتبحث عن

[ Navbar ]


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

نبحث عن




[<if condition=&quot;$show['member']&quot;> ]

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

نبحث تانى عن

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


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

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


http://img03.arabsh.com/uploads/image/2014/02/02/0c37474f6df3.png


الملفات.zip - 172.89 KB (http://arabsh.com/files/0d37444265/%D8%A7%D9%84%D9%85%D9%84%D9%81%D8%A7%D8%AA-zip.html)


http://img02.arabsh.com/uploads/image/2014/02/02/0c37474c67f2.png







التعديل الأخير كان بواسطة M.Daoud; 02 - 02 - 2014 الساعة 16:38

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif تعديل ع تسجيل الدخولcss.zip (http://www.traidnt.net/vb/attachments/626521d1328246502-تعديل-ع-تسجيل-الدخولcss.zip) (172.9 كيلوبايت, عدد مرات المشاهدة 255 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى