PDA

View Full Version : Charcoal


Brueskie
02-11-2008, 10:00 PM
Hello, all!

This is a clean and straightforward near-black and charcoal colored theme. I made the effort to recolor the editor buttons and get rid of the ugly beveled fieldsets and border around the editor. Just thought I'd mention that, as I've found many dark themes neglect these areas. It might not be a big deal to some, but I'm picky as hell. lol

The attached screenshots of the theme are shown at a fixed width of 800 pixels. However, I've designed the skin to honor the "Main Table Width (pixels or percentage)" field in the theme's Style Manager. It will work fine at both fixed and fluid widths.

Included are PSDs for the generic logo and buttons.

________________________________________


Installation and Editing Instructions:

Extract the contents of the charcoal-theme.zip file.

Upload the folder named "charcoal" which contains the theme's images to your forum's images directory on your web server.

Go to the "Download/Upload Style" section of your Admin Control Panel. Under the "Import Style XML File" section, browse for and import the charcoal-style.xml file. You may leave the other options at their defaults.

To change the links at the top, merely edit the code in the header template. I've commented the code to be edited. Likewise, where you see "You can put an ad, image, etc. here" just below the links code, you can edit it to insert images, ads, etc. or remove it all together (be sure to leave the containing div intact, however).

Per above, you can change your forum's width by editing the "Main Table Width (pixels or percentage)" field in the theme's Style Manager. Both fixed and fluid widths will work.

________________________________________

If you'd like to hire me to do additional customization to the theme (logo, additional theme changes, etc.) just send me a PM.

I hope you enjoy it and, if you do, remember to click "Mark as Installed"!

SuperTaz
02-13-2008, 12:17 AM
Nice style.

Brueskie
02-13-2008, 11:45 AM
Nice style.
Thank you, Warden. :)

glennybee
02-13-2008, 02:36 PM
Thanks you Brueskie!

This is very nice. Installed and very easy on the eye.

:)

EDIT:

I've noticed that there's no logo (banner) if you have vBadvanced CMPS installed, i.e. on Portal page? It does, however, show a hyperlink to the portal page in it's location.

On the Default Skin, it's the 'vbulletin3_logo_white.gif' logo. I've tried copying this to /images/charcoal/misc but doesn't help.

Do you know how I could add a logo please?

Thanks :)

Brueskie
02-13-2008, 03:52 PM
Thanks you Brueskie!

This is very nice. Installed and very easy on the eye.

:)

EDIT:

I've noticed that there's no logo (banner) if you have vBadvanced CMPS installed, i.e. on Portal page? It does, however, show a hyperlink to the portal page in it's location.

On the Default Skin, it's the 'vbulletin3_logo_white.gif' logo. I've tried copying this to /images/charcoal/misc but doesn't help.

Do you know how I could add a logo please?

Thanks :)
Did you try updating the image paths in vB CMPS via its install file? It's been a while since I've used it but, if I remember correctly, that should take care of your problem.

If not, you can also try changing the "Title Image" field in the style manager to the full logo URL instead of the relative path.

glennybee
02-13-2008, 06:49 PM
I've inserted the full url in the StyleVars options and it's now displaying all icons, borders and headers.

Well chuffed, great skin.

Thanks again.

Titch-da-midget
02-14-2008, 05:43 PM
Great skin :D
Thanks a lot :)

djhassoo
02-15-2008, 04:25 PM
im facing some problem with my logo. check www.sabset.com there is logo is not at right point

LorinPotter
02-15-2008, 04:58 PM
This style seemed ideal for my forum. I've installed it on the test site, but as soon as fellow admin agrees, I'll be putting it on the forum at vulcanriders.us/forum

Brueskie
02-15-2008, 05:05 PM
im facing some problem with my logo. check www.sabset.com there is logo is not at right point
For some reason, the cellpadding in the first table containing the logo in the header is "5" instead of "0" in your install of this theme.

It should look like this:


<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center" style="background: url($stylevar[imgdir_misc]/header.jpg) repeat-x top;">

djhassoo
02-15-2008, 06:44 PM
i've try to change that with 0 to 10 but still not at right point

djhassoo
02-15-2008, 07:19 PM
problem solved, problem is actually not at 1st table anywayz, Thanks

Brueskie
02-15-2008, 07:52 PM
problem solved, problem is actually not at 1st table anywayz, Thanks
Glad you got it lined out! :)

glennybee
02-15-2008, 08:58 PM
I found a website that checks your website to see if it's XHTML valid. I don't know how significant this is but hey...

It found a few errors in the 'header' and 'footer' templates.

Nothing drastic, in fact it's probably petty to bring it up lol but I thought what the hey...

In the 'header' template, look for...

<td style="background: url($stylevar[imgdir_misc]/tdl.jpg) repeat-y left;"><img src="$stylevar[imgdir_misc]/spacer.gif" width="25" height="1" alt=""></td>

