الوقت/التاريخ الآن هو الإثنين 24 يونيو 2019 - 18:23

4 نتيجة بحث عن submenu

لدي مشكلة بسيطه في كود

الوسم submenu على المنتدى منتدى الدعم و المساعدة لأحلى المنتديات Navbar10

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

الكود جافا
[list=linenums]
[*](function() {
[*]  if (!window.FA) window.FA = {};
[*]  if (FA.Nav) {
[*]    if (window.console && console.warn) console.warn('FA.Nav has already been defined');
[*]    return;
[*]  }
 
[*]  FA.Nav = {
[*]   
[*]    // TARGET NODES BY VERSION
[*]    // PHPBB2  : .bodyline > table + table
[*]    // PHPBB3  : #page-header .navlinks
[*]    // PUNBB    : #pun-navlinks
[*]    // INVISION : #submenu
[*]    targetNode : '#page-header .navlinks',
[*]   
[*]    customNav : '', // custom navlinks
[*]   
[*]    keepDefault : true, // keep the default navlinks
[*]    collapsible : true, // show hide button
[*]   
[*]   
[*]    // offset states
[*]    offsets : {
[*]      tbVisible : {
[*]        bottom : 30,
[*]        top : '30px'
[*]      },
[*]     
[*]      tbHidden : {
[*]        bottom : 0,
[*]        top : '0px'
[*]      },
[*]     
[*]      toggler : '30px'
[*]    },
[*]   
[*]    activeOffset : {}, // active offset for the sticky nav
[*]   
[*]    visible : false, // sticky nav is visible
[*]   
[*]    // check the state of the static nav
[*]    checkState : function() {
[*]      if (!FA.Nav.animating) {
[*]        var hidden = FA.Nav.barStatic.getBoundingClientRect().bottom <= FA.Nav.activeOffset.bottom;
[*]     
[*]        if (hidden && FA.Nav.barSticky.style.top !=FA.Nav.activeOffset.top) {
[*]          if (FA.Nav.toggler) FA.Nav.toggler.style.top = FA.Nav.offsets.toggler;
[*]          FA.Nav.barSticky.style.top =FA.Nav.activeOffset.top;
[*]          FA.Nav.visible = true;
[*]        } else if (!hidden && FA.Nav.barSticky.style.top != '-30px') {
[*]          if (FA.Nav.toggler) FA.Nav.toggler.style.top ='-30px';
[*]          FA.Nav.barSticky.style.top = '-30px';
[*]          FA.Nav.visible = false;
[*]        }
[*]      }
[*]    },
[*]   
[*]    animating : false, // sticky nav is animating
[*]   
[*]    // animate the sticky nav when the toolbar is toggled
[*]    animate : function() {
[*]      if (FA.Nav.visible) {
[*]        FA.Nav.animating = true;
[*]        FA.Nav.barSticky.style.transition = 'none';
[*]     
[*]        $(FA.Nav.barSticky).animate({
[*]          top : FA.Nav.activeOffset.top
[*]        }, function() {
[*]          FA.Nav.barSticky.style.transition = '';
[*]          FA.Nav.animating = false;
[*]          FA.Nav.checkState();
[*]        });
[*]      }
[*]    },
[*]   
[*]    // toggle sticky navigation and remember preference via cookies
[*]    toggle : function() {
[*]      if (FA.Nav.barSticky.style.width == '100%') {
[*]        my_setcookie('fa_sticky_nav', 'hidden');
[*]        FA.Nav.barSticky.style.width = '0%';
[*]      } else {
[*]        my_setcookie('fa_sticky_nav', 'shown');
[*]        FA.Nav.barSticky.style.width = '100%';
[*]      }
[*]      return false;
[*]    }
[*]   
[*]  };
 
[*]  $(function() {
[*]    // set default offsets based on toolbar state
[*]    FA.Nav.activeOffset = (my_getcookie('toolbar_state') == 'fa_hide' || !_userdata.activate_toolbar) ? FA.Nav.offsets.tbHidden : FA.Nav.offsets.tbVisible;
[*]    if (!_userdata.activate_toolbar) FA.Nav.offsets.toggler = '0px';
[*]   
[*]    // find the static nav
[*]    FA.Nav.barStatic = document.querySelector ? document.querySelector(FA.Nav.targetNode) : $(FA.Nav.targetNode)[0];// static nav
[*]   
[*]    if (FA.Nav.barStatic) {
[*]      FA.Nav.barSticky =FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault); // clone static nav
[*]      if (FA.Nav.customNav) FA.Nav.barSticky.insertAdjacentHTML('beforeEnd', FA.Nav.customNav);
[*]      FA.Nav.barSticky.id = 'fa_sticky_nav';
[*]      FA.Nav.barSticky.style.width = my_getcookie('fa_sticky_nav') == 'hidden' ? '0%' : '100%';
[*]      FA.Nav.barSticky.style.top = '-30px';
[*]         
[*]      document.body.appendChild(FA.Nav.barSticky); // append the sticky one
[*]         
[*]      // sticky nav toggler
[*]      if (FA.Nav.collapsible) {
[*]        FA.Nav.toggler = document.createElement('A');
[*]        FA.Nav.toggler.id = 'fa_sticky_toggle';
[*]        FA.Nav.toggler.href = '#';
[*]        FA.Nav.toggler.style.top = '-30px';
[*]        FA.Nav.toggler.onclick = FA.Nav.toggle;
[*]         
[*]        document.body.appendChild(FA.Nav.toggler);
[*]      };
[*]       
[*]      window.onscroll = FA.Nav.checkState; // check state on scroll
[*]      FA.Nav.checkState(); // startup check
[*]     
[*]      // toolbar modifications
[*]      $(function() {
[*]        // animate sticky nav and change offsets when the toolbar is toggled
[*]        $('#fa_hide').click(function() {
[*]          FA.Nav.activeOffset = FA.Nav.offsets.tbHidden;
[*]          FA.Nav.animate();
[*]        });
[*]       
[*]        $('#fa_show').click(function() {
[*]          FA.Nav.activeOffset = FA.Nav.offsets.tbVisible;
[*]          FA.Nav.animate();
[*]        });
[*]      });
[*]    }
[*]  });
[*]}());
[/list]



الكود css 
[list=linenums]
[*]/* sticky nav main */
[*]#fa_sticky_nav {
[*]  font-size:0; /* hide whitespace */
[*]  text-align:center;
[*]  background:#333;
[*]  border-bottom:1px solid #222 !important;
[*]  height:30px;
[*]  position:fixed;
[*]  right:0;
[*]  z-index:999;
[*]  overflow:hidden;
[*]  transition:top 200ms linear, width 600ms ease-in-out;
[*]}
 
[*]#fa_sticky_nav li { display:inline } /* navlist adjustment */
 
 
[*]/* sticky menu links */
[*]#fa_sticky_nav a.mainmenu {
[*]  color:#CCC;
[*]  font-size:12px;
[*]  font-weight:bold;
[*]  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
[*]  background:url('https://i.servimg.com/u/f21/18/21/41/30/row10.gif') repeat-x 0px 30px;
[*]  display:inline-block;
[*]  padding:0 10px;
[*]  height:30px;
[*]  line-height:30px;
[*]  transition:200ms;
[*]}
 
[*]#fa_sticky_nav a.mainmenu:hover, #fa_sticky_nav a.mainmenu.fa_navactif {
[*]  color:#FFF;
[*]  background-position:0 25px;
[*]}
 
 
[*]/* sticky nav toggler */
[*]#fa_sticky_toggle {
[*]  background:url('https://i.servimg.com/u/f21/18/21/41/30/omnida11.png') no-repeat 0 0 #333;
[*]  border:1px solid #222;
[*]  border-right:none;
[*]  display:inline-block;
[*]  height:29px;
[*]  width:30px;
[*]  position:fixed;
[*]  right:0;
[*]  z-index:999;
[*]  transition:top 200ms linear;
[*]}
 
[*]#fa_sticky_toggle:hover { background-position:-30px 0 }
 
 
[*]/* make hidden toolbar similar to toggler */
[*]#fa_toolbar_hidden {
[*]  border-radius:0 !important;
[*]  border:1px solid #222;
[*]  border-right:0;
[*]  border-top:0;
[*]}
 
 
[*]/* post offset fix */
[*].post div[style*="-30px;"] {
[*]  top:-60px !important;
[*]}
[/list]



ارجو الرد بالحل اخواني
من طرف mazeeka2011
في الأربعاء 15 يونيو 2016 - 1:50
 
ابحث في: أرشيف قسم "المشاكل الأخرى"
موضوع: لدي مشكلة بسيطه في كود
المساهمات: 5
مشاهدة: 558

مشكلة اندسال قائمة ازرار المنتدى

مرحباً بك عزيزي
تم تعديل الكود ليتناسب مع نسخة 2
تفضل
الكود:
(function() {
  if (!window.FA) window.FA = {};
  if (FA.Nav) {
    if (window.console && console.warn) console.warn('FA.Nav has already been defined');
    return;
  }
 
  FA.Nav = {
    
    // TARGET NODES POUR CHAQUE VERSION
    // PHPBB2  : ".bodyline > table + table"
    // PHPBB3  : "#page-header .navlinks"
    // PUNBB    : "#pun-navlinks"
    // INVISION : "#submenu"
    targetNode : ".bodyline > table + table",
    
    customNav : '', // custom navlinks
    
    keepDefault : true, // keep the default navlinks
    collapsible : true, // show hide button
    
    
    // offset states
    offsets : {
      tbVisible : {
        bottom : 30,
        top : '30px'
      },
      
      tbHidden : {
        bottom : 0,
        top : '0px'
      },
      
      toggler : '30px'
    },
    
    activeOffset : {}, // active offset for the sticky nav
    
    visible : false, // sticky nav is visible
    
    // check the state of the static nav
    checkState : function() {
      if (!FA.Nav.animating) {
        var hidden = FA.Nav.barStatic.getBoundingClientRect().bottom <= FA.Nav.activeOffset.bottom;
      
        if (hidden && FA.Nav.barSticky.style.top != FA.Nav.activeOffset.top) {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = FA.Nav.offsets.toggler;
          FA.Nav.barSticky.style.top = FA.Nav.activeOffset.top;
          FA.Nav.visible = true;
        } else if (!hidden && FA.Nav.barSticky.style.top != '-30px') {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = '-30px';
          FA.Nav.barSticky.style.top = '-30px';
          FA.Nav.visible = false;
        }
      }
    },
    
    animating : false, // sticky nav is animating
    
    // animate the sticky nav when the toolbar is toggled
    animate : function() {
      if (FA.Nav.visible) {
        FA.Nav.animating = true;
        FA.Nav.barSticky.style.transition = 'none';
      
        $(FA.Nav.barSticky).animate({
          top : FA.Nav.activeOffset.top
        }, function() {
          FA.Nav.barSticky.style.transition = '';
          FA.Nav.animating = false;
          FA.Nav.checkState();
        });
      }
    },
    
    // toggle sticky navigation and remember preference via cookies
    toggle : function() {
      if (FA.Nav.barSticky.style.width == '100%') {
        my_setcookie('fa_sticky_nav', 'hidden');
        FA.Nav.barSticky.style.width = '0%';
      } else {
        my_setcookie('fa_sticky_nav', 'shown');
        FA.Nav.barSticky.style.width = '100%';
      }
      return false;
    }
    
  };
  
  $(function() {
    // set default offsets based on toolbar state
    FA.Nav.activeOffset = (my_getcookie('toolbar_state') == 'fa_hide' || !_userdata.activate_toolbar) ? FA.Nav.offsets.tbHidden : FA.Nav.offsets.tbVisible;
    if (!_userdata.activate_toolbar) FA.Nav.offsets.toggler = '0px';
    
    // find the static nav
    FA.Nav.barStatic = document.querySelector ? document.querySelector(FA.Nav.targetNode) : $(FA.Nav.targetNode)[0]; // static nav
    
    if (FA.Nav.barStatic) {
      $(function() {
        FA.Nav.barSticky = FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault); // clone static nav
        if (FA.Nav.customNav) FA.Nav.barSticky.insertAdjacentHTML('beforeEnd', FA.Nav.customNav);
        FA.Nav.barSticky.id = 'fa_sticky_nav';
        FA.Nav.barSticky.style.width = my_getcookie('fa_sticky_nav') == 'hidden' ? '0%' : '100%';
        FA.Nav.barSticky.style.top = '-30px';
          
        document.body.appendChild(FA.Nav.barSticky); // append the sticky one
          
        // sticky nav toggler
        if (FA.Nav.collapsible) {
          FA.Nav.toggler = document.createElement('A');
          FA.Nav.toggler.id = 'fa_sticky_toggle';
          FA.Nav.toggler.href = '#';
          FA.Nav.toggler.style.top = '-30px';
          FA.Nav.toggler.onclick = FA.Nav.toggle;
          
          document.body.appendChild(FA.Nav.toggler);
        };
        
        window.onscroll = FA.Nav.checkState; // check state on scroll
        FA.Nav.checkState(); // startup check
          
        // animate sticky nav and change offsets when the toolbar is toggled
        $('#fa_hide').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbHidden;
          FA.Nav.animate();
        });
        
        $('#fa_show').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbVisible;
          FA.Nav.animate();
        });
      });
    }
  });
}());


كيف تم ذالك ..

في الشرح لقد وضح لك الكود المقتبس التالي من الكود الاصلي
// TARGET NODES BY VERSION
   // PHPBB2  : .bodyline > table + table
   // PHPBB3  : #page-header .navlinks
   // PUNBB    : #pun-navlinks
   // INVISION : #submenu
   targetNode : '.bodyline > table + table',

اللون الاحمر كل نسخة ولها المتغير الخاص بها ومحددهالك انا باللون الاحمر ووضع قبلها // يعني كومنت هذه فقط كتابه لا تأثير في الأسفل اللون الاخضر هو المتغير الخاص بالنسخه الثالثة ولتقوم بتغيرها عليك بنسخ المتغيرات بالاعلى كل نسخه ومتغيرها الخاص 
مثلاً الان محدد التالي
   targetNode : '#page-header .navlinks',
الخاص بالنسخه الثالثة لكي يعمل على النسخة الثانية عليك بتغير الكود اللون الاخضر وليصبح كالتالي
   targetNode : '.bodyline > table + table',
وهكذا كل نسخه ومتغيرتها الخاصة الموضحة في الكود  Wink
من طرف YasirAyad
في السبت 11 يونيو 2016 - 22:36
 
ابحث في: أرشيف قسم "مشاكل التومبلايت و الأكواد"
موضوع: مشكلة اندسال قائمة ازرار المنتدى
المساهمات: 8
مشاهدة: 389

مشكله في كود النافبار



/****** بداية كود جعل العناصر اسفل او اعلى المنتدى ********/
#content-container div#main {
margin-right: auto;
margin-bottom: auto;
}

#content-container div#left, #content-container div#container, #content-container div#right {
width: auto;
float: none;
margin-left: auto;
}

#main {
width: 100%;
}

#gfooter {
width: 98%;
}

#logostrip {
width: 99%;
}

#submenu {
width: 99%;
}

#userlinks {
width: 98%;
}


/****** نهاية الكود من تطوير اسيرالدموع Lone Wolf ********/
من طرف م براءة البنات
في الأربعاء 17 يونيو 2015 - 15:56
 
ابحث في: أرشيف قسم "المشاكل الأخرى"
موضوع: مشكله في كود النافبار
المساهمات: 6
مشاهدة: 1372

مشكله في كود النافبار



هذه جميع الاكواد التي لدي

#chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{
color: #9a9a9a;
text-shadow: 1px 1px 1px #ffffff;
text-decoration:none;
font-family: Arial Black;
text-transform: uppercase;
/*-----------كود اطار حول المنتدى ------------*/

table.forumline {

background: #FCD6D6 url(http://cdn.top4top.net/i_252084923a1.png);
padding: 3px 4px 13px 2px;

background-position: bottom;

border: 1px dashed #FCD6D6;
}

/* By Bebo*/


#chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{
color: #9a9a9a;
text-shadow: 1px 1px 1px #ffffff;
text-decoration:none;
font-family: Arial Black;
text-transform: uppercase;
}
#chatbox_main_options a:hover{
color: grey;
text-shadow: 1px 1px 1px #b8b8b8;
text-decoration:none !important;
font-family: Arial Black;
text-transform: uppercase;
}

#chatbox_main_options {
background: url(https://i.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;
float: right;
border: 1px solid #c9c9c9;
margin-right: 50px;
margin-top: -17px;
padding: 2px 3px 1px 5px;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0px 0px 4px #c6c6c6;
box-shadow: 0px 0px 4px #c6c6c6;
-moz-box-shadow: 0px 0px 4px #c6c6c6;
}
#chatbox_main_options:hover {
margin-top: -7px;
}
/*----------------Members----------------*/
#chatbox_members {
background: url(https://i.servimg.com/u/f25/14/45/99/41/50347510.png);
margin-bottom: -30px;
border-right: 1px solid #c9c9c9;
background-color: #ffffff;
}
#chatbox_members:hover {
border-right: 1px solid #b7b7b7;
background-color: #fcfcfc;
}
h4.member-title{
background: url(https://i.servimg.com/u/f25/14/45/99/41/untitl23.jpg) repeat-x !important;
font-family: Arial Black;
text-transform: uppercase;
color: #ffffff !important;
text-shadow: 0px 0px 3px black;
margin-top: -1px;
cursor: default;
letter-spacing: 0.5em;
}

#chatbox_members ul {
list-style: none;
margin: 0px;
}
#chatbox_members ul li {
background: url(https://i.servimg.com/u/f25/14/45/99/41/115.png);
font-family: Arial Black;
font-weight: bold;
font-size: 14px;
color: #393939;
padding-left: 10px;
border-bottom: 1px solid #e2e2e2;
margin: 0px;
}

#chatbox_members ul li:hover {
background-color: #f4f4f4;
background-image:url('https://i.servimg.com/u/f25/14/45/99/41/114.png');
background-repeat: no-repeat;
background-position: center left;
}
#chatbox_members ul li:active {
background-image:url('https://i.servimg.com/u/f25/14/45/99/41/213.png');
}
#chatbox_members ul li a {
text-shadow: 1px 1px 1px #ffffff;
font-size: 12px;
color: #909090;
text-decoration: none;
}
#chatbox_members ul li a:hover {
color: #393939;
text-decoration: none !important;
}







tr.post td {

text-align: center;

}














p em b a.gensmall{font-style: normal;
font-style: normal;
font-weight: bold;
font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;
font-size: 13px;
text-transform: none;}

p em{font-style: normal;
font-weight: bold;
color: #1D7500;
padding-left: 15px;
padding-top: 1px;
font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;
font-size: 12px;
text-transform: uppercase;}

.hierarchy {background: none;}
.hierarchy:before {content: url(https://illiweb.com/fa/empty.gif);
}













/*----------------Footer----------------*/
#chatbox_messenger .catBottom{
background: none !important;
}
#chatbox_messenger_form {
width: 550px;
background: none !important;
float: none !important;
bottom: 0px ;
position: fixed;
z-index: 999;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.chatfootertable {
-webkit-box-shadow: 0px 0px 4px #d4d4d4;
box-shadow: 0px -0px 4px #d4d4d4;
-moz-box-shadow: 0px 0px 4px #d4d4d4;
box-shadow: 0px 0px 4px #c6c6c6;
-moz-box-shadow: 0px 0px 4px #c6c6c6;
border-top: 1px solid #c9c9c9;
border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
border-bottom: 0px;
height: 30px;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
background-color: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
background: -moz-linear-gradient(top, #ffffff, #e2e2e2);
}
.chatfootertable:hover {
border-top: 1px solid #a7a7a7;
border-left: 1px solid #a7a7a7;
border-right: 1px solid #a7a7a7;
}
.text-styles {
color: grey;
}
#divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {
background: url(https://i.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
border: 1px solid #c9c9c9;
background-color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
}
#divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {
background: url(https://i.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
border: 1px solid #a2a2a2;
}
#divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active {
background: url(https://i.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
}
.gen label input#message {
height: 17px;
font-size: 12px;
border: 1px solid #c9c9c9;
background-color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
}
.gen label input#message:hover {
border: 1px solid #b2b2b2;
background-color: #f5f5f5;
}
.gen label input#message:focus {
border: 1px solid #a4a4a4;
background-color: #e0fdff;
}
.gen input#submit_button {
cursor: pointer;
color: #929292;
font-family: Arial Black;
text-transform: uppercase;
font-size: 12px;
padding-left: 2px;
padding-right: 2px;
background: url(https://i.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
border: 1px solid #c9c9c9;
background-color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
}
.gen input#submit_button:hover {
color: #2c2c2c;
background: url(https://i.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
border: 1px solid #a2a2a2;
}
.gen input#submit_button:active {
background: url(https://i.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
}






a strong {
background : url(http://1.bp.blogspot.com/-kEg9xWGU4Vc/UZPoyp2KDbI/AAAAAAAADxY/PnNyCQ6kAiA/s1600/moon-symbol.png) no-repeat right;
padding : 0 15px 0 20px;
}







#fa_share {
display: none !important;
}



#flash{
top:0px;
right:0px;
left:0px;
position:absolute;
}


/*- LOGIN -*/

.pun .user_login_form input.mainoption, .pun .user_login_form input.post {
font:bold 12px tahoma;color:#555;padding:7px 15px;border-radius:4px;
text-shadow:0 1px 0 #fff;box-shadow:inset 0 0 5px 3px #eee;border:1px solid #CCC;
background: url("https://i.servimg.com/u/f46/16/76/93/88/i10.png") repeat center #fff;
}
.pun .user_login_form input.mainoption:hover {
border:1px solid #88b031;color:#88b031;
}
.pun .user_login_form input.post:hover {
background-position:center;border:1px solid #88b031;color:#999و
}
.fb_or {
background:#fcffe5;border-color:#88b031;color:#88b031;border-style:dotted solid;
padding:8px 15px;font:bold 12px tahoma;border-width:1px 4px;
text-align:center;text-shadow:0 1px 15px #88b031;
}

/* I-MP */


/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat995.cur), progress !important;} /* End http://www.cursors-4u.com */



/* كود الأزرار ------ haya.123.st -------*/
input[type="submit"], input[type=reset], .button {
display: inline-block;
margin: 0;
margin-right: 12px;
cursor: pointer;
border: 1px solid #bbb;
overflow: visible;
color: #fff;
padding: 5px 8px;
font-size: 12px;
font-family:Tahoma;
line-height: 1.55em;
vertical-align: middle;
text-decoration: none;
white-space: nowrap;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear;
text-shadow: 1px 0 0 rgba(0,0,0,0.35);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
background-image: -o-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
background-image: linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));

background-color: #00dcd9;
border-color: #30d2d4;
}
input[type="submit"]:hover, input[type=reset]:hover, .button:hover {

background-color: #40eee8;
}

input[type="submit"]:active, input[type=reset]:active, .button:active {
box-shadow: 0 1px 1px rgba(0,0,0,0.35) inset;
background-color: #30d4d2;
}
/* كود الأزرار ------ haya.123.st -------*/


#fa_toolbar, #fa_toolbar_hidden {
background-image: url("http://im66.gulfup.com/pBfgXG.png");
font-size: 14px !important;
box-shadow: 0px 0px 3px rgb(34, 34, 34);
}











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



.mainmenu img {
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.9;
margin: 0 10px 5px 0;
}
.mainmenu img:hover {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1); box-shadow:0px 0px 30px gray;
-webkit-box-shadow:0px 0px "AQUI EL TAMAرO EN PIXELES DEL SHADOW" px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
-moz-box-shadow:0px 0px "AQUI EL TAMAرO EN PIXELES DEL SHADOW"px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
opacity: 1;
}
/* style pages for forum code */

/*---------- www.haya-m.net ----------- */

body{
padding:0;
margin: 0;
}

.container { padding:0; margin: 0px auto;}

#header {

background-image:url('http://cdn.top4top.net/i_4ad0bd62133.png');
width:100%;
height:736px;
background-repeat:repeat-x;
position:relative;

}

#header_right {

background-image:url('http://cdn.top4top.net/i_4ad0bd62132.png');
width:58px;
height:736px;
float:right;
background-repeat:no-repeat;
position:relative;

}

.header_center {

background-image: url('http://cdn.top4top.net/i_a05a5fe5041.png');
background-repeat: no-repeat;
width:1346px;
height:736px;
margin-right: auto;
margin-left: auto;
position:relative;
}
.content-left {

padding-left:70px;
background-image:url('http://cdn.top4top.net/i_9a3b30764b1.png');
background-repeat:repeat-y;
background-position: left;

}

.content-right {

padding-right:58px;
background-image:url('http://cdn.top4top.net/i_4ad0bd62135.png');
background-repeat:repeat-y;
background-position: right;

}

.content {

width: 100%;
margin: 0px auto;
background: #fafbfb url('http://cdn.top4top.net/i_4ad0bd62136.png');
}

#footer {

background-image:url('http://cdn.top4top.net/i_4ad0bd62139.png');
width:100%;
height:82px;
background-repeat:repeat-x;

}

.footer_right {

background-image:url('http://cdn.top4top.net/i_4ad0bd62138.png');
width:180px;
height:82px;
float:right;
background-repeat:no-repeat;



}

.footer_left {

background-image:url('http://cdn.top4top.net/i_c6767877371.png');
width:114?px;
height:82px;
float:left;
background-repeat:no-repeat;

}

.footer_center {

background-image: url('http://cdn.top4top.net/i_4ad0bd621310.png');
background-repeat: no-repeat;
width:903px;
height:82px;
margin-right: auto;
margin-left: auto;
position:relative;
}




a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}





#quick_reply .row2 {
clear: both;
margin-left: auto;
margin-right: auto;
width: 95% !important;
height: auto !important;
}

#text_editor_controls {
display: none !important;
}


/****** بداية كود جعل العناصر اسفل او اعلى المنتدى ********/
#content-container div#main {
margin-right: auto;
margin-bottom: auto;
}

#content-container div#left, #content-container div#container, #content-container div#right {
width: auto;
float: none;
margin-left: auto;
}

#main {
width: 100%;
}

#gfooter {
width: 98%;
}

#logostrip {
width: 99%;
}

#submenu {
width: 99%;
}

#userlinks {
width: 98%;
}


/****** نهاية الكود من تطوير اسيرالدموع Lone Wolf ********/
من طرف م براءة البنات
في الأربعاء 17 يونيو 2015 - 15:37
 
ابحث في: أرشيف قسم "المشاكل الأخرى"
موضوع: مشكله في كود النافبار
المساهمات: 6
مشاهدة: 1372

الرجوع الى أعلى الصفحة

انتقل الى: