طلب تعديل الهيدر

في الهيدر هناك مستطيل مكتوب فيه اسم المنتدى ووصفه

والوصف باللون السماوي فانا اريده باللون الاسود مثل العنوان

وكمان عندما افتح اي صفحة عدا الرئيسية يظهر الوصف بجانب اسم المنتدى وكلم باللون السماوي أنا لا أريده هكذا أنا أريد يكون مثل الصفحة (بعد التعديل)

وأيضاَ أريد اضافة زر الهوم بجانب المستطيل في كل الصفحات مثل هذا المنتدى : http://www.t3qnyiat.com

هذا هو رابط منتداي : www.Wr-T6wer.Alafdal.net

هذا هو الهيدر :

الكود:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />

<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />


<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />

{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>


<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>



<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>



<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
   /* Definir le sens de direction en fonction du panneau admin */
   var tickerDirParam = "{switch_ticker.DIRECTION}";
   var slid_vert = false;
   var auto_dir = 'next';
   var h_perso = parseInt({switch_ticker.HEIGHT});

   switch( tickerDirParam )
   {
      case 'top' :
         slid_vert = true;
         break;

      case 'left':
         break;

      case 'bottom':
         slid_vert = true;
         auto_dir = 'prev';
         break;

      case 'right':
         auto_dir = 'prev';
         break;

      default:
         slid_vert = true;
   }

   $(document).ready(function() {
      var w_cont = $('#fa_ticker_container').width();

      if (w_cont > 0)
      {
         $('#fa_ticker_container').width(w_cont);

         /* Affichage de la liste */
         $('#fa_ticker_content').css('display','block');

         /* Calcul des dimensions du conteneur et des elements */
         var width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});
         var height_max = h_perso;

         /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
         $('ul#fa_ticker_content li').each( function () {
            if ($(this).height() > height_max)
            {
               height_max = $(this).height();
            }
         } );

         /* Redimensionnement des elements et des images trop larges */
         $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
            if ($(this).width() > width_item)
            {
            var ratio    = $(this).width() / width_item;
            var new_height = Math.round($(this).height() / ratio);
            $(this).height(new_height).width(width_item);
            }
         });

         /* Redimensionnement et centrage du conteneur en mode vertical */
         if (slid_vert)
         {
            $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
         }

         /* Initialisation du caroussel */
         $('#fa_ticker_content').jcarousel({
               vertical: slid_vert,
            wrap: 'circular',
            auto: {switch_ticker.STOP_TIME},
            auto_direction: auto_dir,
         scroll: 1,
         size: {switch_ticker.SIZE},
         height_max: height_max,
         animation: {switch_ticker.SPEED}
         });
      }
      else
      {
         $('ul#fa_ticker_content li:not(:first)').css('display','none');
         $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
      }
   });
//]]>
</script>


<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
   
      pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
      if(pm != null) { pm.focus(); }
   
   
      report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
      if(report != null) { report.focus(); }
   
   
      $(document).ready(function() {
         Ticker.start({
            height : {switch_ticker.HEIGHT},
            spacing : {switch_ticker.SPACING},
            speed : {switch_ticker.SPEED},
            direction : '{switch_ticker.DIRECTION}',
            pause : {switch_ticker.STOP_TIME}
         });
      });
   
});


   var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;



$(document).ready( function() {
   $(window).resize(function() {
      var windowWidth = document.documentElement.clientWidth;
      var popupWidth = $("#login_popup").width();
      var mypopup = $("#login_popup");

      $("#login_popup").css({
      "left": windowWidth/2 - popupWidth/2
         });
   });
});

//]]>
</script>
{GREETING_POPUP}

<style>
.jcarousel-skin-tango .jcarousel-item {
   text-align:center;
   width: 10px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
   margin-right: {switch_ticker.SPACING}px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
   margin-bottom: {switch_ticker.SPACING}px;
}
</style>

{HOSTING_JS}

<script type="text/javascript">
//<![CDATA[
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
   _gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);


_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._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>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

<style>
body{
background: #F1F1F1 none repeat scroll 0 0;
margin: 0;
padding: 0;
}
#topbar {
background-color: #034671;
border-top: 12px solid #C80202;
}

