Hello,
I found an answer to one of my own questions.
Q: The little detail the annoys me concerns the rounded corners on the
menu. When I changed the "body" color I discovered that "body" in this
skin is not what the content is written on, but what appears below the
footer (when the page is short) and beneath the menu (in the "layers"
sense). So when I changed this color to not white, the "pointy" parts
of the menu bottom corners showed up.
A: The bottom-left corner is set in site2xhtml.xsl:
<div id="roundbottom">
<img
src="{$skin-img-dir}/rc-b-l-15-1body-2menu-3menu.png"
alt="" width="15" height="15" class="corner"
style="display: none" />
</div>
Changing the src to "{$skin-img-dir}/rc-b-l-15-1content-2menu-3menu.png" makes
its point disappear, too.
It works! But I'm even more confused now. It has "display: none" and it
is in a div with id=roundbottom, so why is the hidden image displayed
instead of the roundbottom(rc-b-r- ) background-image? Off-topic, skip
it...I'll work it out.
Regards,
Maurice
a) I found in the screen.css
#roundbottom {
background-image: url(images/rc-b-r-15-1body-2menu-3menu.png);
background-repeat: no-repeat;
background-position: top right;
}
Adding an entry in skinconf for
<color name="content" value="#FFFFFF" />
("content" is not a color name in the standard list, BTW, in neither the
skinconf.xml for a project nor the skinconf.xsl for pelt, but I find it
useful in this case)
and changing the roundbottom style to
#roundbottom {
background-image: url(images/rc-b-r-15-1content-2menu-3menu.png);
background-repeat: no-repeat;
background-position: top right;
}
worked, but only for the bottom right corner (rc-b-r appears to mean
roundcorner-bottom-right). I cannot find the equivalent for the bottom
left corner anywhere! And its point is still colored...can someone
please tell me how to fix this corner, too?
