Alternanza sfondo chiaro e scuro in varie pagine

[nocs90]

Forse dall'oggetto del topic non avrete capito bene,

vi indico un link di una pagina in cui mi succede questa cosa :

http://www.abanosanlorenzo.it/index.php/galleria-fotografica.html

Come notate la galleria presepio è in sfondo scuro , quella dopo in sfondo chiaro e cosi via via per ogni galleria che aggiungo.

Stessa situazione per eventlist :

http://www.abanosanlorenzo.it/index.php/calendario-eventi.html

qua però se si passa il mouse sopra agli eventi con sfondo scuro diventano con sfondo chiaro.

Vi allego il template.css

Codice: [Seleziona]

/**
 * @copyright Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * See COPYRIGHT.php for copyright notices and details.
 */

* {
margin: 0;
padding: 0;
}

body.mainbody1, body.mainbody0 {
font:13px tahoma,Arial,Helvetica,sans-serif;
background:#f1f1f1;
margin:0;
padding:0;
color:#333;
line-height:150%; }

#shadow{
background:url(../images/shadow.png) 100% 0 no-repeat; }

body.mainbody0 {
text-align:center; }
a:link, a:visited{
text-decoration:none; }
a:hover{
text-decoration:underline; }
ul{
margin-left:16px; }
.sectiontableheader{
border-bottom:2px solid #555;
padding:4px 0; }
.sectiontableentry1{
background:#6f6f6f; }
.pollstableborder .sectiontableentry1{
background:none; }

h1, h2, h3, h4, h5, h6{
font-weight:normal;
line-height:normal;
color:#333;
font-family:Arial,Helvetica,sans-serif; 
padding:10px 0 2px 0; }

h1{
font-size:200%; }
h2{
font-size:165%;
font-weight:bold; }
h3{
font-size:140%; }
h4{
font-size:120%; }
h5{
font-size:100%; }
h6{
font-size:90%
}

table.contentpaneopen {
width:100%;
}

.small, .createdate, .modifydate{
font-size:90%;
color:#888;
line-height:normal;
font-family:Tahoma,Arial,Helvetica,sans-serif; }

.sectiontablefooter{
color:#fff;
padding-top:5px; }

a.readon{
padding:2px 22px 4px 0px;
background:url(../images/readon.png) 100% 2px no-repeat;
}

a img {
border:none;
}

.article_column{
padding-right: 5px;
}

.column_separator{
border-left: 1px dotted #555;
padding-left: 10px;
}

span.article_separator {
margin-top:12px;
margin-bottom:4px;
border-top: 1px dotted #555;
width:100%;
display:block;
height:1px;
}

p{
padding-bottom:12px; }

#leftcol #logon_top{margin-left:-10px; height:16px; background:url(../images/left_modlogon_top.png) 0 0 no-repeat; }
#leftcol #userlogon{padding:0 10px 0 20px; background:#d9d9d9 url(../images/logon_bg.png) 0 0 repeat-y; margin-left:-10px; }
#leftcol #logon_bottom{margin-left:-10px; height:16px; background:url(../images/left_modlogon_bottom.png) 0 0 no-repeat; }
#leftcol #userlogon .inputbox{
background:#fff;
padding:2px;
color:#000;
width:180px;
border:1px solid #999;
font-weight:bold; }
#leftcol #userlogon .button, .pollbutton, .button{
background:url(../images/button_bg.png) 0 0 repeat-x;
padding:2px 8px;
color:#333;
border:1px solid #333;
width:auto;
margin:5px 0; }

.button:hover{
background:#eee; }

#content .moduletable_menu ul,
#rightcol .moduletable_menu ul,
#leftcol .moduletable_menu ul{
list-style:none;
padding:0;
margin:0; }

#content .moduletable_menu li,
#rightcol .moduletable_menu li
#leftcol .moduletable_menu li{
border-bottom:1px solid #ddd;
padding:0;
margin:0;
background:url(../images/menuitem.png) 0 0 no-repeat; }