.cntr {
margin: 0 auto;
width: 1180px;
}
.rightlnk {
height: 50px;
}
.rightlnk a {
color: #FEFFFF;
display: block;
float: right;
font-size: 13px;
line-height: 50px;
overflow: hidden;
position: relative;
font-family: newsans,"droid Arabic Kufi";
}

ul.social-butt {
list-style-type: none;
float: left;
margin: 6px 0 0;

}
.social-butt li {
float: left;
margin: 0 4px 0 0;
}
.social-butt li:last-child {
margin: 0;
}
.social-butt li a {
background: rgba(0, 0, 0, 0) url("http://i84.servimg.com/u/f84/16/46/77/76/img_1014.png") no-repeat scroll left top;
display: block;
height: 31px;
transition: all 0.4s ease-in-out 0s;
width: 32px;
}
.social-butt li.ic02 a {
background-position: -37px top;
}
.social-butt li.ic03 a {
background-position: -73px top;
}
.social-butt li:last-child a {
background-position: -111px top;
}
.social-butt li a:hover {
transform: rotate(360deg);
}
#hdr_ {
background: rgb(255, 255, 255) repeat scroll left top;
height: 200px;
}
#hdr_ .cntr {
padding: 17px 10px;
}
.hdr-logo {
background: url("http://i84.servimg.com/u/f84/16/46/77/76/18_0610.png") no-repeat scroll left top;
display: block;
float: right;
height: 123px;
margin-top: 30px;
width: 264px;

}
.hdr-logo:hover {
background: url("http://i84.servimg.com/u/f84/16/46/77/76/18_06110.png") no-repeat scroll left top;
display: block;
float: right;
height: 123px;
margin-top: 30px;
width: 264px;

}
.hd-banner img {
float: left;
margin-top: 5px;
width: 500px;
}
.login__box {
background-color: #34A773;
height: 65px;
}
.date {
background: rgba(0, 0, 0, 0) url("http://i84.servimg.com/u/f84/16/46/77/76/img_0212.png") no-repeat scroll right center;
color: rgb(255, 255, 255);
float: right;
margin-top: 18px;
padding-right: 26px;
font-family: newsans,"droid Arabic Kufi";
}
.login__box .cntr {
position: relative;
}
.login-box {
float: left;
margin-left: 20px;
margin-top: 15px;
width: 500px;
}
.login-box input[type="text"], .login-box input[type="password"] {
border: 0 none;
border-radius: 0;
box-sizing: border-box;
float: right;
line-height: 25px;
margin-left: 8px;
padding: 4px;
width: 144px;
}
.login-box input[type="submit"] {
background-color: rgb(236, 153, 46);
color: rgb(255, 255, 255);
float: left;
height: 36px;
padding: 0;
text-shadow: 0 0 0 rgb(255, 255, 255);
width: 80px;
}
.chboxx {
color: rgb(255, 255, 255);
float: right;
margin-top: 10px;
}
.NameUsers {
color: #FEFFFF;
float: right;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
font-size: 0.8em;
margin-left: 15px;
}
.NameUsers a {
color: #FEFFFF;
text-decoration: none;
}
.ControlUser {
padding-bottom: 10px;
padding-left: 10px;
}
.ControlUser ul {
margin: 4px 0 12px;
padding: 0 0 0 40px;
}
.ControlUser li {
background: rgb(245, 245, 245) none repeat scroll 0 0;
border: 1px solid rgb(204, 204, 204);
border-radius: 5px;
box-shadow: 0 0 1px rgb(204, 204, 204);
color: rgb(112, 129, 144);
display: inline-block;
font-size: 21px;
height: auto;
margin: 0;
padding: 0 3px;
text-shadow: 0 1px 0 rgb(255, 255, 255);
width: auto;
}
.JAR7 {
background-color: #034671;
border-top: 8px solid #C80202;
border-radius: 10px;
font-weight: normal;
margin: 20px 0;
padding: 40px 8px 10px;
position: relative;
}
.nav__ {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: rgb(255, 255, 255);
border-color: rgb(221, 221, 221) rgb(221, 221, 221) #034671;
border-image: none;
border-style: solid;
border-width: 1px 1px 4px;
padding: 5px 12px;
}
.tborder {
background: rgb(156, 156, 156) none repeat scroll 0 0;
border: 0 solid rgb(255, 255, 255);
color: rgb(8, 136, 216);
}

.nav__ td {
background-color: rgb(255, 255, 255) !important;
border: 0 none !important;
}
.navbar {
color: rgb(68, 68, 68);
font-family: newsans,"droid Arabic Kufi",tahoma,verdana,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
}
.navbar a:link, .navbar_alink {
color: rgb(68, 68, 68);
}

</style>

<link rel="stylesheet" href="http://static.tumblr.com/yiol0h8/AXWn3atj3/tipsy.css" type="text/css" />
<script type="text/javascript" src="http://static.tumblr.com/yiol0h8/GOsn3atjv/jquery.tipsy.js"></script>

<script type='text/javascript'>
$(function() {
$('.tool-tip').tipsy({fade: true, gravity: 's'});
});
</script>
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<div id="hitskin_preview" style="display: block;">
   <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br />
         <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>



<div id="login_popup" style="z-index: 10000 !important;">
   <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="login_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}" />
                  <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
               </form>
            </div>
            <span class="genmed">{LOGIN_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>


<a name="top"></a>
{JAVASCRIPT}
<div id="topbar">
<div class="cntr">
<div class="rightlnk">
<a>
<span>{GENERATED_NAV_BAR}</span>
</a>
<ul class="social-butt">
<li><a href="https://www.instagram.com/y_6l" title="تابعنا على انستقرام"></a></li>
<li class="ic02"><a href="https://www.plus.google.com/u/0/111887609297021397834" title="تابعنا على قوقل بلس"></a></li>
<li class="ic03"><a href="https://www.twitter.com/LoayAloqbi" title="تابعنا على تويتر"></a></li>
<li><a href="https://www.facebook.com/profile.php?id=100008855800377" title="تابعنا على فيس بوك"></a></li>
</ul>
</div>
</div>
</div>
<div id="hdr_">
<div class="cntr">
<a class="hdr-logo" title="الصفحة الرئيسية" href="/"></a>
<a class="hd-banner" href="http://wr-t6wer.alafdal.net/contact">
<img width="445" height="74" alt="اعلانك هنا" src="http://i84.servimg.com/u/f84/16/46/77/76/18_0310.png"/>
</a>
<a class="hd-banner" href="http://wr-t6wer.alafdal.net/contact">
<img width="445" height="74" alt="اعلانك هنا" src="http://i84.servimg.com/u/f84/16/46/77/76/18_0310.png"/>
</a>
</div> </div>
<div class="login__box">
<div class="cntr clfx">
<div class="date" id="date"></div>
<script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("الاحد","الاثنين","الثلاثاء","الاربعاء","الخميس","الجمعة","السبت");
var months=new Array("يناير","فبراير","مارس","ابريل","ماي","يونيو","يوليو","اغسطس","سبتمبر","اكتوبر","نوفمبر","ديسمبر");
var am_pm;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
if (h>12) {h-=12;am_pm = "مساءً."}
else {am_pm="صباحاً."}
if (h<10) {h="0" + h}
document.getElementById("date").innerHTML=days[day] + " " + date + " من " + months[month] + " " + year + " , الساعة الان " + h + ":" + m + ":" + s + " " + am_pm;
setTimeout("refrClock()",1000);
}
refrClock();
</script>
<div class="login-box clfx">

<form action="login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
<input type="text" class="bginput" name="username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="اسم العضو" onblur="if(this.value=='')this.value='اسم العضو' " onfocus="if (this.value == 'اسم العضو') this.value = '';" >
<input type="password" class="bginput" name="password" id="navbar_password" size="10" tabindex="102" onblur="if(this.value=='')this.value='password ' " onfocus="if(this.value=='password ')this.value=''" value="password " >

<div class="chboxx">
<label>
<input type="checkbox" name="checkbox" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" >حفظ البيانات؟</label>
</div>
<input type="submit" class="button" name="login" value="دخول" tabindex="104" title="ادخل اسم العضو وكلمة المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط 'التسجيل' لإنشاء حساب خاص بك." accesskey="s" >
</form>


<div class="NameUsers"><strong>أهلاً وسهلاً بك <a>{LOGGED_AS}</a>.</strong></div>
<div class="ControlUser">
<ul>
<li><a rel="nofollow" class="simptip-position-bottom" title="لوحة التحكم الخاصة بك" id="usercptools" href="/profile?mode=editprofile" accesskey="3">
<div class="fa fa-cogs"></div></a><script type="text/javascript"> vbmenu_register("usercptools"); </script></li>
<li><a class="simptip-position-bottom" title="الاشعارات" href="/profile?mode=editprofile&page_profil=notifications" accesskey="3"><div class="fa fa-comment"></div></a></li>
<li><a rel="nofollow" class="simptip-position-bottom" title="اشتراكاتك" href="/search?search_id=watchsearch" accesskey="3"><div class="fa fa-th-large"></div></a></li>
<li><a class="simptip-position-bottom" title="مشاركات اليوم" href="/search?search_id=newposts" accesskey="2"><div class="fa fa-th"></div></a></li>
</ul>
</div>

</style>


</div>
</div>

</div><br><br>
<div class="cntr"><div class="nav__">
<div class="fa fa-home">

<table class="tborder" width="100%" cellspacing="0" cellpadding="6" border="0" align="center">
<tbody>
<tr>
<td>
{MAIN_SITENAME} {SITE_DESCRIPTION}

</td>
</tr>
</tbody>
</table>
</div></div></div>
<br>
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline">
         <table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
               
               <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
               
               <td align="center" width="100%" valign="middle">
                  
                  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                  <br />
                  
                  <div class="maintitle"></div>
                  <br />
                  <span class="gen"><br />  </span>

               </td>
            </tr>
         </table>

         <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
            <tr>
               <td align="{MENU_POSITION}"{MENU_NOWRAP}></td>
            </tr>
         </table>

         <div style="clear: both;"></div>

         
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td align="left" class="row1">
                     <div id="fa_ticker_container">
                        <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                           
                           <li>{switch_ticker.ticker_row.ELEMENT}</li>
                           
                        </ul>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         

         
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td align="left" class="row1">
                     <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                           <div class="fa_ticker_content">
                              
                              <div>{switch_ticker.ticker_row.ELEMENT}</div>
                              
                           </div>
                        </div>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         

         <div id="page-body">
            <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
               <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                  <tbody>
                     <tr>
         <td valign="top" width="100%">
<div id="center">

<br><br>

{giefmod_index1.MODVAR}

<div style="height:{SPACE_ROW}px"></div>


</div>
</td></tr><tr>

                           </div>
                        </td>
                        <td valign="top" width="100%">

                        </td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </div>
      </td>
   </tr>
</table>
</body>
</html>

وأريد أيضا وضع هذا الكود في الفراغ الابيض بين اللوجو والتاريخ (في الهيدر)

هذا هو الكود :

http://www.ibda3araby.com/t128241-topic#1286651

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

مرحبا
ابحث عن الكود هذا في ورقة css
اذا وجدته بدل الون بلون الكود هذا
اذا لم تجده
ضع الكود هذا

الكود:: .nav__ td {
background-color: #333300 !important;
border: 0px none !important;
}

ما هذا الكود؟

أنا أريد وضع مربع البحث في ذلك الفراغ الابيض بين الواجهة والتاريخ

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

طيب لمن تخلص من طلب اللون السماوي راح احط موضوع اخر به الطلب الاخر

هل وضعت الكود اعلاه او بحثت عنه في ورقة css
الخاصه بك

نعم ولم ينجح الكود

تم تركيب الهيدر الخاص بك
على منتدى تجريبي وظهر انه
من الوان المنتدى غير لون رووابط
المنتدى
يمكنك ايضا تجربه هذا

الكود:: .tborder {
background-color: #999000 !important;
border: 0px none !important;
}

لا أخي لا يوجد ولا لون في الوان المنتدى سماوي

ووضعت الكود ونفس المشكلة

فالحل هو ان اضع قالب انديكس بودي وورقة السي اس اس

الورقة :

الكود:: .forumline{
   background: rgb(253, 253, 253) none repeat scroll 0 0;
   border-color: #114F77 rgb(232, 232, 232) rgb(222, 222, 222);
   border-radius: 25px 25px 5px 5px;
   border-style: solid;
   border-width: 10px 1px 1px;
   box-shadow: 0 0 3px rgb(231, 231, 231);
   clear: both;
   margin: 20px 5px;
   padding: 10px;
}
tr.post td {

   text-align: center;

}
a{
  text-decoration: none;
   }
body {
  text-decoration: none;
}

.avatar {
   background-color: rgb(255, 255, 255);
   border: 1px solid rgb(181, 181, 181);
   width: 60px;
   border-radius: 200px;
}
.avatar img {
   width: 60px;
   height: 60px;
   border-radius: 200px;
}

.signature img{
   max-width: 605px !important;
   max-height: 400px !important;
}

form#quick_reply{
background:url(http://i12.servimg.com/u/f12/14/62/10/11/uousuu11.gif) no-repeat right ;
padding:30px 10px 10px 10px;
background-position: top center;
}
a:visited
   {
   text-decoration: none;
   }

   a:active
   {
   text-decoration: none;
   }

   a:hover
   {
   text-decoration: none;
   }
   #A7medvirus {
   background-image: url("http://i66.servimg.com/u/f66/12/46/69/62/ice10.png");
   border: 1px solid #C0C0C0;
   border-radius: 15px 15px 15px 15px;
   margin: 0 auto;
   padding-bottom: 1px;
   padding-top: 1px;
   width: 20%;

   }

   #HiMa-ElMaSrY {
   background-image: url("http://i66.servimg.com/u/f66/12/46/69/62/ice10.png");
   border: 1px solid #C0C0C0;
   border-radius: 15px 15px 15px 15px;
   margin: 0 auto;
   padding-bottom: 1px;
   padding-top: 1px;
   width: 20%;

   }

.Yassine-bablil {
background-color: #ece0e0;
padding: 0;}

.Yassine-bablil-1 {
background-color: #f9f6f6;
border: 0 solid #ffffff;
font-family: Arial,Times New Roman;
font-size: 15px;
font-weight: bold;
padding: 10px;}

#fa_toolbar {
   background-color: transparent !important;
}
#fa_right {
   background-color: #2D63A8;
   border-radius: 0 0 40px 40px;
   padding-left: 10px;
   padding-right: 10px;
   right: 20px;
}

#fa_left {
   background-color: #2D63A8;
   border-radius: 0 0 0 40px;
   position: relative;
   left: 20px;
   margin-top: -1px;
   padding-left: 10px;
   padding-right: 10px;
}

#fa_search {
   background-color: #2D63A8;
   margin-top: -1px;
   padding-left: 10px;
   padding-right: 10px;
}

#fa_share {
   background-color: #2D63A8;
   border-radius: 0 0 40px;
   position: relative;
   left: -20px;
   margin-top: -1px;
   padding-left: 10px;
   padding-right: 10px;
}

.fa_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}

   .updownbutton {
   position:fixed;
   bottom:20px;
   left:10px; /* replace right with left to display the buttons on the left */
   z-index:100;
   }

/*** كود وضع البسمله بدون خطوط ***/
.hr {
background: url(http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
text-align: center;
vertical-align: text-bottom;
padding: 0px 325px 210px;
line-height: normal;
}
/*** Ahmed M!Do ***/

#chatbox_ret_cont{
  z-index: 999;
  background-color: transparent;
  position: fixed;
  bottom: 0;
}
#chatbox_ret_cont.chatbox_derecha{
  right: 0;
}
#chatbox_ret_cont.chatbox_izquierda{
  left: 0;
}
#chatbox_ret_cont div{
  cursor: pointer;
}
#chatbox_ret_cont iframe#chatbox_ret{
  background-color: white;
  border: 2px solid grey;
  display: none;
  height: 450px;
  margin-bottom: 0;
  width: 900px;
}

.tool-tip
}
font-family: newsans,"droid Arabic Kufi";
{




/* button image */

.sceditor-button-hashtag div { background-image:url(http://i19.servimg.com/u/f19/19/06/98/92/scehas11.png) !important }

/* drop down input */

#fa_hashtag {

  background:url(http://i19.servimg.com/u/f19/19/06/98/92/scehas11.png) no-repeat 3px 50% #FFF;

  padding-left:22px;

}





  /*تم بوسطة {وهبة الساحر}؛*/
   #username_reg {
   background-image: url(http://i45.servimg.com/u/f45/15/95/28/21/warnin10.png);
   background-repeat: no-repeat;
   background-position: left;
   }
   #username_reg {
   height: 35px;
   width: 145px; }

   #username_reg.okusername {
   background-image: url(http://i45.servimg.com/u/f45/15/95/28/21/true11.png);
   background-repeat: no-repeat;
   background-position: left;

   }
   #username_reg {
   border:2px solid red!important;
   }
   #username_reg.okusername {
   border:2px solid green!important;
   }
