Jump to content
أحلى نادي لأحلى أعضاء
Search In
  • More options...
Find results that contain...
Find results in...
khabab

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

By khabab, in ارشيف الموقع

Recommended Posts

khabab    0

khabab
Posted

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

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

Share this post

Link to post
Share on other sites

AmEr-Dz    0

AmEr-Dz
Posted

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

Share this post

Link to post
Share on other sites

amir99    0

amir99
Posted

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

Share this post

Link to post
Share on other sites

AmEr-Dz    0

AmEr-Dz
Posted

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

Share this post

Link to post
Share on other sites

AmEr-Dz    0

AmEr-Dz
Posted

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

Share this post

Link to post
Share on other sites

3A9LiyA dZ    0

3A9LiyA dZ
Posted

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

Share this post

Link to post
Share on other sites

wlaa ahmed    0

wlaa ahmed
Posted

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

Share this post

Link to post
Share on other sites

dina    0

dina
Posted

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

Share this post

Link to post
Share on other sites

AmEr-Dz    0

AmEr-Dz
Posted

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

Share this post

Link to post
Share on other sites

amir99    0

amir99
Posted

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

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Go To Topic Listing

معلومات حول موقع AhlaNadi.com

 أحلى نادي مجتمع تابع لشبكة مجتمعات Ahlamontada.com العالمية مكون من أندية دات محتويات و محاور مختلفة تضم أعضاء هوات و محترفين مجتمعين في أندية حول محاور تهمهم في شتى مجالات الحياة. انضم الى مجتمع Ahlanadi.com ولا تدع أية كبيرة أو صغيرة تفوتك بعد اليوم و تمتع بمعارف و أصدقاء جدد عبر الأثير.

أنشط الأندية

أنشط الأقسام

أفضل المحتويات

×
×
  • Create New...

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.

  I accept