Hello,

I think you must update TurbineRessource.properties :

#########################################
# Stylesheet.                           #
#########################################
#Use this to specify the HTML stylesheet
#site.stylesheet=css/default.css
site.stylesheet=css/myskins.css

And update the skin.xreg for add your skin-entry

-----Original Message-----
From: Archana Turaga [mailto:[EMAIL PROTECTED] 
Sent: 11 f�vrier 2004 11:11
To: [EMAIL PROTECTED]
Subject: RE: Skinning portlets---help

Thanks,
Based on your e-mail this is what i did:

I added a MyNewSkin entry to the xreg file (look below):

<?xml version="1.0" encoding="UTF-8"?>
<registry>
    <skin-entry name="ccportal-skin" hidden="false">
        <property name="text-color" value="#ffffff" hidden="false"/>
        <property name="background-color" value="#ffffff" hidden="false"/>
        <property name="title-text-color" value="#000000" hidden="false"/>
        <property name="title-background-color" value="#beceef" hidden="false"/>
        <property name="title-style-class" value="TitleStyleClass" hidden="false"/>
        <property name="highlight-text-color" value="#ffffff" hidden="false"/>
        <property name="highlight-background-color" value="#6331ff" hidden="false"/>
    </skin-entry>
    <skin-entry name="MyNewSkin" hidden="false">
        <property name="portlet-skin-class" value="MyNewSkinClass"
hidden="false"/>
    </skin-entry>
</registry>

My css file which is named myskins.css looks like this (i just copied over the metal 
look and feel so that i can see first how it works):

/**
 My Skin that uses the cascading capability of CSS **/

.MyNewSkinClass .PTitleLeft
{
 /**
 Needs to specify the width of image used  otherwise it won't show !
 **/
 width:10px;
 
 /** Always use relative path ! **/
 background:  url(../images/html/skins/Metal/titleleft.gif);
}

.MyNewSkinClass .PTitle
{
 /**
 Specify the height of the image used
 else it will use the text height
 **/
 height:16px;
 color:#FFFFFF;
 background:  url(../images/html/skins/Metal/title.gif);
}
 
.MyNewSkinClass .PTitleRight
{
 /**
 Needs to specify the width of image used  otherwise it won't show !
 **/
 width:10px;
 background:  url(../images/html/skins/Metal/titleright.gif);
}

MyNewSkinClass .PContentLeft
{
 width:10px;
 background:  url(../images/html/skins/Metal/contentleft.gif);
}

MyNewSkinClass .PContent
{

}

MyNewSkinClass .PContentRight
{
 width:10px;
 background:  url(../images/html/skins/Metal/contentright.gif);
}

.MyNewSkinClass .PBottomLeft
{
 width:10px;
 background:  url(../images/html/skins/Metal/bottomleft.gif);
}

.MyNewSkinClass .PBottom
{
 /**
 Specify the height of the image used
 else it won't appear
 **/
 height:13px;
 background:  url(../images/html/skins/Metal/bottom.gif);
}

.MyNewSkinClass .PBottomRight
{
 width:10px;
 background:  url(../images/html/skins/Metal/bottomright.gif);
}


* THEN i modified default.css to include myskins.css....

Do you see anything else i need to do?

If i want to add the border width and color where can i add it in the above css file?
Thanks for your help,

Regards,
Archana


>>> [EMAIL PROTECTED] 02/11/04 02:28AM >>>

You shouldn't use both portlet-skin-class and other stuff of skinning.

portlet-skin-class is self sufficient for an all skin, but you can't mix it with 
text-color and stuff like that.

check this mail where I first explained how to use portlet-style-class :

http://www.mail-archive.com/[EMAIL PROTECTED]/msg08920.html

The only available example would be Metal skin and its classes.

HTH,
Aurelien

Archana Turaga a �crit :

> I did and did the following:
> 
> <registry>
>  <skin-entry name="myskin" hidden="false">
>   <property name="text-color" value="#ffffff" hidden="false"/>
>   <property name="background-color" value="#ffffff" hidden="false"/>
>   <property name="title-text-color" value="#000000" hidden="false"/>
>   <property name="title-background-color" value="#beceef"
>   hidden="false"/> <property name="title-style-class"
>   value="TitleStyleClass" hidden="false"/> <property
>   name="highlight-text-color" value="#ffffff" hidden="false"/>
>   <property name="highlight-background-color" value="#6331ff"
> hidden="false"/> <property name="portlet-style-class"
>  value="BorderedPortlet" hidden="false"/> </skin-entry> </registry>
> 
> If you look at the above i added the "portlet-style-class" to be set 
> to BorderedPortlet and in the my css file i overrode the 
> BorderedPortlet with the following values
> 
> .BorderedPortlet
>   {
>     background-color: white;
>     border: thin red solid;
>     font: normal;
>     color: black;
>     padding: 4;
>   }
> 
> Do you see a problem here? Am i completely way off?
> 
> Thanks for your responses.
> 
> Archana
> 
> 
> 
>>>> [EMAIL PROTECTED] 02/10/04 07:00PM >>>
> Answer to your first question check  out skin.xreg  file in  conf 
> directory. And for  2nd, you have to do a little. Keep  file aside and 
> the copy  it back.
> 
> 
> ~suchi
> 
> 
> -----Original Message-----
> From: Archana Turaga [mailto:[EMAIL PROTECTED]
> Sent: Tuesday, February 10, 2004 4:50 PM
> To: [EMAIL PROTECTED]
> Subject: Skinning portlets---help
> 
> 
> Hi,
> I spent the whole day today experimenting with the layout of the 
> portlets with respect to their color, backgroung etc.
> What i found is i can edit the jetspeed-vm and jetspeed-tab.vm to edit 
> the portlet border etc.
> 
> This is where my problem is:
> 
> 1st question: I set the border from 0 to 6 for the table in 
> jetspeed-vm...now all my portlets have a border (which is what i want) 
> but has a dark gray color...i'm trying to figure out where this color 
> is being specified...i guess one of the stylesheets..but i know i'm 
> going to be digging around for sometime. I want to change the color of 
> this border...how can i do this and what is the procedure involved?
> 
> 2nd question(nothing to do with skinning): I'm editing the jetspeed 
> velocity files directly...so in future there is a new jetspeed release 
> i'll have to make sure that i do not lose the changes i made to 
> jetspeed.vm....is there a way to avoid this problem?
> 
> If anyone knows the answer to any of these problems please help....
> 
> Thanks in advance for your time and patience, Regards, Archana
> 
> 
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: [EMAIL PROTECTED]
> For additional commands, e-mail: [EMAIL PROTECTED]

---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]


---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]

Reply via email to