Hi, http://platform.xwiki.org/xwiki/bin/view/DevGuide/Skins already given by Sorin should help you with most of your questions.
You could use http://extensions.xwiki.org/xwiki/bin/view/Extension/DebugSkinto see the part you want to change in what template is defined. Also take a look at the current style for Colibri https://github.com/xwiki/xwiki-platform/tree/master/xwiki-platform-core/xwiki-platform-colibri/src/main/resources/colibri and the structure https://github.com/xwiki/xwiki-platform/tree/master/xwiki-platform-core/xwiki-platform-web/src/main/webapp Thanks, Caty On Fri, Jan 18, 2013 at 6:03 PM, Naoufel Chbihi < [email protected]> wrote: > Thank you Sorin and Vincent for responding. > > I plan to make a lot of changes to the page layout and I already have CSS > and JavaScript files that I would like to use, so I would prefer a solution > that would allow the most flexibility. I looked through the ColorTheme > Application tutorial page suggested by Sorin but it seems that this > application only changes the colors, not the page layout. So, I would like > to try to override a skin. Regarding the Toucan skin, I was just tring to > use it as a test since it was part of the tutorial - I don't really need > it. > > I finally understood how to use class properties to override the skin. I > have been able to attached a logo to the skin document and reference it. > Now I'm trying to use custom CSS files and it doesn't seem practical to > attach CSS files to the skin document. So, here's what I would like to do: > 1. Upload my CSS files to the server (ex. to /xwiki/skins/myskin/) > 1. Use class properties to override various Velocity templates > 2. Reference the CSS files from the inside the Velocity templates that I > will write using the inline editor > > Question: How can I reference them from within the Velocity template? > > Thank you. > > Naoufel Chbihi > Technical Specialist | Spécialiste technique > Mainframe Operating System Technology | Technologie du système > d'exploitation des ordinateurs centraux > Service Management & Delivery (SM&D) | Gestion et prestation des services > (GPS) > Information Technology Services Branch (ITSB) | Direction générale des > services d'infotechnologie (DGSIT) > Shared Services Canada | Services partagés Canada > 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | 7038-700, chemin Montréal, > Ottawa, ON K1A 0P7 > Tel.: 613-748-2169 > Fax: 613-748-2617 > E-mail: [email protected] | [email protected] > > -----Original Message----- > From: [email protected] [mailto:[email protected]] On Behalf > Of Vincent Massol > Sent: Thursday, January 17, 2013 3:04 AM > To: XWiki Users > Subject: Re: [xwiki-users] Xwiki Enterprise 4.4: Custom skin for a space > > > On Jan 16, 2013, at 11:27 PM, Sorin Burjan <[email protected]> wrote: > > > Hello, see my comments below > > > > On Wed, Jan 16, 2013 at 11:40 PM, Naoufel Chbihi < > > [email protected]> wrote: > > > >> Hello > >> > >> I'm running Xwiki Enterprise 4.4 on Apache Tomca 6 and I'm trying to > >> create a custom skin for a space that I defined in the default wiki > >> but nothing is changing. I tried following the steps provided in > >> http://platform.xwiki.org/xwiki/bin/view/AdminGuide/Skins#HChangingth > >> eSkinatspacelevel(and specifying "toucan" as the skin) but nothing > >> happened. I also tried the procedure described in > >> http://platform.xwiki.org/xwiki/bin/view/DevGuide/Skins under "How to > override a Skin" sections A, B, C, D and F.1 but I didn't see any changes. > > What you've done should work fine. You just need to specify a skin that > exists. > > Thanks > -Vincent > > >> > > The Toucan skin was retired in 4.4-rc1, so it is no longer available > > in 4.4 final. It was considered deprecated and was not maintained > > anymore for some quite time now, and we decided to remove it. If you > > are still you want to use it, you can still download it and deploy it > > in your wiki instance (see > > http://extensions.xwiki.org/xwiki/bin/view/Extension/Toucan+Skin ) > > Colibri is now the only skin we bundle by default in XWiki products. > > XWiki skins are much more than just some css and js files, writing a > full skin from scratch requires quite a lot of work. > > > >> > >> Could someone please tell me how I can create a custom skin? I don't > >> mind doing it either through web interface or by editing files > >> directly on the server. > >> > > > > To solve your issue you have 2 options from my point of view: > > > > 1) If you want to have different look for each space, you should use > > the ColorTheme application (bundled by default), and create custom > > themes which can be applied on a per space basis. This is the easiest > > way of achieving what you want. For more info, look > > http://extensions.xwiki.org/xwiki/bin/view/Extension/Color+Theme+Appli > > cation > > 2) You can follow the tutorial on Overriding a skin and override the > > parts which you want to change. This approach is a little bit harder. > > > > Hope it will help > > > > Regards, > > Sorin B. > > > >> > >> Thank you. > >> > >> Naoufel Chbihi > >> Technical Specialist | Spécialiste technique Mainframe Operating > >> System Technology | Technologie du système d'exploitation des > >> ordinateurs centraux Service Management & Delivery (SM&D) | Gestion > >> et prestation des services > >> (GPS) > >> Information Technology Services Branch (ITSB) | Direction générale > >> des services d'infotechnologie (DGSIT) Shared Services Canada | > >> Services partagés Canada 7038-700 Montreal Road, Ottawa, ON K1A 0P7 | > >> 7038-700, chemin Montréal, Ottawa, ON K1A 0P7 > >> Tel.: 613-748-2169 > >> Fax: 613-748-2617 > >> E-mail: [email protected] | [email protected] > > _______________________________________________ > users mailing list > [email protected] > http://lists.xwiki.org/mailman/listinfo/users > _______________________________________________ > users mailing list > [email protected] > http://lists.xwiki.org/mailman/listinfo/users > _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
