ظ‚ط§ظ„ط¨ طھط³ط¬ظٹظ„ ط§ظ„ط¯ط®ظˆظ„ ط¨ط§ظ„ظ€ Css _&_ Jquary ط¨ط·ط±ظٹظ‚ظ‡ ط¬ط¯ظٹط¯ط© .






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






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

تمامـ



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

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




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



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

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

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




بعد كدا تاخد القالب 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({checkboxC ls: '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=$bbuse rinfo&#91;userid&#93;">$vbphrase&#91;welcome_x_lin k_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;la st_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;">$v bphrase&#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;simpleversion&#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;p rivate_messages_nav&#93;</phrase></div>
</if></if>

<if condition="$show&#91;'pmwarning'&#93;"><div><stron g class="loginfont"><phrase 1="$vbphrase&#91;pmpercent_nav_compiled&#93;">$vbp hrase&#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=pr ocess&showposts=0&starteronly=1&exactname=1&search user=$bbuserinfo&#91;username&#93;"><img src="lg/img/comment.png" alt="مواضيعي"/></a>
<a href="search.php?$session&#91;sessionurl&#93;do=pr ocess&showposts=0&exactname=1&searchuser=$bbuserin fo&#91;username&#93;"><img src="lg/img/tags.png" alt="مشاركاتى"/></a>
<a href="usercp.php$session&#91;sessionurl_q&#93;"><i mg src="lg/img/settings.png" alt="لوحة التحكم"/></a>
<a href="search.php?$session&#91;sessionurl&#93;do=ge tnew" 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=log out&amp;logouthash=$bbuserinfo&#91;logouthash&#93; " onclick="return log_out('$vbphrase&#91;sure_you_want_to_log_out&#9 3;')"><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&#9 3;"></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 ونعدلهولك -)



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


هتخش على

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

هتختار منها

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

هتبحث عن

[ Navbar ]



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

نبحث عن




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

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

نبحث تانى عن


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


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


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





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







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

الملفات المرفقة [TR]
تعديل ع تسجيل الدخولcss.zip (172.9 كيلوبايت, عدد مرات المشاهدة 255 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©