1260 Posts in 349 Topics by 485 members
|
Page:
1
|
Go to End | |
| Author | Topic: | 1168 Views |
-
Problems with BrightSide and SilverStripe 2.3.1
26 March 2009 at 12:50am
Hi,
I am new to SilverStripe and web development in general. I read all the tutorials and wanted to start out with the BrightSide theme.
First problem was that with a fresh installation BrightSide requires the blog module. I could either comment out the lines in Page.ss with "blog" in it or install the blog module. I decided for the latter bringing me to the problem I could not figure out :
On the Home page the theme is supposed to show the lates Blog posts in the right sidebar. Apparently "<% if ChildrenOf(Blog) %>" fails in Page.ss , why is that ?
-
Re: Problems with BrightSide and SilverStripe 2.3.1
6 April 2009 at 7:22pm
Ok I replaced the rightbar code with :
<h1>Last Blog Post</h1>
<% control LatestNews %>
<h3>$MenuTitle</h3>
<p>$Content.LimitWordCount(30) <br ><a href="$Link">Read the full post</a></p>
<% end_control %>(similar to the tutorial code) and now it works.
I have another question you might be able to help.
How can I highlight the current tab of the selected page. The theme comes with highlighting on hover. I know that SilverStripe comes with the LinkingMode class, which returns the status. My problem is with the css in Brightside, which I don't understand. As far as I understand this is the relevant code in typography.css :
/* menu tabs */
.typography #header a {
float:left;
background: url(../images/tablef.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
.typography #header a span {
float:left;
display:block;
background: url(../images/tabright.gif) no-repeat right top;
padding:6px 15px 3px 8px;
color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.typography #header a span { float:none; }
/* End IE5-Mac hack */
.typography #header a:hover span { color:#FFF; }
.typography #header a:hover { background-position:0% -42px; }
.typography #header a:hover span { background-position:100% -42px; }
.typography #header #current a {
background-position:0% -42px;
color: #FFF;
}
.typography #header #current a span {
background-position:100% -42px;
color: #FFF;
}How can I make it hightlight the current visited page ?
| 1168 Views | ||
|
Page:
1
|
Go to Top |