#leftcol .moduletable_menu li{
background:url(../images/leftcol_menuitem.png) 0 0 no-repeat;
border-bottom:1px solid #ccc; }
#rightcol .moduletable_menu li{
background:url(../images/rightcol_menuitem.png) 0 0 no-repeat;
border-bottom:1px solid #aaa; }

#content .moduletable_menu li li,
#leftcol .moduletable_menu li li,
#rightcol .moduletable_menu li li{
margin-left:15px;
border:none; }

#content .moduletable_menu a:link, #content .moduletable_menu a:visited,
#leftcol .moduletable_menu a:link, #leftcol .moduletable_menu a:visited,
#rightcol .moduletable_menu a:link, #rightcol .moduletable_menu a:visited{
display:block;
padding:0px 2px 2px 22px;
margin:1px 0;
color:#555!important;
text-decoration:none;
font-weight:normal; }

#content .moduletable_menu a:hover{
background:#f1f1f1 url(../images/menuitem_hov.png) 0 0 no-repeat;
color:#444!important;
text-decoration:none; }
#leftcol .moduletable_menu a:hover{
background:#f5f5f5 url(../images/leftcol_menuitem_hov.png) 0 0 no-repeat;
color:#000!important; }
#rightcol .moduletable_menu a:hover{
background:#c1c1c1 url(../images/rightcol_menuitem_hov.png) 0 0 no-repeat;
color:#000!important; }

#content .moduletable_menu .active{
background:url(../images/menuitem_active.png) 0 0 no-repeat; }
#leftcol .moduletable_menu .active{
background:url(../images/leftcol_menuitem_active.png) 0 0 no-repeat; }
#rightcol .moduletable_menu .active{
background:url(../images/rightcol_menu_active.png) 0 0 no-repeat; }

.moduletable h3, .contentheading,
.moduletable_menu h3, .moduletable_text h3{
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
letter-spacing:-1px;
font-weight:normal;
text-transform:lowercase;
padding-bottom:10px; }

#leftcol .moduletable h3,
#leftcol .moduletable_menu h3,
#leftcol .moduletable_text h3{
background:#d9d9d9 url(../images/leftcol_module_h3.png) 100% 0 no-repeat;
width:220px;
margin:0 0 10px -10px;
padding:6px 10px 10px 0px;
text-align:right;
height:20px;
color:#777;}

.contentheading{
font-size:20px;
line-height:normal;
color:#333;
text-align: left;
width: 100%;}

.componentheading{
background:#555;
padding:4px;
color:#fff;
margin-bottom:10px;
font-weight:bold; }

td.buttonheading {
padding:0 1px;
}

span#logo{
position:absolute;
display:block;
left:0px;
top:0px;
width:109px;
height:108px;
background:transparent; }

#topcontainer{
width:1058px;
height:60px;
background:#f00; }

#skipbutton{
height:26px;
width:30px;
float:left;
padding:0;
display:block;
margin-right:2px;
margin-top:4px; }

#topbar{}

#topmenu{
height:30px;
line-height:20px;
font-weight:bold;
text-transform:lowercase;
font-family:Tahoma,Arial,Helvetica,sans-serif;
border-bottom:0px solid #000;
background:url(../images/menubar_bg.png) 0 0 repeat-x;
margin-right:8px; }

#topmenu ul{
margin-left:0px;
padding:5px 0 0 5px; }

#topmenu ul li{
float:left;
list-style:none;
padding-left:4px;
height:26px;
background:url(../images/topmenu_l.png) 0 0 no-repeat;
display:block;
margin-left:2px; }

#topmenu ul.menu li:hover{}

#topmenu a{
color:#777;
text-decoration:none;
padding:0px 15px 7px 11px;
background:url(../images/topmenu_r.png) 100% 0 no-repeat;
display:block; }

#topmenu .active a{
background:url(../images/topmenu_r_active.png) 100% 0 no-repeat;
color:#fff!important; }

#topmenu a#active_menu-nav{
color:#000; }

#topmenu ul li.active {
background:url(../images/topmenu_l_active.png) 0 0 no-repeat; }

#topmenu a:hover{
color:#000; }

#subnav{
height:25px;
background:#000; }

#skipbutton a{
height:26px;
width:30px;
padding:0;
margin:0; }

