IdentityCurve e cambio stile

[cataldo.gallo]

Ciao a tutti,
confesso di essere un neofita di joomla (ho utilizzato a oggi phpnuke ma non sono bravo con il codice).
Sto utilizzando il template IdentityCurve per la realizzazione di un portale, perchè ritengo sia molto versatile e semplice.
Uno dei problemi più seri che sto riscontrando è nella possilità di cambiare "stili" per meglio dire colorazione del template stesso a seconda dello stile adottato nel sito.
Infatti sono presenti 5 colorazioni pastello, ma non riesco a modicare quella di default (grey).
Qualcuno sa come si fa?
Ringrazio in anticipo per eventuali risposte

[pixma22]

basta che nell'index fai riferimento al css che vuoi carivare.
dovresti avere una riga così:

<link href="<?php echo $mosConfig_live_site;?>/templates/identitycurve/css/qua metti il tuo file CSS" rel="stylesheet" type="text/css"/>

In questo modo avrai il colore definito dal css

[cataldo.gallo]

ilcss di riferimento contiene in se tutti gli stili (almeno credo) e il template.css è unico.

posto il codice per css per intenderci:



/**************************************************************************************************************************************************************************************************

/**
* A Mambo 4.5.3 xhtml compatible template
* @version 1.0
* @package NVU Template Addon
* @copyright (C) 2005 by Open4G Mambo Template Developer Extension for NVU - All rights reserved!
* @license http://www.open4g.com/ GPL/GNU License
**/
 
body {
   margin : 0; 
   background : #cccccc;
   font-family : "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Verdana", "sans-serif";
   font-size : 12px;
   color : #555555;
}
 
td, tr, p, div {
   font-family :"Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Verdana", "sans-serif";
   color : #555555;
   font-size : 12px;
}
 
hr {
    color : #E0E0E0;
    height : 1px;
    width : 100%;
}

#Logo {
   display: block;
   background: url(../images/logo.gif) no-repeat;
   width: 480px;
   height: 80px;
   float: left;
}

//*#GoogleBanner {
   display: block;
   margin-left: 100px;
   margin-bottom: 5px;
   width: 468px;
   height: 60px;
   float: left;
*//
}

#CLR {
   clear: both
}

.MainFrame {
   width: 808px;
}

.MainFrameLeft {
   background:url(../images/frame_left.gif);
   width: 10px;
}

.MainFrameBody {
   background: #FFFFFF;
   width: 788px;
}

.MainFrameRight {
   background:url(../images/frame_right.gif);
   width: 10px;
}

.MainFrameBottom {
   background:url(../images/frame_bottom.gif);
   width: 808px;
   height: 9px;
}

.MainTable {
   width: 775px;
}

.LeftCol {
   width: 180px;
   background: url(../images/col_bg.gif) no-repeat;
   background-position:bottom;
   
}

.RightCol {
   width: 180px;
   padding-left: 10px;
}

.ContentCol {
   width: 100%;
   padding-left: 10px;
}

#LeftColTop {
   display: block;
   width: 180px;
   height: 12px;
   background: url(../images/leftcol_top.gif) no-repeat;
}


#LeftColBg {
   display: block;
   width: 180px;
}   

#LeftColBottom {
   display: block;
   width: 180px;
   height: 19px;
   background: url(../images/leftcol_bottom.gif) no-repeat;
}

table.moduletable {
   width : 100%;
   background:url(../images/module_table_bg.gif) no-repeat;
   background-position:bottom;
   padding-bottom: 10px;
}

table.moduletable th {
   font-size: 13px;
   font-weight: bold;
   text-align: left; 
   color : #666666;
   background: url(../images/module_table_head.gif) no-repeat;
   height: 26px;
   padding-left: 10px;
   padding-right: 8px;
   padding-top: 2px;
}

table.moduletable td {
   padding-left: 8px;
   padding-right: 8px;
   margin: 0;
}

table.moduletable-ad {
   width : 100%;
   padding: 0;
   margin: 0;
}

table.moduletable-ad th {
   padding: 0;
   margin: 0;
}

table.moduletable-ad td {
   padding: 0;
   margin: 0;
}

table.moduletable-blue {
   width : 100%;
   background:url(../images/module_table_bg-blue.gif) no-repeat;
   background-position:bottom;
   padding-bottom: 10px;
}

