[ مشكله ] : تعديل النافابار و الهيدر بطريقه صحيحه
 

<div>السلام عليكم و رحمة الله وبركاته

الله لا يهينكم

ياليت تعدلون لي النافابار و الهيدر


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

و فيه لخبطه شويه اكيد الخبراء راح يفهمون لها
منها اذا سجلت دخول ما يظهر لي البيانات و اخطائه مايفهم لها الا الخبراء

وايضا النافابار في مشكله وهي انه مسوي بطريقه غريبه

وحاولت احط النافابار الاصل مع حذف تسجيل الدخول لكن واجهتني مشكله ان النافابار يتداخل

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

هذا الهيدر


رمز Code:
















/**
* vBulletin 3.8.4 CSS
* Style: 'TOOT_Studio_AM'; Style ID: 18
*/
body
{
color: #4b4b4b;
font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0;
padding: 0px;
}
a:link, body_alink
{
color: #1a6b8f;
}
a:visited, body_avisited
{
color: #1a6b8f;
}
a:hover, a:active, body_ahover
{
color: #4b4b4b;
}
.page
{
color: #4b4b4b;
}
td, th, p, li
{
font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
color: #4b4b4b;
border:0;
}
.tcat
{
background: #8dd8f4;
color: #FFFFFF;
font: bold 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
color: #ffffff;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #ffffff;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #FFFF66;
text-decoration: underline;
}
.thead
{
background: #a7e7ff;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #FFFF00;
}
.tfoot
{
color: #3a90af;
}
.tfoot a:link, .tfoot_alink
{
color: #004a65;
}
.tfoot a:visited, .tfoot_avisited
{
color: #004a65;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #3a90af;
}
.alt1, .alt1Active
{
background: #FFF;
color: #4b4b4b;
}
.alt2, .alt2Active
{
background: #d6f1ff;
color: #4b4b4b;
}
.inlinemod
{
background: #FFFFCC;
color: #4b4b4b;
}
.wysiwyg
{
background: #FFF;
color: #4b4b4b;
font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 5px 10px 10px 10px;
padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
color: #004a65;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
color: #004a65;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
color: #4b4b4b;
}
textarea, .bginput
{
font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
font-size: 10pt;
font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
font-size: 11px;
font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #666686;
}
.navbar
{
font-size: 11px;
}
.highlight
{
color: #FF0000;
font-weight: bold;
}
.fjsel
{
background: #3E5C92;
color: #E0E0F6;
}
.fjdpth0
{
background: #F7F7F7;
color: #4b4b4b;
}
.panel
{
background: #f5fcff;
color: #4b4b4b;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: #d6f1ff;
color: #4b4b4b;
}
legend
{
color: #22229C;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: #8dd8f4;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #FFFFFF;
text-decoration: underline;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #4b4b4b;
border: 1px solid #FFFFFF;
}
.vbmenu_option
{
background: #d6f1ff;
color: #4b4b4b;
font-size: 11px;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #004a65;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #004a65;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #4b4b4b;
text-decoration: none;
}
.vbmenu_hilite
{
background: #FFF;
color: #4b4b4b;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #004a65;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #004a65;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
.login {
position: absolute;
display: block;
}







TOOT Studio || توت ستوديو

Untitled 3


.header-bg{
background-image:url('s-fehaid/images/Cheader.jpg');
background-repeat:repeat;
height:419px;

}

.header-leaft{
background-image:url('s-fehaid/images/Lheader.jpg');
background-repeat:no-repeat;
width:694px;
height:419px;
float:left;
}

.header-right{
background-image:url('s-fehaid/images/Rheader.jpg');
background-repeat:no-repeat;
width:302px;
height:419px;
float:right;
}

.navbar-aa{
background-image:url('s-fehaid/images/navbar.png');
background-repeat:no-repeat;
width:773px;
height:43px;
top:500px;





.h1 {
position: absolute;
display: block;
width: 211px;
top: 376px;
}



}
.sa {
position: absolute;
display: block;
height: 23px;
}


.newStyle1 {
position: absolute;
display: block;
}

.newStyle2 {
position: absolute;
display: block;
}

.d1 {
position: absolute;
display: block;
width: 111px;
}

.d1{
background-image:url('s-fehaid/images/input.gif');
background-repeat:no-repeat;
width:103px;
height:18px;
}


.newStyle3 {
position: absolute;
display: block;
}
.newStyle4 {
position: absolute;
display: block;
}


.h11 {
position: absolute;
display: block;
}
.style1 {
position: absolute;
display: block;
margin-top: 0px;
}



.a12 {
position: absolute;
display: block;
}
.style2 {
margin-right: 0px;
}
.style3 {
border-width: 0px;
}



.newStyle5 {
position: absolute;
display: block;
}



.e1 {
position: absolute;
display: block;
}



.q1 {
position: absolute;
display: block;
}







































http://vb.ma7room.com/s-fehaid/messa...-read-icon.pnghttp://vb.ma7room.com/s-fehaid/i1.pnghttp://vb.ma7room.com/s-fehaid/i2.pnghttp://vb.ma7room.com/s-fehaid/i3.pnghttp://vb.ma7room.com/s-fehaid/i8.pnghttp://vb.ma7room.com/s-fehaid/i7.pnghttp://vb.ma7room.com/s-fehaid/i4.pnghttp://vb.ma7room.com/s-fehaid/i6.pnghttp://vb.ma7room.com/s-fehaid/i5.png


http://vb.ma7room.com/s-fehaid/navbar.png








http://vb.ma7room.com/s-fehaid/misc/navbits_start.gif
الرئيسية > مرابح العاطلين





.style1 {
margin-bottom: 0px;
}
.newStyle1 {
position: absolute;
display: block;
}
.style4 {
margin-right: 511px;



}
.g11 {
position: absolute;
display: block;
}





http://vb.ma7room.com/s-fehaid/images/user.gif

http://vb.ma7room.com/s-fehaid/images/pass.gif









هذا النافابار

رمز Code:





td
{
font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
a:link
{
color: #1a6b8f;
}
.style1 {
color: #1A6B8F;
}

















التعليمـــات


المنتدى

التقويم



الخروج




مشاركات اليوم


البحث














و هذا البوست بيت

<div style="margin:20px; margin-top:5px"> رمز Code:
$template_hook[postbit_start]






#$post[postcount]

http://vb.ma7room.com/$stylevar[imgd...reputation.gif


http://vb.ma7room.com/$stylevar[imgd...infraction.gif
http://vb.ma7room.com/$stylevar[imgd...on]/report.gif
$post[iplogged]








http://vb.ma7room.com/$stylevar[imgd...tatusicon].gif

$post[postdate], $post[posttime]

$vbphrase[x_until_y]

$post[firstnewinsert]










http://vb.ma7room.com/$post[avatarurl]




$post[musername]
$post[onlinestatus]


$post[musername]




$post[usertitle]

$post[rank]

$template_hook[postbit_userinfo_left]





<div class="smallfont">



هذا البوست ليجاسي

<div style="margin:20px; margin-top:5px"> رمز Code:
$template_hook[postbit_start]





http://vb.ma7room.com/$stylevar[imgd...tatusicon].gif
$vbphrase[x_until_y]




http://vb.ma7room.com/$stylevar[imgd...tatusicon].gif
$post[postdate], $post[posttime]
$post[firstnewinsert]




#$post[postcount]











$post[musername]


$post[musername]