Ciao a tutti
Allora ho il seguente problema, magari qualcuno ha un idea.
Come si fa a collegare un css che ho inserito in template/beez/css/ demo .css, con il corrispettivo codice html che ho inserito in un modulo Custom HTML?
vi allego in fondo il file .css in fondo alla pagina
Ho provato:
1)nel file php del template ho aggiunto [size=78%] [/size]
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/demo.css" type="text/css" media="screen,projection" />
E FUNZIONA! IL PROBLEMA è CHE IL CSS SI COLLEGA ANCHE AD ALTRI ELEMENTI HTML CHE SI TROVANO FUORI IL MODULO, CAMBIANDO LA STRUTTURA DELLA PAGINA.
2) suffissi di classe al [size=78%]modulo Custom HTML: _demo[/size]
[size=78%]e nel css layout.css ho aggiunto le regole del css che avevo aggiungendo prima [/size].custom_demo
.custom_demo .slides_container {
width:470px;
display:none;
}
.custom_demo .slides_container div.slide {
width:470px;
height:170px;
display:block;
}
.custom_demo .item {
float:left;
width:135px;
height:135px;
margin:0 10px;
background:#efefef;
}
.custom_demo .pagination {
list-style:none;
margin:0;
padding:0;
}
.custom_demo .pagination .current a {
color:red;
}
[size=78%][/color]Che ne pensate? C'è una soluzione a tutto ciò? Per favore qualcuno mi aiuti!!!:-)[/size]
[size=78%]Il Divin Codino [/size]
[size=78%][/color][/size]
[size=78%][/color][/size]
[size=78%][/color]FILE DEMO.CSS[/size]
*/
.slides_container {
width:470px;
display:none;
}
/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/
.slides_container div.slide {
width:470px;
height:170px;
display:block;
}
/*
Set the size of your carousel items
*/
.item {
float:left;
width:135px;
height:135px;
margin:0 10px;
background:#efefef;
}
/*
Optional:
Reset list default style
*/
.pagination {
list-style:none;
margin:0;
padding:0;
}
/*
Optional:
Show the current slide in the pagination
*/
.pagination .current a {
color:red;
}
</style>
