Bonjour,

Si vous souhaitez intégrer un fichier de CSS lié à un gabarit comme une Portlet QF. Il faut:

1. Créer un fichier dans plugins/MonPlugin/css/moncss.css
2. Déclarer le fichier dans le gabarit: jcmsContext.addCSSHeader(...)

Si le fichier de CSS est plutôt orienté "look" ce sera alors un plugin de portail qui va proposer des déclinaisons (eg de couleur) du portail.
Dans ce cas il faut le déclarer dans plugins/MonPlugin/css/portal/moncss.css
Lors de l'édition d'un portail le fichier sera sélectionnable

Enfin dernière précision: Le XML commenté de tous les fichiers CSS de portail:

• css/portal/...
• plugins/Plugin/css/portal/...

est parsé afin de proposer une déclinaison CSS dans les Portlets.

Ce code XML:

/* <CSS label="Orange" value="orange" type="PortletQueryForeach" target="SkinItem" description="Style for all PortletNavigate" /> */

Indique à JCMS qu'il y a une déclinaison CSS .PortletQueryForeach_orange avec le libellé "Orange" et que c'est une déclinaison de gabarit d'affichage (et non de skin)

Si l'utilisateur choisit cette déclinaisons la portlet sera généré avec les classes CSS "PortletQueryForeach_orange" et "PortletQueryForeach" et "orange".

Pour une migration 4.1 > 573, j'essaye de convertir d'anciens skin et css de skin en reprenant le principe ci dessus.
Malheureusement, je ne comprends pas pourquoi mon xml css est bien parsé, et propose dans l'édition des portlets des skinCss, mais, dans le rendu html, le code css n'est pas présent tout simplement. Voilà où se trouvent mon fichier et son contenu :

/plugins/MonPlugin/css/plugin.css (code css bien présent dans la page) /plugins/MonPlugin/css/portal/plugin.css (code css bien parsé, mais non présent dans la page)

/* <?xml version="1.0" encoding="UTF-8"?><XMLCSS> */

/* -------------------------------------------------------------------- */
/* ||||||||||||||||||||||||| COMMON CSS ||||||||||||||||||||||||||||||| */
/* -------------------------------------------------------------------- */


BODY                   {
 color: #001032;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
}
A { color:#001F93;
text-decoration: none;  }
A:hover       { text-decoration: underline;                  }
.form                  { font: normal 8pt arial,helvetica,sans-serif; color: #333333; border: 1px solid #333333; }
.Portlet               {}
.PortletSkinable       {}
.Portlet A             { text-decoration: none;          }
.Portlet A:hover       { text-decoration: underline;                  }

/* -------------------------------------------------------------------- */
/* ||||||||||||||||| Skin CSS |||||||||||||||||||||||| */
/* -------------------------------------------------------------------- */
/* <CSS label="Menu premier" value="premMenu" type="PortletJsp" target="SkinBox" description="Style for all menu " /> */
/* <CSS label="Menu premier" value="premMenu" type="PortletLogin" target="SkinBox" description="Style for all menu " /> */
/* <CSS label="Menu premier" value="premMenu" type="PortletWYSIWYG" target="SkinBox" description="Style for all menu " /> */
.premMenu .menuHeader{
 background-image:url(Aucune);
}
.premMenu .menuContenu{
 background-image:url(Aucune); 
}

/* <CSS label="Menu dernier" value="derMenu" type="PortletWYSIWYG" target="SkinBox" description="Style for all menu " /> */
/* <CSS label="Menu dernier" value="derMenu" type="PortletJsp" target="SkinBox" description="Style for all menu " /> */
.derMenu .menuFooter{
 background-image:none;
}

/* <CSS label="Cartouche Rose" value="cartRose" type="PortletWYSIWYG" target="SkinBox" description="Style for all menu " /> */
/* <CSS label="Cartouche Rose" value="cartRose" type="PortletJsp" target="SkinBox" description="Style for all menu " /> */
.cartRose .cartouchesHeader{background-color:  #C00075;}
.cartRose .cartouchesTitre{background-color: #C00075; background-image:url(../images/hpskin_rs.gif);}
.cartRose .cartouchesTitre H1{background-image: url(../images/hpskin_rs2.gif);}
.cartRose .cartouchesTitre H1 span {background-color:#C00075; background-image: url(../images/hpskin_rs1.gif);}

.cartRose .cartouchesContent, .cartRose .cartouchesFooter{ background-color: #FDC5E7;}
.cartRose .cartouchesContent .links, .cartRose .cartouchesContent .links .linksHeader{background-color: #FFEEF8;}
.cartRose .cartouchesContent .links .linksHeader{ background-image:url(../images/links_hd_rs.gif); }
.cartRose .cartouchesContent .links .linksHeader div{ background-image:url(../images/links_hg_rs.gif);}
.cartRose .cartouchesContent .links .linksFooter{ background-image:url(../images/links_bd_rs.gif);}
.cartRose .cartouchesContent .links .linksFooter div{ background-image:url(../images/links_bg_rs.gif);}

.cartRose .titrepage2{background-image:url(../images/titres/trait_rose.gif);}
.cartRose .titrepage2 H1{color:#C00075;}

.cartRose .titreLignePage table {border-color:#FDC5E7;}
.cartRose .titreLignePage table thead{background-color:#FDC5E7;}
.cartRose .titreLignePage table tr.ligne0 th, .cartRose .titreLignePage table tr.ligne0  td{background-color:#FFEEF8;}

/* <CSS label="Cartouche Violet" value="cartViolet" type="PortletWYSIWYG" target="SkinBox" description="Style for all menu " /> */
/* <CSS label="Cartouche Violet" value="cartViolet" type="PortletJsp" target="SkinBox" description="Style for all menu " /> */

.cartViolet .cartouchesHeader{background-color: #5F20AC;}
etc...

Qu'ai-je manqué ?

J'ai peur de ne pas avoir bien posé ma question à la vue de ta réponse.
Ce que tu m'indiques c'est le fait d'écrire cartRose dans l'attribut class="" du div qui entoure la skin ?
Si c'est ça, mon soucis n'est pas à ce niveau, la classe cartRose est bien définie pour mon div de skin, mais c'est le css qui n'est pas chargé, alors que le css du fichier 1 /css/portal/jalios.css est bien :

1. parsé
2. chargé (disons disponible par firebug dans l'onglet "CSS"), ce n'est pas le cas de lmon fichier /plugins/MonPlugin/css/portal/plugin.css), qui lui est parsé, mais son contenu n'est pas chargé.

Ah ouais ! merci, j'avais pas pensé à ça (1:sélection du css portail)

Bon, pour t'éviter de perdre trop de temps, nous avons trouvé ce qui ne va pas, un commentaire dans lequel était écrit :

/* < précédent Retour suivant > */

Par contre, je veux bien des éléments de réponse sur le reste des mes interrogations.

Merci.