table.moduletable-blue th {
   font-size: 13px;
   font-weight: bold;
   text-align: left; 
   color : #666666;
   background: url(../images/module_table_head-blue.gif) no-repeat;
   height: 26px;
   padding-left: 10px;
   padding-right: 8px;
   padding-top: 2px;
}

table.moduletable-blue td {
   padding-left: 8px;
   padding-right: 8px;
   margin: 0;
   color: #ffffff;
}

table.moduletable-blue a:link, table.moduletable-blue a:visited {
   color : #ffffff;
   text-decoration : none;
}
 
table.moduletable-blue a:hover {
   color : #434343;
   text-decoration : none;
}

table.moduletable-green {
   width : 100%;
   background:url(../images/module_table_bg-green.gif) no-repeat;
   background-position:bottom;
   padding-bottom: 10px;
}

table.moduletable-green th {
   font-size: 13px;
   font-weight: bold;
   text-align: left; 
   color : #666666;
   background: url(../images/module_table_head-green.gif) no-repeat;
   height: 26px;
   padding-left: 10px;
   padding-right: 8px;
   padding-top: 2px;
}

table.moduletable-green td {
   padding-left: 8px;
   padding-right: 8px;
   margin: 0;
   color: #ffffff;
}

table.moduletable-green a:link, table.moduletable-green a:visited {
   color : #ffffff;
   text-decoration : none;
}
 
table.moduletable-green a:hover {
   color : #434343;
   text-decoration : none;
}

table.moduletable-orange {
   width : 100%;
   background:url(../images/module_table_bg-orange.gif) no-repeat;
   background-position:bottom;
   padding-bottom: 10px;
}

table.moduletable-orange th {
   font-size: 13px;
   font-weight: bold;
   text-align: left; 
   color : #666666;
   background: url(../images/module_table_head-orange.gif) no-repeat;
   height: 26px;
   padding-left: 10px;
   padding-right: 8px;
   padding-top: 2px;
}

table.moduletable-orange td {
   padding-left: 8px;
   padding-right: 8px;
   margin: 0;
   color: #ffffff;
}

table.moduletable-orange a:link, table.moduletable-orange a:visited {
   color : #ffffff;
   text-decoration : none;
}
 
table.moduletable-orange a:hover {
   color : #434343;
   text-decoration : none;
}

table.moduletable-purple {
   width : 100%;
   background:url(../images/module_table_bg-purple.gif) no-repeat;
   background-position:bottom;
   padding-bottom: 10px;
}

table.moduletable-purple th {
   font-size: 13px;
   font-weight: bold;
   text-align: left; 
   color : #666666;
   background: url(../images/module_table_head-purple.gif) no-repeat;
   height: 26px;
   padding-left: 10px;
   padding-right: 8px;
   padding-top: 2px;
}

table.moduletable-purple td {
   padding-left: 8px;
   padding-right: 8px;
   margin: 0;
   color: #ffffff;
}

table.moduletable-purple a:link, table.moduletable-purple a:visited {
   color : #ffffff;
   text-decoration : none;
}
 
table.moduletable-purple a:hover {
   color : #434343;
   text-decoration : none;
}


table.moduletable-grey {
   width : 100%;
   background:url(../images/module_table_bg-grey.gif) no-repeat;
   background-position:bottom;
   padding-bottom: 10px;
}

table.moduletable-grey th {
   font-size: 13px;
   font-weight: bold;
   text-align: left; 
   color : #666666;
   background: url(../images/module_table_head-grey.gif) no-repeat;
   height: 26px;
   padding-left: 10px;
   padding-right: 8px;
   padding-top: 2px;
}

table.moduletable-grey td {
   padding-left: 8px;
   padding-right: 8px;
   margin: 0;
   color: #ffffff;
}

table.moduletable-grey a:link, table.moduletable-grey a:visited {
   color : #ffffff;
   text-decoration : none;
}
 
table.moduletable-grey a:hover {
   color : #434343;
   text-decoration : none;
}


ul {
   margin-top: 7px;
   padding: 0;
   list-style: none;
}
 
 
li {
   line-height: 15px;
   padding-left: 15px;
   padding-top: 0px;
   background-image: url(../images/arrow.png) ;
   background-repeat: no-repeat;
   background-position: 0px 3px;
}
 
