Blogger

[-Stash-] · August 2007

This is bloody peculiar, especially since I uploaded my ZIP with fx2...

jsamlarose · September 2007

Please excuse my n00bishness! If I wanted to update this so that the [X new] items link showed up as red if x>0, what might I have to do?

Thanks in advance for anyone that can point me in the right direction...

sjeeps · September 2007

Just add this line to vanilla.css:

#Discussions .Topics .DiscussionNew a {color: red;}

You can change the color to anything you want.

jsamlarose · September 2007

Thanks sjeeps - but that just chances that bit of text to red, regardless of whether there are new discussions or not. I'm trying to work it out so that the [x new] block will stand out particularly when there are new items - working along the same methodology as distinguishing the display of a discussion with NoNewComments, and one with NewComments. The red helps, but if all of the "new" text is red, there's not enough of a difference - the eye doesn't instantly skip to those discussions with new comments. I guess I could write something to hide the [x new] block if $new_items=0 - but I wouldn't know what variable to attend to, or where to put it, and I'm sure there's a more elegant way of doing it...

jsamlarose · September 2007

Found it.

Pasted the following into vanilla.css:

.NewComments .DiscussionNew a {
color:#c00 !important;
}

Does exactly what I was looking for.

tanyat · September 2007

Hi. I implemented Blogger at Iateapie.net and it works great except for the IE7 bug where there is a huge gap at the top of the content and I am using the latest version. Could you let us know what the fix was, so I could check my templates - not sure if it could be because I also made it fix width.

sjeeps · September 2007

@tanyat
In your modified vanilla.css file change this:

#Content #title {
	background: transparent url('vanilla.gif') no-repeat 0 34px;
	width: 90%; /* edited from 60% */
	font: 400 30px/38px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 30px 0 20px 70px;
}

To:


#Content #title {
	background: transparent url('vanilla.gif') no-repeat 0 34px;
	width: 80%; /* edited from 60% */
	font: 400 30px/38px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 30px 0 20px 70px;
}

You need the #Content #title width to be no more than 80% or 500px.

I'll release Blogger 1.4 soon with some nice modifications.

tanyat · September 2007

Thanks so much sjeeps - I had #Content #title set to 90% and changing it to 80% did the trick.

I know absolutely nothing about coding and such but since you are already working on another version of this great theme - I'll add my little discoveries. I changed #Container to a set width (850px) to get a fixed width center aligned layout and changed the search settings as described in another part of the forum to fix that page.

Things that happened (probably because of this change). If the text of the discussion title (on the comments page) is very long, it doesn't continue on another line - it just gets cut off by the "bottom of the page" text which is on the right.

On the discussions page, if the discussion title is long, it shifts to below the date instead of being beside it with the text continuing on another line.

I look forward to seeing the next version - and thanks again!!

sjeeps · September 2007

Ok, I'll get that fixed. Thanks

Lussumo Bot · September 2007

Version number changed from 1.3 to 1.4.

Lussumo Bot · September 2007

Uploaded version 1.4 of Blogger.

sjeeps · September 2007

New in 1.4:
- Added the index url to the forum's title.
- More stylish comments page.
- Added discussion title to the discussion link.
- Some new graphics.
- major fixes to display the theme properly in IE7.
- Better and friendlier font.

Requires Vanilla 1.1.3

erryl · September 2007

I LOVE this theme. Great job!

Just one thing tho, I have the page default set to categories, but once I installed this theme it reverted back to the default page of discussions. I have changed hte settings but i have had no sucess. Can anyone help me out with this? Thanks!

sjeeps · September 2007

@erryl
This has nothing to do with the theme...

"It is not possible to use a 'friendly url' for the default page, please use a 'dynamic url' instead:"

All you have to do is just go to Default Page Settings and set your default page to just categories.php, it works fro me.

Thanks!

erryl · September 2007

Thanks!! Sorry about my new-ness!!

truthmaster · October 2007

sjeeps,
Is there any way to get a timestamp on the front page, like the old Vanilla?

Truthmaster

truthmaster · October 2007

Ah, I fixed it. added the line back into the discussion.php file. Exactly what I needed. Thanks anyways and feel free to add to 1.5, if you want. :-) It's Mark's code anyways. haha. I can send you the php file.
Truthmaster.

erryl · October 2007

One more question. I would like to change the color of the mouseover in the Header from that green to another color that matches my logo better. Love the colors, just want to make it match more. I have bben thru all the things I know to look at.
Can yhou direct me tothe correct file to edit the color? THANK YOU!

I know I'll feel really dumb when you tell me, but I have spent so long already. Thanks so much.

erryl · October 2007

:) I'm still hunting. Not trying to be a pain but I am so frustrated with myself. Any direction you guys can help with is so appreciated!! :)

jimw · October 2007

I think the line you want to change is:

#Nav ul li a:hover, #Nav ul li.TabOn a {background: url('nav-arrow.gif') no-repeat center bottom;color: #FDCCFF;} /*jimw #69AE1D*/

This changes it from green to pink.

joefission · October 2007

Lurve this theme -- thanks for making it available. Just getting started with Vanilla, and am loving the extensibility. I ran into a few problems on IE 6.0 with a large gap between the title and pageinfo. Removing "clear:both;" from this line (172) in Blogger's vanilla.css worked for me: .PageInfo {color:#CCC;font-weight:700;line-height: 21px; clear:both;} But of course broke comments in IE, which was inelegantly solved by adding a few line breaks just about the PageInfo div in comments.php. Your mileage may vary, but it's worked so far for me in the browsers I've tried.

Sacha Sapra · November 2007

Cool theme!

Somehow the link Â«Botton of PageÂ» gets cut off. I only see the first 2 letters Â«BoÂ».

Len · December 2007

Hey sjeeps! I've got another quesiton for you...it just so happens I was working on a second vanilla forum and I choose blogger for it; didn't realize it was another one of your themes! This time, I'd like to change the info displayed for each discussion which is listed on the discussion page. Actually, I'd like to remove all of it except for the Discussion topic (duh!), the date stamp, and the category for which the discussion belongs. Everything else (started by, # of comments, last comment by, etc) I'd like to get rid of. Now remember..I'm still learning here. I have at least figured out that if I change the code between /* Discussion Index */ and /* Category Index */ I start seeing changes on my forum; but after lots of trial-and-error, I'm not getting the results that I want. The only thing that comes close is when I change font: 400 12px Arial, Helvetica, sans-serif; to font: 400 0px Arial, Helvetica, sans-serif; I squish all the text to a bunch of tiny dots which kinda has a cool effect, but again, that's not what I'm aiming for. I await your wisdom and direction oh great one!

sjeeps · December 2007

The easiest way to do this is to edit a few lines in vanilla.css file.

Change this:


#Discussions .Topics {margin: 20px 0 0;padding: 0;}
#Discussions .Topics .Date {
    margin: 2px 15px 0 0;
	float: left;
	width: 46px;
	height: 52px;
	text-align: center;
	background: url('date.gif') no-repeat 0 0;
}
#Discussions .Topics .Date .Month {color: #F1F1F1;padding: 2px 2px 3px 0;}
#Discussions .Topics .Date .Month, #Discussions .Topics .Date .Day {font: 700 12px/18px Arial, Helvetica, sans-serif;}
#Discussions .Topics .TopicTitle {font-weight: 700; margin-left: 61px;}
.DiscussionTopic a, #Discussions .Topics .TopicTitle a {font: 100 18px Arial, Helvetica, sans-serif; }
#Discussions .Topics .TopicInfo {margin: 5px 0 15px;padding: 2px 0 0;overflow: hidden;border-top: 1px dotted #BBB; }

To:


#Discussions .Topics {margin: 15px 0 0;padding: 0;}
#Discussions .Topics .Date {
    margin: 2px 15px 0 0;
	float: left;
	width: 46px;
	height: 52px;
	text-align: center;
	background: url('date.gif') no-repeat 0 0;
	display: none;
}
#Discussions .Topics .Date .Month {color: #F1F1F1;padding: 2px 2px 3px 0;}
#Discussions .Topics .Date .Month, #Discussions .Topics .Date .Day {font: 700 12px/18px Arial, Helvetica, sans-serif;}
#Discussions .Topics .TopicTitle {font-weight: 700; margin-left: 0;}
.DiscussionTopic a, #Discussions .Topics .TopicTitle a {font: 100 18px Arial, Helvetica, sans-serif; }
#Discussions .Topics .TopicInfo {margin: 5px 0 15px;padding: 2px 0 0;overflow: hidden;border-top: 1px dotted #BBB; display:none;}

