On Sun, 22 Jan 2012, Sergiu Dumitriu wrote:

On 01/22/2012 07:56 AM, Kaya Saman wrote:
Hi,

I wonder if anyone can help me as I've tried to obtain help from the
Xwiki Users list but didn't work?

After an upgrade from my old version of Xwiki which was 2.x (I think I
built it in 2010) to 3.1.1 I ended up seeing this as my admin panel:

http://www.optiplex-networks.com/xwiki/bin/download/Main/WebHome/Screenshot-190112-200518.png


In comparison with my old Xwiki instance this doesn't look right.

Looks like you have a custom skin based on Toucan. Well, in the meantime the Toucan CSS has changed a bit, you should integrate those changes back into your skin.

Generally, it's a bad idea to copy and modify the base skin, you should include it from your CSS and override the things you want changed. This way it will be easier to upgrade.


Well.... playing around and reading a lot I have managed to get this far:


*I went to the Edit Skin page using the Admin Panel.
*I then changed the name within the URL of my browser to ....Xwiki/WWW_Skin
*I added an object called XwikiSkins
*I included this syntax in the wiki text editor:

$msg.get("xe.admin.skin.makeyourown")

* <a href="$doc.getURL('edit', 'editor=object&amp;classname=XWiki.XWikiSkins')">$msg.get('xe.admin.skin.editskin')</a>
* [$msg.get('xe.admin.skin.testskin')>Main.WebHome?skin=${doc.fullName}]

*Then uploaded my images to the new page
*Added my logo within the **logo** section
*Now am stuck!!! :-)

I wrote about how to change skins ages back:

http://wiki.optiplex-networks.com/xwiki/bin/view/Wiki/Background


but this edits the default Toucan skin directly within the xwiki/skins/toucan dir.

Using the CSS code:


body#body,
#allviewpanels .accordionTabContentBox{background-image: url( ../../images/colors/gray/H4x4-GRAY.png); }

body#body #xwikimaincontainer,
body.hideright #xwikimaincontainer,
body#body.hideright  #xwikimaincontainerinner,
body.importbody #xwikimaincontainerinner,
body.exportbody #xwikimaincontainerinner,
body.adminbody #xwikimaincontainerinner,
body.hidelefthideright #xwikimaincontainerinner,
body#body.hidelefthideright  #xwikimaincontainerinner
{  background-image :url( ../../images/colors/bg/gpl-red.png) ; }

#xwikimaincontainerinner,
body#body.editbody #xwikimaincontainerinner,
body#body.eportbody #xwikimaincontainer,
body#body.importbody #xwikimaincontainer,
body#body.adminbody #xwikimaincontainer,
body#body.hidelefthideright #xwikimaincontainer,
body#body.hideleft #xwikimaincontainer,
body#body.editbody #xwikimaincontainer
 {  background-image :url( ../../images/colors/bg/gpl_right-red.png) ;}

body#body.editbody #globallinks,
#globallinks,
#rightPanels,
#editPanels.panels{ background-image: url( ../../images/colors/bg/gpl-red.png);}

#company { background-image: url( ../../images/colors/bg/gpl-red.png); }



But in order to do the same thing I will need to transfer this document within the xwiki/skins/toucan dir. This of course means that whenever an upgrade is performed I loose everything or the wiki will use the old CSS code??


However, I may just do this in any case as it may be the only way round my issue..

It would be great if like for the logo section there was a section within the admin panel for background image!


Regards,


Kaya
_______________________________________________
devs mailing list
[email protected]
http://lists.xwiki.org/mailman/listinfo/devs

Reply via email to