.button {
   background: url(../images/button_bg.png);
   font-size: 11px;
   padding: 2px 5px 2px 5px;
   color : #666666;
   margin : 5px;
}

.back_button {
   float: left;
   text-align: center;
   font-size: 11px;
   border: outset #ffffff 2px;
   width: auto;
   background: url(../images/button_bg.png) repeat-x;
   padding: 0px 10px;
   line-height: 20px;
}
 
.inputbox {
   border : 1px solid #8e8e8e;
   background: url(../images/inputbox_bg.gif) no-repeat;
   color : #666666;
   margin : 5px;
}

 
.sectiontableheader {
   font-size : 11px;
   font-weight : bold;
   text-align : left;
   color : #666666;
   background: url(../images/sectiontableheader_bg.gif);
   vertical-align : middle;
   height : 25px;
   border-right : 1px solid #fff;
   padding : 0px 10px;
   text-decoration : none;
}
 
.sectiontableentry1 {
   background: url(../images/sectiontable_bg.gif) no-repeat;
   padding : 3px 3px;
   text-decoration : none;
}
 
.sectiontableentry2 {
   background: url(../images/sectiontable_bg2.gif) no-repeat; 
   padding : 3px 3px;
   text-decoration : none;
}

 
a.mainlevel {
   margin : 0px;
   padding-bottom: 2px;
   font-size : 12px;
   width : 100%x;
}
 
a.mainlevel:link, a.mainlevel:visited {
   display : block;   
   color: #868faa;
}
 
a.mainlevel:hover {
   text-decoration : none;
   color: #666666;
}
 
#active_menu {
   font-weight : bold;
   color : #364572;
}

a#active_menu:hover {
}
 
.sublevel {
   font-size : 12px;
}

#MenuBar {   
   display: block;
   width: 780px;
   align: center;
   height: 32px;
   margin-top: 8px;
   margin-bottom: 5px;
}
   
#MenuBarLeft {
   display: block;
   background:url(../images/menubar_left.gif);
   height: 32px;
   width: 6px;
   float: left;
}

#MenuBarMain {
   display: block;
   width: 638px;
   height: 32px;
   background: url(../images/menubar_bg.gif);
   float: left;
}

#MenuBarSearch {
   display: block;
   width: 130px;
   height: 32px;
   background: url(../images/menubar_search_bg.gif);
   float: left;
}

#MenuBarSearch .inputbox {
   border: solid #8e8e8e 1px;
   width: 100px;
   font-size: 10px;
   color: #8e8e8e;
   padding-left: 3px;
   margin-left: 15px;
}

#MenuBarRight {
   display: block;
   background:url(../images/menubar_right.gif);
   height: 32px;
   width: 6px;
   float: left;
}

ul#mainlevel-nav {
   padding : 0;
   margin-top: 6px;
   margin-left: 0;
   list-style : none;
}
 
ul#mainlevel-nav li {
   display : block;
   padding-left : 0px;
   padding-right : 0px; 
   float : left;
   font-size : 11px;
   white-space : nowrap;
   border-right: solid #cccccc 1px;
   background-image: none;
   height: 20px;
/* border-left : 1px solid #FFFFFF;*/
 
}
 
ul#mainlevel-nav li a {
   display : block;
   padding-left : 10px;
   padding-right : 10px;
   text-decoration : none;
   color : #666666;
 
}
 
ul#mainlevel-nav li a:hover {
   color : #333333;
}

ul.mainlevel:hover {
   text-decoration : none;
   color: #666666
}

ul.latestnews {
   padding : 0;
   margin: 0;
   list-style : none;
}

ul.latestnews li {
   margin: 0px;
   padding-bottom: 3px;
   font-size: 12px;
   width: 140px;
   background-image: none;
}
 
ul.latestnews a:link, ul.latestnews a:visited {
   display : block;   
   margin : 0;
   color: #868faa;
}
 
ul.latestnews a:hover {
   text-decoration : none;
   color: #666666
}
 
a:link, a:visited {
   color : #868faa;
   text-decoration : none;
}
 
a:hover {
   color : #666666;
   text-decoration : none;
}
 
a.category:link, a.category:visited {
   font-weight : bold;
}
 
.readon {
   font-weight : bold;
}
 
.pagenavbar {
   padding : 3px;
   text-align : center;
}
 
