ciao ragazzi, son qui x chiedervi aiuto riguardo questo template (scaricato qui dal sito joomla dei template).
in pratica devo modificare il CSS in modo che se passo sopra con il mouse nei link in home dei menu secondari (esempio: NomeArticolo1, NomeNews2, ecc ecc)il link cambi sì colore (da azzurro a grigio) ma che non cambi dimensione poichè con questo CSS diventa tutto + stretto il link in cui il mouse ci passa sopra ed è veramente brutto da guardare e da capire.
sapete aiutarmi a trovare quale sia il parametro del "rollover" (si dice così) dei link degli articoli?
body {
color : #000000;
margin-bottom : 20px;
padding : 0px;
background-color : #fff;
font-family : arial, sans-serif;
font-size : 12px;
}
td, tr, p, div {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #3c3032;
}
hr {
color : #000;
height : 1px;
width : 100%;
}
.mod {
background : #FFFFFF;
width : 2px;
}
h1 {
color : #FFF;
font-size : 20px;
font-weight : normal;
}
.mt {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #FEFEFE;
font-size : 4px;
font-weight : normal;
}
.mt a:link, .mt a:visited {
font-size : 4px;
color : #FFFFFF;
text-decoration : none;
font-weight : bold;
}
.mt a:hover {
font-size : 4px;
color : #FEFEFE;
text-decoration : none;
font-weight : bold;
}
.main {
float : left;
width : 100%;
margin : 0px;
padding : 0px;
}
.contentdescription {
width : auto !important;
display : block;
}
#buttons {
float : right;
margin : 0px;
padding : 0px;
width : 50%;
}
ul#mainlevel-nav {
font-size : 11px;
list-style : none;
padding-left : 40px;
margin : 0;
font-size : 0.8em;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
}
ul#mainlevel-nav li {
display : block;
background-image : none;
padding-left : 1px;
padding-right : 1px;
float : left;
margin : 0;
width : auto !important;
font-size : 11px;
line-height : 14px;
white-space : nowrap;
}
ul#mainlevel-nav li a {
font-size : 12px;
display : block;
padding-left : 16px;
padding-right : 15px;
text-decoration : none;
text-transform : uppercase;
color : #cccccc;
background : transparent;
}
ul#mainlevel-nav li a:hover {
font-size : 12px;
color : #869CC5;
}
.sublevel {
padding-left : 10px;
}
.leftrow {
background-color : #F1F1F1;
width : 168px;
height : 100%;
margin-right : 5px;
}
.rightrow {
background-color : #F1F1F1;
height : 100%;
width : 168px;
align : right;
margin-left : 5px;
}
table.moduletable {
width : 100%;
table-layout : auto;
margin-bottom : 5px;
}
table.moduletable th {
font-size : 12px;
text-align : left;
height : 20px;
line-height : 20px;
text-indent : 8px;
letter-spacing : 1px;
color : #FFF;
background-image : url(../images/module_bg.jpg);
}
table.moduletable td {
padding-top : 2px;
padding-left : 5px;
padding-right : 5px;
}
#search {
float : left;
margin-top : 5px;
border : 1px solid #cccccc;
padding : 0px;
widthý : 123px !important;
width : 125px;
height : 16px !important;
height : 16px;
overflow : hidden;
}
#search .inputbox {
border : 0px;
margin-top : 0px;
padding : 2px 3px 2px 6px !important;
padding : 0px 3px 2px 6px;
font-family : arial, helvetica, sans-serif;
font-size : 10px;
height : 12px !important;
height : 12px;
width : 123px !important;
width : 125px;
color : #999999;
background : #FFFFFF;
}
.back_button a:link {
color : #FFF;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
background-color : #006699;
white-space : normal;
padding-bottom : 4px;
padding-left : 10px;
padding-right : 10px;
padding-top : 2px;
float : right;
line-height : 10px;
text-decoration : none;
border : 1px solid #000;
font-weight : 100;
}
.back_button a:hover {
color : #999;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
background-color : #006699;
white-space : normal;
padding-bottom : 4px;
padding-left : 10px;
padding-right : 10px;
padding-top : 2px;
float : right;
line-height : 10px;
text-decoration : none;
border : 1px solid #000;
font-weight : 100;
}
.button {
font-size : 11px;
color : #FFF;
border : 1px solid #000;
margin-bottom : 5px;
background-color : #006699;
padding-left : 20px;
padding-right : 20px;
padding-top : 2px;
padding-bottom : 2px;
}
.inputbox {
border : 1px solid #999999;
background : transparent url(../images/input_bg.jpg);
background-repeat:repeat-x;
background-color : #FFF;
margin-bottom : 5px;
color : #333333;
}
.sectiontableheader {
font-size : 11px;
font-weight : normal;
text-transform : uppercase;
letter-spacing : 1px;
color : #333333;
background : #EDEDED;
padding : 1px;
}
.sectiontableentry1 {
vertical-align : top;
padding : 3px;
background : #E3E3E3;
border-top : 1px solid #FFFFFF;
border-bottom : 1px solid #999999;
}
.sectiontableentry2 {
vertical-align : top;
padding : 3px;
border-top : 1px solid #FFFFFF;
border-bottom : 1px solid #999999;
}
a.mainlevel {
margin : 0px;
padding : 0px;
font-size : 12px;
width : 168px;
text-indent : 10px;
}
a.mainlevel: link {
padding : 0px 0px 0px 0px;
font-size : 12px;
width : 168px;
text-indent : 10px;
}
a.mainlevel:link, a.mainlevel:visited {
display : block;
font-size : 12px;
font-weight : bold;
padding : 0px 0px 0px 0px;
color : #0bb2db;
width : 168px;
text-indent : 10px;
}
a.mainlevel:hover {
font-size : 12px;
font-weight : bold;
text-decoration : none;
text-indent : 10px;
color : #fff;
background-color : #383939;
}
#active_menu {
font-weight : bold;
color : #006699;
}
a#active_menu:hover {
color : #FFF;
}
a:link, a:visited {
font-size : 14px;
color : #0bb2db;
text-decoration : none;
font-weight : bold;
}
a:hover {
font-size : 12px;
color : #666;
text-decoration : none;
font-weight : bold;
}
a.category:link, a.category:visited {
font-size : 11px;
font-weight : bold;
}
a.readon:link, a.readon:visited {
color : #FFF;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
background-color : #006699;
white-space : normal;
padding-bottom : 4px;
padding-left : 10px;
padding-right : 10px;
padding-top : 4px;
float : right;
line-height : 10px;
text-decoration : none;
border : 1px solid #000;
font-weight : 100;
}
a.readon:hover {
color : #999999;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
background-color : #006699;
white-space : normal;
font-weight : 100;
border : 1px solid #000;
padding-bottom : 4px;
padding-left : 10px;
padding-right : 10px;
padding-top : 4px;
float : right;
line-height : 10px;
text-decoration : none;
}
ul {float : left;
margin : 2px;
padding-left : 10px;
list-style : none;
}
li {
line-height : 15px;
padding-left : 15px;
padding-top : 0px;
background-repeat: no-repeat;
background-position: 0px 3px;
}
table.contenttoc {
border : 1px solid #FFFFFF;
background : #F1F1F1;
padding : 5px;
margin-left : 2px;
margin-bottom : 2px;
}
.pagenavcounter {
font-size : 10px;
color : #0066CC;
}
.pagenavbar {
border-top : 1px solid #999999;
padding : 2px;
}
.pagenav {
font-weight : bold;
color : #CCCCCC;
}
a.pagenav:link, a.pagenav:visited {
text-decoration : none;
}
a.pagenav:hover {
text-decoration : none;
}
.date {
font-size : 10px;
color : #fff;
padding-right : 10px;
}
.small {
font-size : 10px;
color : #333333;
}
.smalldark {
font-size : 10px;
color : #333333;
}
.createdate, .modifydate {
font-size : 10px;
color : #666666;
}
.content_vote {
font-size : 10px;
height : 22px;
padding-top : 2px;
padding-bottom : 2px;
}
.content_rating {
font-size : 10px;
color : #CC9900;
}
.pathway {
font-size : 10px;
color : #fff;
padding-left : 8px;
}
a.pathway:link, a.pathway:visited {
font-size : 10px;
color : #fff;
padding-left : 0px;
}
a.pathway:hover {
font-size : 10px;
padding-left : 0px;
color : #fff;
}
table.content{
width : 100%;
padding : 0px;
border-collapse : collapse;
border-spacing : 0px;
margin-bottom : 10px;
}
table.contentpane {
width : 100%;
padding-left : 5px;
padding-right : 5px;
border-spacing : 0px;
margin-bottom : 5px;
}
table.contentpaneopen {
width : 100%;
padding-left : 5px;
padding-right : 5px;
border-spacing : 0px;
margin-bottom : 5px;
}
.pollstableborder{
border-color : #999999;
}
.contentheading, .componentheading {
font-size : 16px;
font-weight : normal;
line-height : 24px;
text-align : left;
color : #0bb2db;
width : 100%;
text-indent : 15px;
}
.title {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
text-transform : uppercase;
text-indent : 8px;
font-size : 20px;
text-align : left;
color : #FFFFFF;
}
.title a:link, .title a:visited {
font-size : 20px;
color : #FFFFFF;
text-decoration : none;
font-weight : bold;
}
.title a:hover {
font-size : 20px;
color : #FFFFFF;
text-decoration : none;
font-weight : bold;
}
.ontab {
border-left : 1px solid #404040;
text-align : center;
font-weight : bold;
color : #333333;
padding : 5px;
cursor : hand;
line-height : 40px;
}
.offtab {
border-left : 1px solid #404040;
text-align : center;
color : #999999;
font-weight : normal;
padding : 5px;
cursor : hand;
line-height : 40px;
}
.tabpadding {
border-left : 1px solid #404040;
}
.pagetext {
visibility : hidden;
position : relative;
top : -10;
background-color : #FFFFFF;
display : none;
}
.footer {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #FFFFFF;
font-size : 8px;
color : #FFFFFF;
font-weight : normal;
}
.footer a:link, .footer a:visited {
font-size : 8px;
color : #FFFFFF;
text-decoration : none;
font-weight : normal;
}
.footer a:hover {
font-size : 8px;
color : #333333;
text-decoration : none;
font-weight : normal;
}
.contact_email {
width : 100%;
}
.contact_email .inputbox {
width : 345px;
}
table.moduletable-rightmenu {
width : 100%;
table-layout : auto;
border : 1px solid #006699;
margin-bottom : 5px;
}
table.moduletable-rightmenu th {
font-size : 12px;
text-align : left;
height : 20px;
line-height : 20px;
text-indent : 8px;
letter-spacing : 1px;
color : #FFF;
background-image : url(../images/rightmenu_bg.jpg);
}
table.moduletable-rightmenu td {
padding-top : 2px;
padding-left : 5px;
padding-right : 5px;
}
.readmore2 {
color :#0bb2db;
font-weight : normal;
text-align : right;
}
table.moduletable-right {
width : 100%;
table-layout : auto;
border : 1px solid #006699;
margin-bottom : 5px;
}
table.moduletable-right th {
font-size : 12px;
text-align : left;
height : 20px;
line-height : 20px;
text-indent : 8px;
letter-spacing : 1px;
color : #FFF;
background-image : url(../images/module_bg.jpg);
}
table.moduletable-right td {
padding-top : 2px;
padding-left : 5px;
padding-right : 5px;
}
table.moduletable-right2 {
width : 100%;
table-layout : auto;
margin-bottom : 5px;
}
table.moduletable-right2 th {
font-size : 12px;
text-align : left;
height : 20px;
line-height : 20px;
text-indent : 8px;
letter-spacing : 1px;
color : #FFF;
background-image : url(../images/module_bg.jpg);
}
table.moduletable-right2 td {
padding-top : 2px;
padding-left : 5px;
padding-right : 5px;
}
table.moduletable-right3 {
width : 100%;
table-layout : auto;
border-bottom : 1px solid #000;
margin-bottom : 5px;
padding-bottom : 5px;
}
table.moduletable-right3 th {
font-size : 12px;
text-align : left;
height : 20px;
line-height : 20px;
text-indent : 8px;
letter-spacing : 1px;
color : #FFF;
background-image : url(../images/module_bg.jpg);
}
table.moduletable-right3 td {
padding-top : 2px;
padding-left : 5px;
padding-right : 5px;
background-color : #e7f7fe;
}
se mi date 1 mano , vi ringrazierei veramente tanto.... non son pratico di stili CSS e grafica html..
edit: per darvi 1 idea della cosa vi incollo 1 immagine d'esempio del problema fastidioso prima e dopo il passaggio del mouse sopra.
[allegato eliminato da un amministratore]