and replace with...

<td style="background: url($stylevar[imgdir_misc]/tdl.jpg) repeat-y left;"><img src="$stylevar[imgdir_misc]/spacer.gif" width="25" height="1" alt="" /></td>

In the 'footer' template, look for...

<td style="background: url($stylevar[imgdir_misc]/tdr.jpg) repeat-y right;"><img src="$stylevar[imgdir_misc]/spacer.gif" width="25" height="1" alt=""></td>

and replace with...

<td style="background: url($stylevar[imgdir_misc]/tdr.jpg) repeat-y right;"><img src="$stylevar[imgdir_misc]/spacer.gif" width="25" height="1" alt="" /></td>

Also, there are two instances of 'onChange' and one of 'onClick' which need to be changed to lower case, i.e. 'onclick' and 'onchange' in the 'footer' template.

As I said, I don't know how significant it is and the style seems to work fine with the errors.

If you visit -->here (http://validator.w3.org/)<-- you will see what I mean.

Enjoy!

EDIT:

One other thing, I've been using a 19" monitor in my home to set up the forum which is nice. When I opened it up in my work on a 15! monitor (yuk) I had to scroll to the left to see more of the forums. To fix this, go into Admin CP > Styles and Templates > Style Manager > Edit StyleVars > set Main Table Width to '100%'. :)

mastertek2000
02-16-2008, 07:57 PM
nice looking styles but do you have a blank Logo pls

LorinPotter
02-17-2008, 07:23 PM
Of all the styles I've seen, this is by far the best looking. I know, I know, it's a personal opinion.
Check it out at www.vulcanriders.us/forum

glennybee
02-17-2008, 07:39 PM
I was initially looking for a chrome/silver skin but this has became my default.

You can check it out at www.digital-kaos.co.uk.

The only thing is, if I use IE, the icons at the left are out of alignment. Do you know why or how I could fix it please? (see pic)

Firefox is perfect.

Thanks
Glen

glennybee
02-23-2008, 10:40 PM
Bump!

Does anyone know how I can align the first column in IE please?

Thanks
Glen

oBEAVISo
02-24-2008, 07:09 AM
After installing the charcoal style i tried to upload the charcoal-style.xml but it keeps saying invalid file Specified.

Any idea how to fix this please.

GhOsTxX
03-17-2008, 05:56 PM
hell yea man, this is wut i was lookin for a while

ZoiD
03-25-2008, 11:36 PM
Of all the styles I've seen, this is by far the best looking. I know, I know, it's a personal opinion.
Check it out at www.vulcanriders.us/forum

Yeah it's totally out of this world! Considering how many styles I went through today, this is the best I've seen for vBulletin.

bdunit
03-26-2008, 08:30 PM
template is really guud looking and one of the nicest one i have seen,,but the problem is,,if you post an image in threads,,it doesn't come up,,,

lostguy
04-03-2008, 12:03 PM
This is super good skin ! easy to install yet friendly eyes view . Look kewl..thanks alot :)

Icevirus
05-17-2008, 09:55 AM
Hey 1 ProblemOn My Inferno vBshout Lite The Text Editors Backgroud is white...how can i change that??

LorinPotter
05-26-2008, 12:54 PM
After an upgrade to 3.7, I find this style to work very well. The only problem is when posting or replying to a message. Unless you add one of the "Post Icons" to the message, it shows the word "default" where the post icon would be. The icons are there and valid, but still shows the word "default". If you click on one of the other "post icons", they show correctly.

Since this is still the style that I want to use, I made all the color and style changes to a new style, but can't get the gold edges on both sides. Since my top logo was made with the same edges, it no longer looks as good.

I'd like a bit of help in where to look at the posting and reply editors to change change it so the word "default" no longer shows, but the icon does.
This truly is a minor point, but several of my users have noticed and asked about it
TIA

DSMStyle
05-28-2008, 12:07 AM
When changing the main table width, or any width I get the following error:

"Updating Style Information for '' and child styles...

* ...
Fatal error: Invalid styleid specified in /includes/adminfunctions_template.php on line 324"

Any idea?

RCWF-AoD
06-09-2008, 01:55 AM
Excellent style! I love it, and so do all of the users on the forum! :) I think we have a 80% or so switch ratio to this style! Excellent! :)

Biek
12-11-2008, 08:44 AM
This is a definite keeper, well done.

Blue91
05-19-2009, 04:52 PM
I know this thread is old, and the developer isn't supporting it, but I was hoping someone here could help me out.

I installed this as stated in the original post. From the get go (before I altered anything), the logo is misaligned at the top.

http://www.htownracing.com/forums/?styleid=8

Can someone help me out in determining how to fix it? I want to align it before I go through the trouble of making the logo for the site.

Thanks in advance for any help you can provide.