Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : baggio 29 Jun 2012, 19:06:26
-
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>
-
Salve Baggio,
Puoi linkarci il sito in questione?
Comunque, basterebbe creare regole css tali da riferirle solo a quel particolare modulo.
Hai provato a dare un suffisso classe al modulo custom e nelle regole specificare come genitore anche il suffisso classe del modulo?
-
Ciao Dariodor, grazie innanzitutto.
Sfortunatamente sto lavorando in locale.
ho provato a fare proprio cio che hai descritto con questo metodo, ma probabilmente non si possono specificare 2 classi una dietro l'altra, almeno credo:
2)[/size] suffissi di classe al [size=78%]modulo Custom HTML: _demo[/size][/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; }Che ne pensate? C'è una soluzione a tutto ciò? Per favore qualcuno mi aiuti!!!:-)[size=78%]Il Divin Codino [/size]FILE DEMO.CSS
*/
.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>
POSSIBILE CHE DEBBA MODIFICARE TUTTO IL CSS? NON C'è UN MODO PER LINKARLO ESCLUSIVAMENTE E QUEL MODULO? GRAZIE ANCORA [/color][/font]
-
Ciao baggio, per cortesia edita i post inserendo il codice con il tag code...messo così serve solo a sporcare la discussione ed il forum
Thanks ;)
-
Segnalo la guida appena sfornata sui CSS di Joomla!
http://www.joomla.it/articoli-community-16-e-17-tab/5618-gli-stili-in-joomla-2-gli-stili-dei-moduli-e-allinterno-delleditor.html (http://www.joomla.it/articoli-community-16-e-17-tab/5618-gli-stili-in-joomla-2-gli-stili-dei-moduli-e-allinterno-delleditor.html)