PatternSkinCssCookbookSidebarBackground < System

You are here: Foswiki>System Web>Skins>PatternSkin>PatternSkinCssCookbook>PatternSkinCssCookbookSidebarBackgroundEditAttach

Tags: , view all tags

---+!! PatternSkinCssCookbook Recipe: Sidebar background color
To see if the background color really extends beyond the body, we make the body contents longer than the sidebar.

Note that to set the background color, we set both =patternWrapper= and =patternSideBar=:
<verbatim class="css">
#patternWrapper,
#patternSideBar {
	background-color:#eee;
}
</verbatim>

<div class="foswikiHelp">
This line loads the extra style definition:
<verbatim class="tml">
   * Set USERSTYLEURL = %PUBURLPATH%/%SYSTEMWEB%/PatternSkinCssCookbookSidebarBackground/sidebar.css
</verbatim>
You can write this line in %SYSTEMWEB%.DefaultPreferences, in %USERSWEB%.SitePreferences, in WebPreferences, in your user topic, or on a single page.
</div>
<!-- %JQREQUIRE{"chili"}% -->

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

dummy content to make this page longer

<!-- %JQREQUIRE{"chili"}% -->

Topic attachments
I	Attachment	Action	Size	Date	Who	Comment
css	sidebar.css	manage	0.1 K	25 Aug 2010 - 21:41	UnknownUser	css to give the sidebar a background color

Topic revision: r1 - 25 Aug 2010, ProjectContributor

System

Copyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback