No este mam jeden problem s menu
robim horne menu
cez podla mna dobry plugins
jquery-mega-menudo headeru som zapisal
Kód:
<?php /* Widgetized sidebar */ if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('my_mega_menu') ) : ?><?php endif; ?>
aj do functions.php
Kód:
if ( function_exists('register_sidebar') ){
register_sidebar(array(
'name' => 'my_mega_menu',
'before_widget' => '<div id="my-mega-menu-widget">',
'after_widget' => '</div>',
'before_title' => '',
'after_title' => '',
));
}
potom v plugine
som si vytvoril menu
Kód:
#dc_jqmegamenu_widget-%ID%-item {
margin: 0px 0px 0px 0px;
padding: 3px 6px 2px 6px;
height: 27px;
line-height: 100%;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
box-shadow: 0px 0px 0px #666666;
-webkit-box-shadow: 0px 0px 0px #666666;
-moz-box-shadow: 0px 0px 0px #666666;
background: #8B8B8B;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1565B1, endColorstr=#5B75BF);
background: -webkit-gradient(linear, left top, left bottom, from(#1565B1), to(#5B75BF));
background: -moz-linear-gradient(top, #1565B1, #5B75BF);
border: solid 0px #6D6D6D;
}
#dc_jqmegamenu_widget-%ID%-item li {
margin: -8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
position: relative;
list-style: none;
}
#dc_jqmegamenu_widget-%ID%-item a {
font-weight: bold;
font-family: arial;
font-style: normal;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 15px 20px 15px 20px;
margin: 0;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
text-shadow: 2px 2px 2px #000000;
}
#dc_jqmegamenu_widget-%ID%-item .current a, #menu-bar li:hover > a {
background: #0399D4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC709, endColorstr=#FEEA69);
background: -webkit-gradient(linear, left top, left bottom, from(#FFC709), to(#FEEA69));
background: -moz-linear-gradient(top, #FFC709, #FEEA69);
color: #000000;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-shadow: 0px 0px 25px #FFFFFF;
}
#dc_jqmegamenu_widget-%ID%-item ul a:hover {
background: #0399D4 !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#04ACEC, endColorstr=#0186BA);
background: -webkit-gradient(linear, left top, left bottom, from(#04ACEC), to(#0186BA)) !important;
background: -moz-linear-gradient(top, #04ACEC, #0186BA) !important;
color: #FFFFFF !important;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 2px 2px 3px #FFFFFF;
}
#dc_jqmegamenu_widget-%ID%-item ul {
background: #DDDDDD;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#CFCFCF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
background: -moz-linear-gradient(top, #FFFFFF, #CFCFCF);
display: none;
margin: 0;
padding: 0;
width: 183px;
position: absolute;
top: 30px;
left: 0;
border: solid 1px #B4B4B4;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: 2px 2px 3px #222222;
-moz-box-shadow: 2px 2px 3px #222222;
box-shadow: 2px 2px 3px #222222;
}
#dc_jqmegamenu_widget-%ID%-item li:hover > ul {
display: block;
}
#dc_jqmegamenu_widget-%ID%-item ul li {
float: none;
margin: 0;
padding: 0;
}
#dc_jqmegamenu_widget-%ID%-item ul a {
padding:10px 0px 10px 15px;
color:#424242 !important;
font-size:12px;
font-style:normal;
font-family:arial;
font-weight: normal;
text-shadow: 2px 2px 3px #FFFFFF;
}
#dc_jqmegamenu_widget-%ID%-item ul li:first-child > a {
border-top-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
}
#dc_jqmegamenu_widget-%ID%-item ul li:last-child > a {
border-bottom-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
}
#dc_jqmegamenu_widget-%ID%-item:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#dc_jqmegamenu_widget-%ID%-item {
display: inline-block;
}
html[xmlns] #dc_jqmegamenu_widget-%ID%-item {
display: block;
}
* html #dc_jqmegamenu_widget-%ID%-item {
height: 1%;
}
len menu mi nezobrazi len tak z polky ukaže len pozadie toho css menu nechapem prečo ine menu idu v pohode dakujem za odpoved