كود نافذة تسجيل الدخول الاحترافية مثل الفي بي

[ Template & jQuery ] كود نافذة تسجيل الدخول الاحترافية مثل الفي بي

:كمة:
صوره من الكود





اولا طريقة التركيب ~

اذهب الى ~ لوحة الادرة ) ادارة عامة ) تشكيل ) نافذة الترحيب بالزوار ~ و اجعل الخيار { لا }

مثل هذه الصورة






و بعد ذلك اذهب الى قالب الهيدر في التومبيلات~ overall_header

و ضع في آخره هذا الكود ~

الكود:

<!-- BEGIN switch_user_logged_out -->
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"></table>
<div class="F_F_1">
<div class="F_F_2"></div>
<div class="F_F_3"></div>
<div class="F_F_4"></div></div><!--
نهايه كود الدخول-->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){});//]]></script>
<script type="text/javascript">//<![CDATA[
var
 _gaq = _gaq || [];_gaq.push(['_setAccount',
'UA-24196208-1']);_gaq.push(['_trackPageview']);(function() {var ga =
document.createElement('script'); ga.type = 'text/javascript'; ga.async =
 true;ga.src = ('https:' == document.location.protocol ? 'https://ssl' :
 'http://www') + '.google-analytics.com/ga.js';var s =
document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);})();//]]></script>
<a name="top"></a>
<script> function hideLoginBoard(){document.getElementById('loginboard').style.display = 'none'; }</script><!--
 Start Login Board  -->
<div
 id="loginboard" style="position:absolute; visibility:show;
z-index:1000; filter: alpha(opacity=70); opacity:0.70; top:50;">
<table
 border="0" cellpadding="0" cellspacing="0" style="border-collapse:
collapse; padding-top: 0px;" width="350" align="center">
<tbody>
<tr>
<td width="100%" valign="middle" align="center">
<table
 border="0" cellpadding="0" cellspacing="0" style="border-collapse:
collapse" width="350" align="center" bgcolor="#ffffff">
<tbody>
<tr>
<td width="100%" valign="middle" align="center" colspan="2"><!--
 End Welcome --><fieldset class="fieldset"><fieldset class="fieldset">
<table
 border="0" cellpadding="0" cellspacing="0" style="border-collapse:
collapse" width="350" align="center" bgcolor="#ffffff">
<tbody>
<tr>
<td
 width="100%" valign="middle" align="center" colspan="2"><font
face="Verdana" size="2">أهلا و سهلا بك يا أيها الزائر لزيارتك
للمنتدى<a onclick="hideLoginBoard(); return false" href="#Close"
"=""><b>»[X]«</b></a></font></td></tr><!--
 Site Life Status-->
</tbody>
<tbody>
<tr>
<td
 class="tfoot" colspan="2" align="center" bgcolor="black"><font
color="white"><b>»»--أستمارة تسجيل
الدخول--««</b></font></td></tr></tbody><!--
/ Site Life Status  --></table></fieldset><!--
 End Welcome --><br /><!--

 Login if you're Member --><fieldset
class="fieldset"><legend align="center"><a href="#top"
onclick="return toggle_collapse(" loginboardlogin?)?=""><font
face="Verdana" size="2">:::»+ الرجاء تسجيل الدخول هنا
+«:::</font></a></legend><form
action="/login.forum" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td
 width="100%" valign="top" align="center" class="row1"><span
class="genmed">أسم الدخول :</span><input class="post"
type="text" size="10" name="username" /><br /><span
class="genmed">كلمة السر :</span><input class="post"
type="password" size="10" name="password" /><br /><br
/><input class="mainoption" type="submit" name="login"
value="تسجيل دخول" /><br /><span class="gensmall">تسجيل
دخول اوتماتيكي</span><input class="radio" type="checkbox"
name="&'autologin'" checked="checked"
/></td></tr></tbody></table></form></fieldset><!--
 End Login if you're Member --><br /><!--

 Register if you're Guest  --><fieldset><legend
align="center"><a href="profile.forum?mode=register"
onclick="return toggle_collapse(" loginboardregister?)?=""><font
face="Verdana" color="red"
size="2">»+<strong></strong></font></a><font
 face="Verdana" color="red" size="2"><strong><a
href="/profile.forum?mode=register"><font id="flashit">+ لست
عضوا؟ اضغط هنا للتسجيل +
«</font></a></strong></font></legend></fieldset></fieldset></td></tr></tbody></table></td></tr></tbody></table></div>
<script>var curx=350;var cury=0;</script>
<script>var curx=350;var cury=0;</script>
<script>var
 ie45,ns6,ns4,dom;if (navigator.appName=="Windows Internet Explorer")
ie45=parseInt(navigator.appVersion)>=4;else if
(navigator.appName=="Netscape"){ 
ns6=parseInt(navigator.appVersion)>=5; 
ns4=parseInt(navigator.appVersion)<5;}dom=ie45 || ns6;var
timershow=false;var win_w=window.innerWidth ? window.innerWidth :
document.body.offsetWidth;var mid_w=win_w/2;var
timershow1=window.setInterval("stayMiddle()",1);function getobj(id) {el =
 document.all ? document.all[id] :  dom ? document.getElementById(id) :
 document.layers[id];return el;}function moveobj(obj,x,y)
{obj.style.left=x + "px";obj.style.top=y+ "px";curx=x;cury=y;}function
stayMiddle() {if (document.documentElement &&
document.documentElement.scrollTop)var pY = 
document.documentElement.scrollTop;else if (document.body)var pY = 
document.body.scrollTop;obj = getobj('loginboard');newy =
cury+((pY-cury)/16)+5;moveobj(obj,curx,newy);}</script>
 <!-- END switch_user_logged_out -->

و بعد ذلك اضغط سجل و انشر الكود

ملاحظة : الكود يظهر للزوار فقط تلقائيا دون الحاجة للعناصر !


تحياتي لكم ~ و اتمنى يعجبكم الكود