اذهب الي المحتوي
أحلى نادي لأحلى أعضاء
البحث في
  • المزيد من الخيارات...
عرض النتائج التي تحتوي على:
إيجاد النتائج في:

مجموعة عامة  ·  9231 اعضاء

نادي الفهلوى ديزاين للإبداع
khabab

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

Recommended Posts

18: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="https://2img.net/h/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="https://2img.net/h/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

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

شارك هذه المشاركه


رابط المشاركه
شارك

يتجسد الابداع دائما في مواضيعك عندما يكون لها هذا التميز

شارك هذه المشاركه


رابط المشاركه
شارك

يتجسد الابداع دائما في مواضيعك عندما يكون لها هذا التميز

شارك هذه المشاركه


رابط المشاركه
شارك

حقاً تستحق التقدير على هذا المجهود الرائع والكبير تحياتى وتقديرى

شارك هذه المشاركه


رابط المشاركه
شارك

بارك الله فيك على الموضوع القيم والمميز وفي إنتظار جديدك الأروع

شارك هذه المشاركه


رابط المشاركه
شارك

بارك الله فيك على الموضوع القيم والمميز وفي إنتظار جديدك الأروع

شارك هذه المشاركه


رابط المشاركه
شارك

بارك الله فيك على الموضوع القيم والمميز وفي إنتظار جديدك الأروع

شارك هذه المشاركه


رابط المشاركه
شارك

مشاركة رائعة إبداع في الطرح وروعة في الإنتقاء وجهداً تشكر عليه

شارك هذه المشاركه


رابط المشاركه
شارك

لك خالص الشكر ووافر الامتنان على ما بذلت من جهد فى هذا الموضوع

شارك هذه المشاركه


رابط المشاركه
شارك

موضوعك رائع ومميز.. دائما كلماتي تعجز عن وصف مدى ورووعة موضووعك

شارك هذه المشاركه


رابط المشاركه
شارك

انشئ حساب جديد او قم بتسجيل دخولك لتتمكن من اضافه تعليق جديد

يجب ان تكون عضوا لدينا لتتمكن من التعليق

انشئ حساب جديد

سجل حسابك الجديد لدينا في الموقع بمنتهي السهوله .

سجل حساب جديد

تسجيل دخول

هل تمتلك حساب بالفعل ؟ سجل دخولك من هنا.

سجل دخولك الان

×
×
  • اضف...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.