/*تم بوسطة {وهبة الساحر}؛*/





  [center]
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}

.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
  font-weight: bold;
   font-family: Droid Arabic Kufi !important;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}

.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}

.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}

.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}

.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}






/*---------- www.haya-m.net ----------- */ .colorsh-no , .colorsf-no{background:#2b2b2b;}.no-color , .no-color .profile{ border-color: #2b2b2b; color: #2b2b2b;}.colorsh:after , .colorsh-no:after { content: "بيانات إضافية";}.colorsf:before , .colorsf-no:before{ content: "لوني المفضل :";}





.poster-profile {
   background-image: url("http://up.alhilalclub.com/uploads/public/2012/06/171634_x181.png");
   border-width: medium 1px;
   border-style: solid dotted;
   border-color: #1B507A #000;
   -moz-border-top-colors: none;
   -moz-border-right-colors: none;
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   border-image: none;
   display: block;
   font-size: 11px;
   margin: 3px;
   padding: 7px;
}

القالب :

الكود:: {JAVASCRIPT}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
   <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
   <td class="row1" rowspan="3" align="center" valign="middle">
   <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
   </td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td class="row1" align="center">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="genmed">{L_USERNAME}:</span> </td>
               <td><input class="post" type="text" size="10" name="username"/> </td>
               <td>
                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                  <span class="gensmall">{L_AUTO_LOGIN}</span> 
               </td>
            </tr>

            <tr>
               <td><span class="genmed">{L_PASSWORD}:</span> </td>
               <td><input class="post" type="password" size="10" name="password"/> </td>
               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
            </tr>
         </table>
      </td>
   </tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td valign="top" width="100%" class="row1" align="center">
         <table width="100%">
            <tr>
               <td width="55%" valign="middle" align="right">
                  <table class="right">
                     <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                           <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                           <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                     </tr>

                     <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                     </tr>
                  </table>
               </td>
               <td width="10%" align="center" valign="middle">
                  <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
               </td>
               <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

</form>

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="50%" valign="top">
      
      <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
      
      
      <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
      
   </td>
   <td width="50%" align="right">
      <span class="gensmall">
         <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
         <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
         <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
         
            
            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            
         
      </span>
   </td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td class="row1" align="center">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="genmed">{L_USERNAME}:</span> </td>
               <td><input class="post" type="text" size="10" name="username"/> </td>
               <td>
                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                  <span class="gensmall">{L_AUTO_LOGIN}</span> 
               </td>
            </tr>

            <tr>
               <td><span class="genmed">{L_PASSWORD}:</span> </td>
               <td><input class="post" type="password" size="10" name="password"/> </td>
               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
            </tr>
         </table>
      </td>
   </tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td valign="top" width="100%" class="row1" align="center">
         <table width="100%">
            <tr>
               <td width="55%" valign="middle">
                  <table class="right">
                     <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                           <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                           <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                     </tr>

                     <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                     </tr>
                  </table>
               </td>
               <td width="10%" align="center" valign="middle">
                  <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
               </td>
               <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

</form>



<table class="JAR7" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <td class="catHead" colspan="2" height="28">
   
   <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
   

   
   <span class="cattitle">{L_WHO_IS_ONLINE}</span>
   
   </td>
</tr>
<tr>
   <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
   <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
   {TOTAL_USERS}<br />
   {NEWEST_USER}</span></td>
</tr>
<tr>
   <td class="row1"><span class="gensmall"><span id="KH_total-online">{TOTAL_USERS_ONLINE}</span><BR>
<span id="KH_users-online">{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">('function'==typeof KH_show_visitors) && KH_show_visitors();</script></span></td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<tr>
   <td class="row1"><span class="gensmall">طاقم الورشة : {GROUP_LEGEND}</span></td>
</tr>

<tr>
   <td class="row1">
      <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
         
         <div id="chatbox_popup"></div>
         <script type="text/javascript">
         //<![CDATA[
         insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
         //]]>
         </script>
         
      </span>
   </td>
</tr>

</table>
<style>
#fa_stats {
   background: #2E3133;
   color: #FFF;
   font-family: Arial, Verdana, Sans-serif;
   padding: 15px 0;
   text-align: center;
}

.stat_label {
   background: #F2F2F2;
   border-radius: 3px;
   color: #2E3133;
   display: inline-block;
   font-size: 0;
   margin: 0 12px 0 3%;
   padding: 6px 12px;
   vertical-align: middle;
}
.text_label {
   font-size: 14px;
   font-weight: 700;
   margin-right: 7.5%;
   text-transform: uppercase;
}
.stat_label strong {
   display: inline-block;
   font-size: 14px;
   max-width: 150px;
   overflow: hidden;
   text-overflow: ellipsis;
}
  .st__ {
   background-color: rgb(255, 255, 255);
   border: 1px solid rgb(221, 221, 221);
   margin: 0 auto 20px;
   max-width: 1170px;
   height: 230px;
}
  .st__ ul {
   margin: 0 -13px;
   padding: 14px;
   list-style-type: none;
}
.st__ ul li {
   box-sizing: border-box;
   float: right;
   padding: 0 13px;
   width: 20%;
}
  .st__ ul li div {
   background-color: rgb(255, 255, 255);
   border: 1px solid rgb(221, 221, 221);
   padding-top: 21px;
}
.st__ ul li i {
   background: rgba(0, 0, 0, 0) url("http://i68.tinypic.com/2ir65mr.png") no-repeat scroll -957px top;
   display: block;
   height: 69px;
   margin: 0 auto 5px;
   width: 72px;
}
  .st__ ul li span {
   display: block;
   line-height: 24px;
   margin-bottom: 3px;
   padding: 5px;
   text-align: center;
}
  .st-f {
   background-color: #034671;
   color: rgb(255, 255, 255);
   font-size: 13px;
   margin: 200px -1px -1px;
   padding: 10px;
   text-align: center;
}
  .st__ ul li:nth-child(2) i {
   background-position: -709px top;
}
  .st__ ul li:nth-child(3) i {
   background-position: -463px top;
}
  .st__ ul li:nth-child(4) i {
   background-position: -230px top;
}
  .st__ ul li:nth-child(5) i {
   background-position: 1px top;
}
</style>
<div class="st__">
   <ul class="clfx">
   <li>
   <div>
   <i></i>
<span class="text_label">المتواجدون</span>
<span class="stat_label">{TOTAL_USERS_ONLINE}</span>
   </div>
   </li>
   <li>
   <div>
   <i></i>
<span class="text_label">الاعضاء</span>
<span class="stat_label">{TOTAL_USERS}</span>
   </div>
   </li>
   <li>
   <div>
   <i></i>
   <span class="text_label">المُساهمات</span>
<span class="stat_label">{TOTAL_POSTS}</span>
   </div>
   </li>
   <li>
   <div>
   <i></i>
<span class="text_label">المتواجدون بالدردشة</span>
<span class="stat_label">{TOTAL_CHATTERS_ONLINE}</span>
   </div>
   </li>
   <li>
   <div>
   <i></i>
<span class="text_label">الأعضاء الجُدد</span>
   <span class="stat_label">{NEWEST_USER}</span>
   </div>
   </li>
   </ul>
   <div class="st-f">
<span class="time"></span>
   </div>
   </div>

{CHATBOX_BOTTOM}
<br clear="all" />

<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
   <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NEW_POSTS}</span></td>
   <td></td>
   <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
   <td>  </td>
   <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>


{AUTO_DST}


<div id="fb-root"></div>
<script>
   FB.init({
   appId : {switch_fb_index_login.FACEBOOK_APP_ID},
   cookie : true,
   xfbml : true,
   oauth : true,
   version : 'v2.3'
   });

  (function(d, s, id){
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) {return;}
   js = d.createElement(s); js.id = id;
   js.src = "//connect.facebook.net/en_US/sdk.js";
   fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

هذا رابط منتدى تجريبي ممكن تصور
المكان الذي تريد تغيره
للعلم مركب القالب الخاص بك
http://tjarp.arab.st/

» طلب تعديل على كود الهيدر
» تعديل كود الهيدر
» تعديل الهيدر
» طلب تعديل الهيدر
» طلب تعديل على الهيدر 2