.contenttoc {
   width : 150px;
   background: url(../images/contenttoc_bg.gif) no-repeat;
   border : 1px solid #cccccc;
   margin-left: 10px;
   margin-bottom: 10px;
}
 
.contenttoc th {
   padding : 3px 5px;
   font-size : 14px;
   font-weight : normal;
   text-align : left; 
   color : #364572;
}
 
.contenttoc td {
   padding : 2px 5px;
}
 
.small {
   font-size : 10px;
   color : #666666;
}
 
.smalldark {
   font-size : 10px;
   color : #000000;
}
 
.createdate, .modifydate {
   font-size: 10px;
   color: #999999;
}

.article_seperator {
   display: block;
   padding: 10px;
}
 
.content_rating {
 font-size : 10px;
 color : #FEC56A;
}
 
.content_vote {
   font-size : 10px;
   height : 22px;
   padding-top : 2px;
   padding-bottom : 2px;
   padding-left : 10px;
   padding-right : 10px;
   background-color : #F0F0F0;
   border : 1px solid #e0e0e0;
}

#PathWay {
   display: block;
   margin-left: 20px;
   margin-bottom: 10px;
   margin-top: 10px;
}
 
.pathway {
   font-size : 11px;
   color : #000000; 
}
 
a.pathway:link, a.pathway:visited {
   color : #364572;
   font-size : 11px;
}
 
a.pathway:hover {
   font-size : 11px;
}
 
.contentpane {
   padding : 0px;
}
 
.contentpaneopen {
   text-align : justify;
}
 
.componentheading {
   margin-bottom: 3px;
   font-size : 15px;
   font-weight : bold;
   text-align : left; 
   color : #666666;
}

.contentheading {
   padding : 0px;
   font-size : 15px;
   font-weight : bold;
   text-align : left; 
   color : #666666;

}


 
.contentpagetitle {
   font-weight : bold;
   color : #000;
   font-size: 13px;
   }
 
a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active {
   text-decoration : none;
}
 
a.readon:link, a.readon:visited {
   color : #999999;
   font-family : "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
   font-size : 10px;
   font-weight : normal;
   white-space : nowrap;
   float : left;
   line-height : 10px;
   text-decoration : none;
}
 
a.readon:hover {
   color : #336699;
   font-family : "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
   font-size : 10px;
   font-weight : normal;
   white-space : nowrap;
   float : left;
   line-height : 10px;
   text-decoration : none;
}
 

 
.pagenav a:link, .pagenav a:visited,  {
   color : #999999;
   font-family : "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
   font-size : 10px;
   font-weight : normal;
   background : #F0F0F0;
   border : 1px solid #E0E0E0;
   padding : 2px 4px 2px 4px;
   white-space : nowrap;
   float : left;
   line-height : 10px;
   text-decoration : none;
}
 
.pagenav a:hover,  {
   color : #336699;
   font-family : "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
   font-size : 10px;
   font-weight : normal;
   background : #F0F0F0;
   border : 1px solid #E0E0E0;
   padding : 2px 4px 2px 4px;
   white-space : nowrap;
   float : left;
   line-height : 10px;
   text-decoration : none;
}

.buttonheading a:hover, .buttonheading a:link, .buttonheading a:visited {
   padding-right: 3px;
}

.componentheading a:hover, .componentheading a:link, .componentheading a:visited {
   text-decoration: none;
}


------------------------------------------------------

Devo suddivide il file file secondo lo stile che mi interessa??
oppure mi sfugge qualcosa?
grazie comunque per avermi risposto

[pixma22]

Si ti sfugge qualcosa.
Il file css dà lo stile al tuo template.Colore, margini,immagini ecc.Puoi adattartelo modificando dei parametri.Per esempio colore  ecc...
Non è che hai 5 stili in un solo css. Hai un solo css.
Se tu avessi avuto template_css.css + green.css   black.css ecc... allora si che avresti avuto più di uno stile per il tuo template.
In definitiva se hai esigenza di cambiare colore,font e balle varie,modifichi quello attuale.Altrimenti ne crei uno da zero.
Spero di essermi spiegato bene.
Non riesco a trovare le parole per essere più sintetico.

[cataldo.gallo]

Ok, chiaro
mano al codice e mi do da fare,
avevo sperato che fossero 4 stili inclusi in un template, per questo mi arrovellavo, altrimenti avrei già finito da tempo!
Grazie per i chiarimenti