#bigcontainer0, #bigcontainer1{
padding-left:20px;
background:url(../images/bottom_corner.png) bottom right no-repeat;
border-left:8px solid #818181; }

#bigcontainer0{
text-align:left;
margin:0 auto;
padding-left:20px; }

#bottomcorner0, #bottomcorner1{
background:#ccc url(../images/container_bg.png) 100% 0 repeat-y;
margin-bottom:20px; }

#bottomcorner0{
margin:0 auto; }

#container1{
background:url(../images/content_mid.png) 0 0 repeat-y;
margin-left:0px; }
#container0{
background:url(../images/content_mid_noleft.png) 0 0 repeat-y;
margin-left:0px; }
#rightcol{
float:right;
padding-top:10px;
overflow:hidden; }

#rightcol .moduletable h3,
#rightcol .moduletable_text h3,
#rightcol .moduletable_menu h3{
padding:6px 6px 6px 10px;
background:#818181 url(../images/right_module_h3.png) 0 0 no-repeat;
margin-bottom:5px;
line-height:normal;
margin-right:-10px;
overflow:hidden;
color:#fff; }

#rightcol .moduletable,
#leftcol .moduletable,
#rightcol .moduletable_text,
#leftcol .moduletable_text,
#rightcol .moduletable_menu,
#leftcol .moduletable_menu{
margin-bottom:20px;
padding-right:10px; }

#header{
width:766px;
height:180px;
position:relative; }

#header-left{
position:absolute; left:0; top:0;
height:180px;
width:558px;
background:url(../images/header.jpg) 0 0 no-repeat; }

#header-right, #header-right_normal{
position:absolute; left:508px; top:0;
width:258px;
height:180px;
background:url(../images/header_right.jpg) 0 0 no-repeat;
text-indent:0;
overflow:hidden; }

#header-right{
font-size:90%;
line-height:normal; }

#header-right_normal{
background:url(../images/header_right_normal.jpg) 0 0 no-repeat; }

#header-right .moduletable h3{
margin:0;
padding:0 0 5px 0;
color:#555;}

#header-right-padding{
padding:5px 15px 10px 15px; }

#pathway{
width:758px;
background:#555;
font-weight:bold;
color:#fff;
height:24px!important;
overflow:hidden;
line-height:14px; }

#pathway a:link, #pathway a:visited{
font-weight:normal; }

#pathwaypad{
padding:4px 4px 4px 12px }

#content{
width:766px; }

#usermodules_container{
position:relative;
margin-bottom:15px;
border-bottom:1px dotted #555;
padding-bottom:15px;
overflow:hidden;
height:auto!important;
height:100%; }

#user1 .moduletable h3, #user2 .moduletable h3{padding-top:0;}

#contentpad1{
width:468px;
padding:20px 20px 20px 20px;
overflow:hidden; }
#contentpad0{
padding:20px 28px 20px 20px;
overflow:hidden; }

#rightcol .padding{
padding:0px 0px 20px 0px; }

#colorswitch{
height:20px;
width:110px;
text-align:right;
float:right;
padding:0;
margin:-2px 2px 0 0; }

#colorswitch a{
float:left;
width:20px;
background:none;
padding:0;
margin:0 1px 0 0; }

#leftcol{
width:240px;
float:right;
position:relative; right:8px; }

#leftcolpad{
padding:10px 20px 20px 10px;
width:230px; }

#content_bot1, #content_bot0{
height:28px;
width:766px;
background:url(../images/content_bot.png) 0 0 no-repeat; }
#content_bot0 {
background:url(../images/content_bot_noleft.png) 0 0 no-repeat; }

#bottom_container0, #bottom_container1 {
margin:0px 0 0 0px;
height:100%;
padding-bottom:10px;
position:relative;
height:auto!important;
height:100%;
overflow:hidden; }

.user_padding{
padding:10px 15px 10px 15px; }

#user4{
background:#f1f1f1;
float:left;
width:430px;
margin:10px 0 0 0px; }
#user5{
float:left;
width:248px;
margin:10px 10px 0 0px; }
#syndicate, #syndicate_right{
background:#818181;
float:left;
margin:10px 0 20px 6px; }

