Page 1 of 1

Serendipity Calendar Sidebar Plugin Customization

Posted: Mon Nov 05, 2007 3:23 pm
by dashboy
I thought I'd like to share this one out as I've tried searching but can't find any solution to this problem I was having. Using the blue colorset of Bulletproof, I found that the calendar's day links and day text, both have similar colors (on my monitor at least) and there wasn't any css code in the blue_style.css.

But finally I found something in plugin_calendar.tpl and through trial and error (I'm a noob in css btw, just know how to copy/paste :D ), I came up with the codes below that I've added to my custom style css file and it's working as I wanted.

So, for those who are looking for the same thing, just add the codes below to your bulletproof css file and customized your heart's out. Hmm... I wonder if there's some other better way though.

Code: Select all

.serendipity_calendarDay a {
font-weight: bold;
color: #000000;
text-decoration: underline;
}

.serendipity_calendarDay a:hover {
font-weight: bold;
color: #FF0000;
text-decoration: underline;
}
Btw, I've just noticed that the day link in the calendar links to the Entry Body but not the whole post (Entry Body + Extended Body). Is this meant to be this way?

Posted: Mon Nov 05, 2007 3:54 pm
by Don Chambers
You can certainly style that. You can style the entire cell for active links too, not just the link. To see what I mean, try this:

Code: Select all

.serendipity_calendarDay.Active.Link {
    border: 1px solid #cfcfcf;
    background-color: #dfdfdf;
}

As far as linking to the entry, and not the extended entry... that is intentional. The idea is to list all entries for that date. You might only have one, but think of what you would want to see if you had 3-4 entries for a single day.

Posted: Mon Nov 05, 2007 4:08 pm
by dashboy
Don Chambers wrote:You can certainly style that. You can style the entire cell for active links too, not just the link. To see what I mean, try this:

Code: Select all

.serendipity_calendarDay.Active.Link {
    border: 1px solid #cfcfcf;
    background-color: #dfdfdf;
}

Now, this is what I wanted! Thanks! :D
Don Chambers wrote:As far as linking to the entry, and not the extended entry... that is intentional. The idea is to list all entries for that date. You might only have one, but think of what you would want to see if you had 3-4 entries for a single day.
True... never thought of that. Thanks again. :)

Posted: Mon Nov 05, 2007 4:35 pm
by Don Chambers
Here is another piece of unsolicited advice!!! :lol:

I see you are using a sidebar nugget for your feedburner stuff. You have 2 links, one of which looks something like this:

Code: Select all

<a href="http://feeds.feedburner.com/dashken-iblog" rel="alternate" type="application/rss+xml">
If you want the xml icons to look the same there as they do elsewhere on your blog (ie, blue), just add the same class those other icons use and bulletproof will make the substitution. In other words, something like this:

Code: Select all

<a class="serendipity_xml_icon"  href="http://feeds.feedburner.com/dashken-iblog" rel="alternate" type="application/rss+xml">

Posted: Tue Nov 06, 2007 8:29 am
by dashboy
Unsolicited? :lol: Thanks!

Had to add a crude inline css padding-bottom of 4px to the 1st link though to make it ermm... break from the 2nd line a little like the top 'Syndicate This Blog' plugin. A < br > just breaks too much. Can't find the proper class to do this, so just added that to get it done. Can add a new class in css but too many classes just make my head turn. :D

Thanks again!

Code: Select all

<div style="padding-bottom: 4px;"><a class="serendipity_xml_icon" href="http://feeds.feedburner.com/dashken-iblog" rel="alternate" type="application/rss+xml">    Subscribe in a reader</a></div>

<a class="serendipity_xml_icon" href="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1185084&loc=en_US">    Subscribe to Email Alerts</a>
Hmm... on 2nd thought, maybe I should just add a new class. :idea:

Posted: Tue Nov 06, 2007 2:25 pm
by Don Chambers
dashboy wrote:Had to add a crude inline css padding-bottom of 4px to the 1st link though to make it ermm... break from the 2nd line a little like the top 'Syndicate This Blog' plugin. A < br > just breaks too much. Can't find the proper class to do this, so just added that to get it done. Can add a new class in css but too many classes just make my head turn. :D

Hmm... on 2nd thought, maybe I should just add a new class. :idea:
Nothing absolutely awful about using inline styling. If you really wanted to, you could give the entire html nugged its own id or class, and add css as necessary if you want. Sometimes, for a single element like this, what you already have is good enough.

Posted: Tue Nov 06, 2007 3:05 pm
by dashboy
Yeah, didn't add anything in the end. As long as it works, I'm happy. :D