منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
» ارجزا من الاخوة والاخوات المساعدة
أمس في 23:07 من طرف ahd allah

» وضع اعلان فى اعلى الصفحه
أمس في 21:35 من طرف ahd allah

» طلب لتغيير ايميل الانشاء
أمس في 20:40 من طرف ahd allah

» طلب بعض الاكواد المهمة جدا
أمس في 20:29 من طرف ahd allah

» وضع صورة
أمس في 19:28 من طرف zaydoon

» مشكلة وكيف الحل
أمس في 18:07 من طرف nesma

» سؤال بغاية الاهمية
أمس في 15:15 من طرف الزعيم

» رابط منتداي يحول الى الادفلاي يرجى رفع للزعيم
أمس في 15:11 من طرف الزعيم

» مشكلة
أمس في 11:46 من طرف الزعيم

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

[تومبلايت] تولبار خفيف للمنتديات

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

[تومبلايت] تولبار خفيف للمنتديات

مُساهمة من طرف cool amir في الإثنين 27 مايو 2013 - 20:33


السلام عليكم ورحمة الله تعالى وبركاته

باسم الله الرحمان الرحيم


تولبار جميل وخفيف للمنتديات بالتومبلايت

الدخول للزوار

مثال






معلومات للاعضاء

مثال






طريقة التركيب :

لوحة الادارة >> مظهر المنتدى >> القوالب والتومبلايت >> ادارة عامة

overall_header

ونحط في اول القالب هذا الكود



الرمز:
   <!-- BEGIN switch_user_logged_out -->



<div id="content_header">
            <div class="smallpanel">
      
                  <ul id="nav">
                     <li class=""><a>مرحبا بكم في {SITENAME}</a>
                     </li>
                  </ul>
                  <div id="adminbar">
         

          <form action="login" method="post" class="head-login" id="customForm">             
             <img src="http://outlaws-forum.com/vb/themes/default/icons/gray/group.png" alt="gray/group"> <input name="username" id="login_field name" class="textc" value="الإسم/البريد الإلكتروني" onblur="if (this.value == '') { this.value = 'الإسم/البريد الإلكتروني'; }" onfocus="if (this.value == 'الإسم/البريد الإلكتروني') { this.value = ''; }" type="text">
             <img src="http://outlaws-forum.com/vb/themes/default/icons/gray/lock.png" alt="gray/lock"> <input name="password" class="textc" id="password" value="كلمة الرور" onblur="if (this.value == '') { this.value = 'كلمة الرور'; }" onfocus="if (this.value == 'كلمة الرور') { this.value = ''; }" type="password">
                  
               <button type="submit" class="minibutton" name="login" value="" tabindex="104" >
                     دخول                  </button>
               
            </form>         
          
                  </div>
            </div>
            <div class="clearingfix"></div>
            
</div>
      
                      
        <br><br>              
                  <!-- END switch_user_logged_out -->
          
          
          
   <!-- BEGIN switch_user_logged_in -->
          
          <div id="content_header">
            <div class="smallpanel">
      
                  <ul id="nav">
                     <li class=""><a>مرحبا بكم في {SITENAME}</a>
                     </li>
                  </ul>
                  <div id="adminbar">
                  <table width="100%">
            <tbody><tr>
            

            <!--<td class="td" align="left"></td>-->
               <td class="td" align="left">
                     <div class="header_dropdown" id="header_dropdown">
                                       
               </td>
               <td class="td" align="left">
               
               
                     
                  
               </td>
               
               <td class="td" align="left"><font color="red">{CURRENT_TIME}</font></td>
               <td class="td" align="left"><font color="red">{LAST_VISIT_DATE}</font></td>
               <td class="tr" align="left"> <font color="">{LOGGED_AS}</font></td>
         

            </tr>
         </tbody></table>
            
                  </div>
            </div>
            <div class="clearingfix"></div>
            
</div>
             <br><br>                  
                                               <!-- END switch_user_logged_in -->  




ونسجل ثم ننشر

ثم نروح ل

لوحة الادارة >> مظهر المنتدى >> الوان >> ورقة css

ونحط هذا الكود




