28 Aug
2010
28 Aug
'10
11:06 a.m.
Thanks very much for the advise and the links.
I read through them and now understand a bit more!!
However, since I attempted to customize the basic toucan.css file by
commenting out the old image code and adding new image code in. Eg:
body {
font-size: 87.5%; /* 10px */
font-family: sans-serif;
color: #222;
width: 100%;
padding: 0;
margin: 0;
min-width: 970px;
###background-image: url( images/colors/gray/H4x4-GRAY.png );
background-image: url($xwiki.getSkinFile("gpl.png"));
background-color: #fff;
}
I am still lost as I'm not actually sure which image makes for the
background itself - not the default white area where the text goes but
the area behind the whole wiki that for generic Toucan skin is grey but
then is changed to purple on the http://platform.xwiki links.
As I've mention I managed to change the top left picture, and the logo
which was easy. However on my first attempt I did change the rest but
after altering again things started to go funny!!
I'm really lost with this one.
Regards,
Kaya
On 08/28/2010 11:32 AM, Raluca Stavro wrote:
Hello,
I tend to think that your CSS selectors are not specific enough. See
http://www.w3.org/TR/CSS2/cascade.html .
You have to make sure that your CSS rules are taken in account after
the default XWiki CSS rules (ex: CSS StyleSheet linked in the header
after the default ones that contain the rules that you want to change
=> this can be done by using skin extensions
http://platform.xwiki.org/xwiki/bin/view/DevGuide/SkinExtensionsTutorial
) and you have to make sure that your selector's specificity is
correct.
Raluca.
On Sat, Aug 28, 2010 at 9:38 AM, Kaya Saman<kayasaman(a)gmail.com> wrote:
Thanks Lockie for the suggestion only the same
thing is happening!!
Firebug definitely shows the CSS alright but I alter what the screen is
telling and nothing happens even though Firebug reports the change after
a refresh....
The issue is that the CSS is quite complex and am no CSS expert meaning
that if things are dependent on certain criteria I won't be able to see it.
Am back where I started I guess :-(
Regards,
Kaya
On 08/28/2010 03:51 AM, Lockie wrote:
_______________________________________________
users mailing list
users(a)xwiki.org
http://lists.xwiki.org/mailman/listinfo/users
Hi Kaya,
While I haven't worked with Toucan skin before, the easiest way to edit the
.css file of any skin is to get the Firebug addon for the Firefox browser.
Then its just a matter clicking on the html in the main panel, and seeing
what css is related to which part of the skin in the right panel.
http://getfirefox.com/
http://getfirebug.com/
Hope that helps,
Lockie
_______________________________________________
users mailing list
users(a)xwiki.org
http://lists.xwiki.org/mailman/listinfo/users