VaneaBlack 1.1

litbynature · September 2006

Wow....

excellent work.

http://static.flickr.com/102/254721211_5d1399b416_o.png

blizeH · September 2006

Indeed, absolutely lovely, the best style I've seen so far and even manages to (maybe) go one better than the default and the Soulscape themes (although only just ;p).

But still, incredible.

blizeH · September 2006

Just noticed one small bug btw, it doesn't highlight unread topics in a different colour ;o

LooZ^ · September 2006

Yup. Any idea how i can fix it?

Ben · September 2006

Now that's easily the best we've had yet.

iambigred · September 2006

The unread comments colour is my only niggle, other than that it's amazing! I've just set it as the default theme on the forum I manage

Alex

ithcy · September 2006

yeah, the unread comments needs a touch of highlighting. but this is the best style ever.

Camie · September 2006

The bug was fixed. I just updated the file.

Enjoy it!

blizeH · September 2006

Many thanks, but it seems that even with the new version it's not showing the new comments :(

Camie · September 2006

unread comments? new comments? ...
oh, I missed it.

OK, also done. And the file was updated.

Colin · September 2006

Looks like the OS design Transperentia. Great work.

blizeH · September 2006

Utterly fantastic, thank you!

It's going to take something very special to top these style imho, there are only two very small niggles I have with it (and one's self induced, and the other's just a matter of personal preferance!) and it's about as close to perfect for me as you could get. <3

// edit - Wait a minute! It still hasn't updated! Haha.

ithcy · September 2006

there are some strange issues with the panel. list items are indented but not padded so the second line of text goes all the way to the left edge. i made some replacement css for the panel section if anyone wants to try it.

/* Panel */

#Panel {
	float: left;
	width: 195px;
	padding: 10px 15px 0 20px;
	background: url(panel_fadetop.png) right top no-repeat;
}

#Panel a:hover { text-decoration: underline;}

#Panel h1 {
	height: 26px;
	line-height: 26px;
	border: 1px solid #E5E5E5;
	border-top: 0;
	Xborder-top: 1px solid #E5E5E5;
	background: url(bgfade.png);
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#Panel h1 a {
	padding-left: 18px;
	background: url(panel_h1_pen.gif) left top no-repeat;
	color: #D34141;
}

#Panel h2 {
	margin: 0;
	margin-top: 10px;
	background: url(bgfade.png) #fafafa top left repeat-x;
	font-size: 12px;
	line-height:18px;
	font-weight: bold;
}

#Panel ul {
	list-style: none;
	margin: 0;
	margin-top: 10px;
	border: 1px solid #E5E5E5;
}

#Panel ul li ul
{
	border: 0;
}

#Panel ul li {
	width: 185px !important;
	padding: 0;
	margin: 0;
	border-top: 1px solid #E5E5E5;
	background: #FBFBFB;
	color: #666;
	line-height: 18px;
	width: 193px !important;
}

#Panel ul li a {
	color: #666;
}

#Panel ul li h2 {
	width: 183px !important;
	margin: 0 -5px 0 -0px;
	padding: 0 5px 0 5px;
	border: 0;
}

#Panel ul li ul {
	margin: 0;
}

#Panel ul li ul li {
	padding: 2px 5px 2px 5px;
	width: 183px !important;
}

#Panel p {
	width: 195px;
	text-align: center;
}

#AboutVanilla {
	padding: 3px 0px;
	border-top: 1px solid #EEE;
	background: #FAFAFA;
	color: #BBB;
}
#AboutVanilla a {
	color: #C5C5C5;
	text-decoration:none;
}
#AboutVanilla a:hover {
	color: #AAA;
	text-decoration:underline;
}

blizeH · September 2006

Sorry for being a pain, but how do I make it so whispers are displayed in different colours? Cheers

blizeH · October 2006

Ahh, sorry!

For some reason it's still not showing new comments properly either for me, for example:

Unfortunately does that in IE/FF/Opera

icouto · October 2006

This theme does not seem to work in Safari: the tabs seem to be out of place for me - they appear INSIDE the white discussion list, instead of over it.

It also does not seem to work with the 'legend' extension - check the large screenshot from the download page.

blizeH · October 2006

Bumpedy bump bump!

garvin · October 2006

There is a problem with the tabs. I am running an 800x600 screen. If you are using the page manager extension and have added 2 or more pages, it will kick the last tab to a second line, and totally f up the layout. its somewhat annoying, but i worked around it by eliminating some of my tabs. The nav bar is over the main body, but not over the side panel. It needs to be put over everything if you want more pages in your top nav.

blizeH · October 2006

Bumpedy bump bump!

Krak · October 2006

Why the bumping.

Camie · October 2006

Sorry, so busy these days.

Really many problems to solve... The new version was just uploaded.

blizeH: maybe the new version is that you want.

icouto: sorry, I haven't tested in Safari, so I can't fix the bug so far.
It works with "legend" extention now.

garvin, to solve this problem, please edit the vanilla.css:
search "#Header ul" , change "margin-left: 240px" to "margin-left: 0" or the other number

garvin · October 2006

Awesome. Looks great. Thanks Camie.

blizeH · October 2006

Most excellent, thank you!

Nordelius · October 2006

imho, VaneaBlack is the best Vanilla style ;)

Look at these pictures (total: ~ 24kb):

_http://nordelius.net.ru/i/vanea-start-discussion.png
_http://nordelius.net.ru/i/vanea-preview-comment.png

... see what happens when Preview Post v2.1 extension is enabled ...
I'm using VaneaBlack v1.2.1, Vanilla v1.0.1.. Tested in Opera v9.02, Mozilla v1.5.0.7, Internet Explorer 6.0.SP2.

Hm.. see, there's number "0" displayed when discussion topic text is deleted and no comments posted ;)

Jawi · October 2006

could somebody help me with this little css problem.

IÂ´m running vanilla 1.0.1 (MultiRoles 1.0, Attachments 2.0, InlineImages 1.0, DiscussionOverview 1.0)

How to get rid of the scrollbars? Please look at the following screenshots:

Firefox: http://img136.imageshack.us/img136/6844/vaneablackfirefoxus2.png
IE6: http://img133.imageshack.us/img133/623/vaneablackie6nz0.png

MySchizoBuddy · October 2006

u will have to use overflow:hidden

jimw · October 2006

I have one problem with the Page Management extension in that the Page HTML field is only 2 lines long. This makes it difficult to edit a lengthy bit of html I have for my page. How would I enlarge this field to about 10 lines?

Camie · October 2006

New version was updated.
I fix some small bugs.

jimw · October 2006

I updated my forum with the latest version and have a question. I now see 2 icons for a discussion: the icon_discussion and the icon_red. What does the icon_red indicate?

Camie · October 2006

the unread discussions

jimw · October 2006

Just thinking out loud concerning usability and how a visitor and a registered user will interpret the 2 icons --- What do both icons refer to? Is the first one the discussion itself?
Sorry if this appears to be a dumb question but I think that having 2 icons is confusing.

Edit: I noticed that if you change the icon_sticky to add the 5px like the other icons, it displays better.

Another edit (as I test): If you remove the background display of the icon_discussion in the #Discussion css and then add ".NewComments" in front of the ".DiscussionTopic" where the icon_red is displayed, you seem to get a better display of the icons for a user. That is, when you are logged in, you will see the 2 icons display if there is an un-read comment. Then when you read it, you will only see the discussion icon.
Visitors to the forum will still see both icons which I think is okay.

Howdy, Stranger!

Categories

In this Discussion

Ready to contribute?

VaneaBlack 1.1

Comments