[Template]كود هيدر ممتد بدون تومبيلات

السلام عليكم ورحمة الله وبركاتة
اقدم لكم اخواني واخواتي زوار واعضاء
شبكه ومنتدي كافيه العرب الكرام من كل مكان

[Template]كود هيدر ممتد بدون تومبيلات

الــــكــــود :-

الكود:: [b][b]

<head>
<meta http-equiv="Content-Language" content="en-us">
<link
rel="stylesheet"
href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css"
type="text/css" media="screen" />
<style>
#login {
overflow: visible;
height: auto;
-webkit-transition: margin-top 0.5s ease-in-out 0s;
-moz-transition: margin-top 0.5s ease-in-out 0s;
-o-transition: margin-top 0.5s ease-in-out 0s;
transition: margin-top 0.5s ease-in-out 0s;

}

/* Login Panel I */
#topp {
height: 38px;
position: relative;
}

#topp ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
padding-right: 45px;
}

#topp ul.login li.left {
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: block;
float: left;
}

#topp ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 38px;
}
#topp ul.login li a {color: #33CCCC;}
#topp ul.login li a:hover {color: white;}

/* Login Panel */
#topp {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}

#topp ul.login {
background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}

#topp ul.login li.left {
background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}

#topp ul.login li {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}

/*Login*/
/* toggle effect - show/hide login*/
#login {
background: #1E1E1E;}

#login .loginContent input:focus.field {
background: #545454;}

#login .loginContent{padding-top:0px;width:790px;height:100px;}

#login .loginContent input.button_login {

background: transparent
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg)
no-repeat 0 0;}

#login .loginClose a {

background:
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg)
no-repeat right 0;}

#login .loginClose a:hover {

background:
url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg)
no-repeat right -20px;}
</style>


</head>

<div id="loginn" style="display:
block;position: absolute;left: 4px;top: 99px;width: 100%"><div
id="login" style="margin-top:-100px;">
<div
class="loginContent" style="width: 100%; height: 100px">

<TABLE dir=rtl border=0 cellSpacing=0 cellPadding=0 width="100%"

<TBODY>
<TR>
<TD background="رابط الخلفية" width="206">
<p align="center">
<img border="0" src="رابط الصورة الشمال" align="right" hspace="0"></TD>
<TD background="رابط الخلفية">
<p align="center">
<img border="0" src="رابط الصورة بالمنتصف" hspace="0"></TD>
<TD background="رابط الخلفية" width="153">
<img border="0" src="رابط الصورة اليمين" align="left" hspace="0"></TD>
</TR></TBODY></TABLE></DIV>
</BODY>
</HTML> </div>

</div>

<div id="container"> <div class="clearfix"></div>
</div></p></div>[/b][/b]

قم بتعديل ما يلزم بالكود
والكود ينقسم الى خلفية
وصور يمين
وصورة شمال
وصورة بالمنتصف
الكود يوضع باى مكان يقبل اكواد
HTML

رائع جدا هذا الكود
تسلم ايديك يا إيسووووو

لكن الصور بتظهرلك انت بس والادرايين فقط يرجي التعديل
لو سمحت

» [تومبيلات]كود وضع التوقيع داخل جدول وعمل هيدر وفوتر للتوقيع
» كود تغيير ازرار التقييم بصورة بدون تومبيلات للنسخة 3
» كود جعل خانة اخر مساهمة قبل عدد المواضيع بدون تومبيلات
» طريقة تركيب الازرار فوق الواجهه بدون تومبيلات
» كود الفوتر الرئع بدون تومبيلات يعمل على جميع النسخ