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]