الرمز:
/* administrator welcome */
html[dir="ltr"] #adminbar
{
   float: right;

}
html[dir="rtl"] #adminbar
{
   float: left;
}
#adminbar {margin-top:4px;font-family:tahoma,Arial,helvetica,sans-serif;border: 0 none;padding:0;height: 40px;color: #DDD;text-shadow:  0 -1px 0 #151515;-moz-text-shadow: 0 -1px 0 #151515;}
#adminbar .textc {
  padding: 7px 0 7px 6px;
  width: 150px;
  color: #59626e;
  font-weight: normal;
 font-family:tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 11px;
  background: #202328;
  border: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
   border: 1px solid #2e3138; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#adminbar .td,#adminbar .tr {
  font-weight: bold;
  font-family: arial, "Lucida Grande", "Verdana", sans-serif;
  font-size: 16px;
  color:#ccc;
  padding:6px 9px;
  border-right: 1px solid #333
}
#adminbar .tr  a{
color:#ccc;
}
/*
HEADER LOGIN FORM
*/
.head-login
{
   padding: 1px 10px 3px 10px;
   color: #ddd;
   font: normal 11px/100% tahoma, Helvetica, sans-serif;
   float:right
}
.head-login input
{
   background:#EEE;
   color: #000;
   padding: 4px;
   border:none;
   text-align:center;
   font-family:Droid Arabic Kufi, tahoma, Helvetica, sans-serif;
   font-weight: bold;
   border-radius:4px;
   box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.float-left
{
    float: left;
}
html[dir="rtl"] .float-left
{
    float: right;
}
.float-left a
{
   color:#0770a0;
   text-decoration:none;
}
#adminbar button {
  padding: 6px 10px;
  color: #999;
  font-weight: normal;
  font-family: tahoma, "Lucida Grande", "Verdana", sans-serif;
  font-size: 11px;
  line-height: 11px;
   background: #424242 none;
   background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#343434));
   background: -moz-linear-gradient(top, #505050, #343434);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF505050, endColorstr=#FF343434);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF505050, endColorstr=#FF343434)";
   background: -ms-linear-gradient(top, #505050, #343434);
   background: -o-linear-gradient(top, #505050, #343434);
   box-shadow:0 1px 4px rgba(0,0,0,0.7);  border: none;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #444;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #444;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #444;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-background-clip: padding-box;
}
#adminbar button:hover{
   background: #424242 none;
}

#content_header {
    margin:0;
   background: #DDD url(http://outlaws-forum.com/vb//themes/default/images/style/header-bg.jpg) repeat-x top center;
   box-shadow:0 1px 1px rgba(0,0,0,0.1);
   height:35px;
   padding:0 0 5px 0;
   width:100%;   
   z-index: 99;
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.;
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.;
   box-shadow:0 1px 3px rgba(0,0,0,0.;
}
#content_header .smallpanel {width:100%;height:32px;margin:0 0 5px 0;}
#content_header #nav, #nav * { z-index: 20;margin:0 2px; border-radius: 0 0 4px 4px; }
html[dir="ltr"] #nav
{
   float: left;

}
html[dir="rtl"] #nav
{
   float: right;
}
#nav {margin: 0;border: 0 none;padding: 0;width: auto;list-style: none;height: 24px;}
#nav li {margin: 0;border: 0 none;padding: 0;float: right;display: inline;list-style: none;position: relative;height: 24px;padding: 0;line-height: 23px;}
#nav ul {white-space: nowrap;margin: 0 !important;border: 0 none;padding: 0;width: 110px;list-style: none;display: none;position: absolute;top: 24px;left: 0;padding-top:1px;}
#nav ul:after {clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
#nav ul li {width: 110px;float: right;display: block !important;   display:inline;position: relative;top: 0;height: 24px;line-height: 24px;padding: 0;background: none;}





.float-left
{
    float: left;
}
html[dir="rtl"] .float-left
{
    float: right;
}
.float-left a
{
   color:#0770a0;
   text-decoration:none;
}
#adminbar button {
  padding: 6px 10px;
  color: #999;
  font-weight: normal;
  font-family: tahoma, "Lucida Grande", "Verdana", sans-serif;
  font-size: 11px;
  line-height: 11px;
   background: #424242 none;
   background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#343434));
   background: -moz-linear-gradient(top, #505050, #343434);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF505050, endColorstr=#FF343434);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF505050, endColorstr=#FF343434)";
   background: -ms-linear-gradient(top, #505050, #343434);
   background: -o-linear-gradient(top, #505050, #343434);
   box-shadow:0 1px 4px rgba(0,0,0,0.7);  border: none;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #444;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #444;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #444;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-background-clip: padding-box;
}
#adminbar button:hover{
   background: #424242 none;
}





#adminbar {margin-top:4px;font-family:tahoma,Arial,helvetica,sans-serif;border: 0 none;padding:0;height: 40px;color: #DDD;text-shadow:  0 -1px 0 #151515;-moz-text-shadow: 0 -1px 0 #151515;}
#adminbar .textc {
  padding: 7px 0 7px 6px;
  width: 150px;
  color: #59626e;
  font-weight: normal;
 font-family:tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 11px;
  background: #202328;
  border: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
   border: 1px solid #2e3138; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#adminbar .td,#adminbar .tr {
  font-weight: bold;
  font-family: arial, "Lucida Grande", "Verdana", sans-serif;
  font-size: 16px;
  color:#ccc;
  padding:6px 9px;
  border-right: 1px solid #333
}
#adminbar .tr  a{
color:#ccc;
}
/*
HEADER LOGIN FORM
*/
.head-login
{
   padding: 1px 10px 3px 10px;
   color: #ddd;
   font: normal 11px/100% tahoma, Helvetica, sans-serif;
   float:right
}
.head-login input
{
   background:#EEE;
   color: #000;
   padding: 4px;
   border:none;
   text-align:center;
   font-family:Droid Arabic Kufi, tahoma, Helvetica, sans-serif;
   font-weight: bold;
   border-radius:4px;
   box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}



#quicklinks
{
    background-color: #3399CC;

}
#flip-navigation li.selected a{
   background:#3399CC;
   color:#f0f0f0;
}
#flip-container div ul{

   background:#3399CC;
}
#content_header {
   position:fixed;
}

    



#content_header {
    margin:0;
   background: #DDD url(http://outlaws-forum.com/vb/themes/default/images/style/header-bg.jpg) repeat-x top center;
   box-shadow:0 1px 1px rgba(0,0,0,0.1);
   height:35px;
   padding:0 0 5px 0;
   width:100%;   
   z-index: 99;
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.;
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.;
   box-shadow:0 1px 3px rgba(0,0,0,0.;
}
#content_header .smallpanel {width:100%;height:32px;margin:0 0 5px 0;}
#content_header #nav, #nav * { z-index: 20;margin:0 2px; border-radius: 0 0 4px 4px; }
html[dir="ltr"] #nav
{
   float: left;

}
html[dir="rtl"] #nav
{
   float: right;
}
#nav {margin: 0;border: 0 none;padding: 0;width: auto;list-style: none;height: 24px;}
#nav li {margin: 0;border: 0 none;padding: 0;float: right;display: inline;list-style: none;position: relative;height: 24px;padding: 0;line-height: 23px;}
#nav ul {white-space: nowrap;margin: 0 !important;border: 0 none;padding: 0;width: 110px;list-style: none;display: none;position: absolute;top: 24px;left: 0;padding-top:1px;}
#nav ul:after {clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
#nav ul li {width: 110px;float: right;display: block !important;   display:inline;position: relative;top: 0;height: 24px;line-height: 24px;padding: 0;background: none;}

/* Root Menu */
#nav a {background: #DDD url(http://outlaws-forum.com/vb/themes/default/images/style/user_navigation.png) repeat-x top left;border-right: 1px solid #333;border-left: 1px solid #222;float: none !important;float: right;display: block;height: auto !important;height: 1%;color: #999;cursor:pointer;font-family:tahoma,tahoma,helvetica,sans-serif;font-size:11px;font-weight: normal;padding:6px 15px;text-decoration:none;}

/* Root Menu Hover Persistence */
#nav a:hover, #nav li:hover a, #nav li.iehover a {height:29px;margin:0 2px;padding:6px 15px;
    background: #111;
}
#nav a:active, #nav li:active a, #nav li.iehover a {height:29px;margin-bottom:0px;padding:6px 15px;
   background: #000;
}


ونسجل

ومبرووك النافبار

تحياتي 

cool amir

فريق
المساعدة



cool amir
 
 

ذكر
عدد المساهمات : 5752
معدل النشاط : 10197

http://www.stibda3.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى