Salve, sto modificando il tema beez2.0 ( è la prima volta ), fin ora è andato tutto bene, ho capito che essenzialmente utilizza 3 file css: personal, per colori e stili, position per posizioni, e layout che ancora nnn so bene a cosa serva ( mi pare ad entrambe le cose elencate prima ).
Vengo al dunque, il mio problema: il menu orizzontale in tale tema si trovava sull header mentre io avrei preferito averlo sotto tra l'area header e il breadcrumbs, appena ho provato a modificare le posizioni però sembra svanito o meglio, sembra andato sotto qualche altro modulo e mi ritrovo senza menù orizzontale.
Il tema è il beez20, ho lasciato invariate i nomi di classi e id.
position.css
#header
{
display:block !important;
position:relative;
padding:0px 0 0 0;
overflow:hidden;
}personal.css
#all #header
{
/*padding-top:8.0em ;*/
/*distanza header dall alto*/
padding-top: 3em;
position: relative;
}
.logoheader
{
background-image:url(../images/header.png);
/*background: #0c1a3e URL(../images/header.png) no-repeat bottom right ;*/
/*color:#fff;*/
/*dimensione header*/
height:180px;
/*min-height:200px;*/
position: relative;
/*margin:0em 10px 0 10px !important;*/
width:960px;
}
h1#logo
{
font-family: "Comic Sans MS", cursive
padding:0.9em 20px 20px 10px;
/*text-transform:uppercase;*/
font-weight:normal;
margin-top:0;
}
#line
{
width:98% ;
max-width:100% ;
top:0px;
left:0px;
padding:5px 10px !important;
margin-right:10px;
text-align:right;
}
/* ########################## header ########################### */
#header
{
background:#fff;
font-size:1em;
position:relative;
}
Questa la parte che "penso" aver toccato, ah i commenti ( /* */ ) sono le parti che ho modificato
/* ++++++++++++++ lists, skiplinks ++++++++++++++ */
#header ul.menu
{
top:20em;
/*Posizione Menù orizzontale*/
/*top:5em;*/
padding: 0px 0px 0px 0 ;
background-image: url(../images/men%C3%B9Color.png);
background-repeat:repeat-x;
/*background:#e0e0e0 url(../images/personal/ecke.gif) top left repeat-x ;*/
border:0 ;
text-align:left;
left:0px;
display:block;
/*margin:0px 10px 0 10px;*/
/*border-top:solid 1px #ddd;*/
float:left;
height:50px;
}
#header ul.menu li
{border:0; margin:0 10px !important; }
#header ul.menu li a:link,
#header ul.menu li a:visited
{
color:#333;
border:0 ;
height: 30px;
text-decoration:none;
border-right:solid 1px #00F;
/*margin:0px 0 0 0 ;*/
/*padding:12px 15px ;*/
padding 10px;
position:relative;
color:2b31a4;
background-attachment: top;
background-position: left;
display:inline-block;
text-transform:uppercase;
/*background: #e0e0e0 url(../images/personal/ecke.gif) repeat-x top left;*/
/*display: block;
font-size: 22px;
text-decoration: none;
color: #2b31a4;
height: 30px;
padding: 10px;
text-transform: uppercase;*/
}
#header ul.menu li a:hover,
#header ul.menu li a:active,
#header ul.menu li a:focus
{
/*Passaggio del mouse menù orizzontale*/
/*background:#0d4c89 ;*/
color:#F00;
background-image:url(../images/navHover.png);
text-transform: uppercase;
}
#header ul li.active a:link,
#header ul li.active a:visited
{
/*
color:#f5f5f5;
background:url(../images/personal/navi_active.png) ;
text-shadow: 1px 1px 1px #000;
*/
/*display: block;*/
font-size: 22px;
text-decoration: none;
color: #2b31a4;
/*height: 30px;*/
padding: 10px;
}
#header ul.skiplinks
{
width:100%;
text-align:left;
background:none;
z-index:20000;
top:0;
display:inline;
padding:0
}
#header ul.skiplinks li a.u2:active,
#header ul.skiplinks li a.u2:focus
{
background:#095197 !important;
color:#fff !important;
border:solid 1px;
top:0 !important;
z-index:10000;
right:auto;
left:0 !important;
display:block
}
Se devo postare altro avvertitemi, grazie a tutti.
