Joomla.it Forum
Joomla! 1.0.x (versione con supporto terminato) => Le voci di Joomla.it (solo per versione Joomla 1.0.x) => I Template di Joomla 1.0.x => : johnmullin2003 15 Sep 2007, 01:22:53
-
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]
-
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
Se ho capito bene cosa vuoi ( in pratica che passando sopra al menu la dimensioni del testo cambi colore ma non dimensione, cambia
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;
}
in questo
a:link, a:visited {
font-size : 14px;
color : #0bb2db;
text-decoration : none;
font-weight : bold;
}
a:hover {
font-size : 14px;
color : #666;
text-decoration : none;
font-weight : bold;
}
-
siii ;D ;D ;D ;D ;D ;D
perfetto :) son felicissimo!
grazie ancora a te e alla community di joomla che è veramente molto disponibile e cordiale!!