Len · December 2007

Rock on! How simple could that have been? Now, this will work; however...would it be possible to display JUST the category that the discussion belongs to?

sjeeps · December 2007

Len said:...would it be possible to display JUST the category that the discussion belongs to?

Yep, it's possible by changing this line:

#Discussions .Topics .TopicInfo {margin: 5px 0 15px;padding: 2px 0 0;overflow: hidden;border-top: 1px dotted #BBB; display:none;}

Back to what it was:

#Discussions .Topics .TopicInfo {margin: 5px 0 15px;padding: 2px 0 0;overflow: hidden;border-top: 1px dotted #BBB;}

And then change this in themes/Blogger/discussions.php:


$DiscussionList .= '<ul class="TopicInfo">
			<li class="DiscussionStarted">
				'.$this->Context->GetDefinition('StartedBy').'<a href="'.GetUrl($this->Context->Configuration, 'account.php', '', 'u', $Discussion->AuthUserID).'">'.$Discussion->AuthUsername.'</a>
			</li>
			';
			if ($this->Context->Configuration['USE_CATEGORIES']) {
         $DiscussionList .= '
	   <li class="DiscussionCategory">
            '.$this->Context->GetDefinition('Category').'<a href="'.GetUrl($this->Context->Configuration, 'index.php', '', 'CategoryID', $Discussion->CategoryID).'">'.$Discussion->Category.'</a>
         </li>
      <li class="DiscussionComments">
         '.$Discussion->CountComments.'&nbsp;'.$this->Context->GetDefinition('Comments').'
      </li>
	  <li class="DiscussionLastComment">
         <span><a href="'.$LastUrl.'">'.$this->Context->GetDefinition('LastCommentBy').'</a>&nbsp;</span><a href="'.GetUrl($this->Context->Configuration, 'account.php', '', 'u', $Discussion->LastUserID).'">'.$Discussion->LastUsername.'</a>
      </li>';
      if ($this->Context->Session->UserID > 0) {
            $DiscussionList .= '
         <li class="DiscussionNew">
            <a href="'.$NewUrl.'">'.$Discussion->NewComments.'&nbsp;<span>'.$this->Context->GetDefinition('NewCaps').' </span></a>
         </li>
         ';

To:


$DiscussionList .= '<ul class="TopicInfo">
			';
			if ($this->Context->Configuration['USE_CATEGORIES']) {
         $DiscussionList .= '
	   <li class="DiscussionCategory">
            '.$this->Context->GetDefinition('Category').'<a href="'.GetUrl($this->Context->Configuration, 'index.php', '', 'CategoryID', $Discussion->CategoryID).'">'.$Discussion->Category.'</a>
         </li>
		 ';

Len · December 2007

sjeeps - YOU ROCK! I'm working on a new site for an associate of mine who runs a small real estate business. I thought I'd try to convert a vanilla forum into a realty listing site. So far it's looking pretty good. I would love for you to take a peek and get some feedback. I've got a "dummy" site set up at: www.schendelsworld.com/home

sjeeps · December 2007

Len said:I would love for you to take a peek and get some feedback. I've got a "dummy" site set up at...

Looks fine but the only one thing I didn't like is my removed credit link!

Len · December 2007

Whoops! That wasn't on purpose...If/when it goes into actual use I'll be sure to put that back! My apologies!!!

jherzog · December 2007

I like your theme a lot.

I found something you may want to update.

In two places you code absolute paths to images (the images that jump you to the bottom of the page or back to the top). Since people can change the "style" setting in Vanilla Themes (and probably for other reasons) these paths should be based on an "object based" path. I hope that makes sense I am not the best with lingo. But what I am getting at is this change.

In comments.php (~ line 24) Change:
src="themes/Blogger/styles/default/go-down.gif"
To:
src="'.$this->Context->Configuration['DEFAULT_STYLE'].'go-down.gif"
And in discussions.php (~line 50) Change:
src="themes/Blogger/styles/default/go-up.gif"
To:
src="'.$this->Context->Configuration['DEFAULT_STYLE'].'go-up.gif"

I hope that is helpful. Notice I did not paste the entire line (it was long) only the img src tag.

Howdy, Stranger!

Categories

In this Discussion

Blogger

Comments