#syndicate_right{
float:right; }

#user4 .moduletable, #user5 .moduletable, #syndicate .moduletable,
#user4 .moduletable_menu, #user5 .moduletable_menu, #syndicate .moduletable_menu,
#user4 .moduletable_text, #user5 .moduletable_text, #syndicate .moduletable_text{
padding-bottom:20px; }

#user4 .moduletable h3, #user5 .moduletable h3, #syndicate .moduletable h3{
border-bottom:1px dotted #eee;
padding-bottom:5px;
margin-bottom:5px;
padding-top:0; }
#user5 .moduletable h3{
padding-top:10px; }

#footer{
background:#f1f1f1;
width:100%;
text-align:center; }

.style_button_orange,
.style_button_blue,
.style_button_green,
.style_button_pink,
.style_button_red{
width:20px;
height:20px;
display:block
}
.style_button_orange{
background:url(../images/switch_orange.png) 0 0 no-repeat; }
.style_button_blue{
background:url(../images/switch_blue.png) 0 0 no-repeat; }
.style_button_green{
background:url(../images/switch_green.png) 0 0 no-repeat; }
.style_button_pink{
background:url(../images/switch_pink.png) 0 0 no-repeat; }
.style_button_red{
background:url(../images/switch_red.png) 0 0 no-repeat; }

.clearfloat{
clear:both;
height:0;
font-size:1px;
line-height:0px; }
.sIFR-flash{
visibility:visible !important;
margin:0; }

.sIFR-replaced{
visibility:visible !important; }

span.sIFR-alternate{
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow:hidden; }

#sitetitle_div{
position:absolute; top:85px; left:27px;
width:670px; }
#sitetitle_shadow_div{
position:absolute; top:87px; left:29px;
width:670px; }

#siteslogan_div_future, #siteslogan_div_industrial, #siteslogan_div_funky{
position:absolute; top:145px; left:27px; }
#siteslogan_div_industrial{
left:34px
}

.sitetitle, .sitetitle_shadow{
font-size:55px;
line-height:normal;
letter-spacing:-2px;
color:white;
font-family:Tahoma,Arial,Helvetica,sans-serif; }
.sitetitle_shadow{color:black; }

.siteslogan{
font-size:14px;
letter-spacing:0px;
color:white;
font-family:Tahoma,Arial,Helvetica,sans-serif; }

.designer{color:#666; }
.designer a:link, .designer a:visited{color:#666; font-size:0.8em; text-decoration:none; }
.designer a:hover{color:#666; }

.sIFR-hasFlash .sitetitle{
visibility:hidden;
font-size:85px;
letter-spacing:-2px; }
.sIFR-hasFlash .sitetitle_shadow{
visibility:hidden;
font-size:85px;
letter-spacing:-2px; }

.sIFR-hasFlash .siteslogan{
visibility:hidden;
font-size:20px;
letter-spacing:0px; }

span.pl_orange, span.pl_blue, span.pl_green, span.pl_pink, span.pl_red{left:0; top:0; position:absolute; visibility:hidden; }
span.pl_orange{background-image:url(../images/orange/skip_hov.png); }
span.pl_blue{background-image:url(../images/blue/skip_hov.png); }
span.pl_green{background-image:url(../images/green/skip_hov.png); }
span.pl_pink{background-image:url(../images/pink/skip_hov.png); }
span.pl_red{background-image:url(../images/red/skip_hov.png); }
Spero riusciate ad aiutarmi a capire cosa devo modificare...

Il template è TBC_WHITEPOINT

[gagne]

controlla vedrai che i componenti hanno un loro templates

[nocs90]

controlla vedrai che i componenti hanno un loro templates

si ma con altri template gli stessi componenti non mi alternano cosi i colori

[tonicopi]

La soluzione per il cambio del colore nella riga scura di eventlist con il mouse over  la risolvi eliminando il comando nel file components/comp_eventlist/assets/css/eventlist.css (riga 233)

Codice: [Seleziona]

div#eventlist table.eventtable tr:hover td {
background:#F8F8F8 none repeat scroll 0 0;
}E così per gli altri...