Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : jkarlo 10 Jan 2011, 19:44:05
-
Ciao a tutti!
Volevo chiedervi se fosse possibile in un menů orizzontale dropdown eliminare il link dalla voce del menů che compare sempre (cioč il nome della sezione).
E lasciare invece che quando si passi sopra con il mouse esca fuori (con l'effetto appunto dropdown) il sotto menu (cioč le categorie) perň senza la possibilitŕ di linkare la sezione.
Non so se mi son spiegato..
Vi allego la parte del codice del template riferente al menů perchč il sito č offline...
/******sitename******/
#sitename {
float:left;
background:transparent;
margin-left:0px;
margin-top:-40px;
}
#topmenu{
float:left;
width:980px;
height:35px;
background:transparent;
margin:30px 0 0 0;
text-align:center;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0px;
}
#navigation {
float:left;
width:980px;
height:35px;
background:transparent;
text-transform: uppercase;
}
#navigation a {
display: block;
float: left;
height: 35px;
padding: 0 23px;
font-weight:bold;
color:#ffffff;
font-size:25px !important;
letter-spacing:1px;
background: url(../images/circle.png) 0 3px no-repeat;
}
#navigation a:hover{
color: #99cc00;
background: url(../images/circle-hover.png) 0 3px no-repeat;
}
#navigation li.active {
background: url(../images/circle-hover.png) 0 3px no-repeat;
}
#navigation li {
display: block;
float: left;
margin: 0;
margin-right: 5px;
padding: 0;
}
#navigation li li a {
font-size: 18px !important;
padding:13px 0 0 0;
color:#42b6d4;
}
#navigation li li {
border-top: 1px solid #cee7fa;
border-bottom: 1px solid #cee7fa;
}
.nav, .nav * {
margin:0;
padding:0;
}
.nav{
float:left;
position: relative;
z-index:10;
}
.nav ul {
background:#ffffff;
padding: 0;
}
.nav li {
float:left;
list-style:none;
position:relative;
background:none;
}
.nav li li a {
display:block;
padding: 0;
text-decoration:none;
background-image: none;
float:none;
width:200px;
}
#navigation li li a {
height: 30px;
line-height:30px;
}
#navigation li:hover li,
#navigatin li.sfHover li,
#navigation li.active:hover li,
#navigation li.active.sfHover li,
#navigation li:hover li span,
#navigation li.sfHover li span {
background-image: none;
}
#navigation li:hover li a,
#navigation li.sfHover li a,
#navigation li.active:hover li a,
#navigation li.active.sfHover li a {
background-image: none;
}
.nav li ul {
float:none;
left:-999em;
position:absolute;
width: 200px;
z-index: 5;
border-left: 1px solid #cee7fa;
border-right: 1px solid #cee7fa;
border-bottom: 1px solid #cee7fa;
}
.nav li:hover ul,
.nav li.sfHover ul {
left:22px;
top: 35px;
}
.nav li:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul,
.nav li li li:hover li ul,
.nav li li li.sfHover li ul {
top:-999em;
}
.nav li li:hover ul,
.nav li li.sfHover ul,
.nav li li li:hover ul,
.nav li li li.sfHover ul,
.nav li li li li:hover ul,
.nav li li li li.sfHover ul {
left: 177px;
top:0px;
width: 200px;
}
.nav li li {
position: relative;
float:none;
width: 200px;
}
-
Ciao jkarlo,
prova a rendere la voce di menů principale un link esterno e a mettere # al posto del link.
P.S. Per inserire il codice usa # e non la citazione. Ma quasi mai serve inserirlo... ;)
-
Fantastico!!!
Grazie mille!!!!!!!!!!!!!!!!!!!!
Scusa ma pensavo si dovesse modificare qualcosa del codice e non sapevo come inserirlo.. :)
GRAZIE MILLE DAVVERO!!!! :D
w joomla! ;D