Spring

This is the very first theme that I designed for vBulletin. But it's been so popular, that I decided to upgrade it to 3.7.

There's no coding or changing anything around. Just a theme that is simple, cute, and valid XHTML 1.0 Transitional ;)

LIVE DEMO (http://www.themesbydesign.net/forums/index.php?styleid=85)




Click on the "Install" button on the right of this post, then download the zip file to your computer and extract it (I put it on my desktop, it's easier to remember where I put it!).
Open your ftp client to your server. Go to your forum's images folder, open it, and create a styles folder.
Next, upload the spring folder via FTP to your server, into the styles folder, so that your image path is images/styles/spring/buttons, for example.
After you've uploaded the folder, open your admin control panel on your forum, and import the xml file, by going to Styles & Templates > Download / Upload styles > Import Style XML File.
Click on the Browse button, locate the xml file for spring, and double-click it so it loads in that box, then hit the Import button.



If you have any questions, or need your site name on your header, feel free to ask here.

Enjoy! :)

Thank you.

You're welcome.

looks great! bravo!

Excellent. i think i'll use it on my forum ! :)

btw, please correct the DEMO url.

Fixed. Thank you

(Psst, the comment button doesn't show? Is it just me?)

Peggy, I *know* I asked you this before when I installed this on 3.6 but I can't find the answer anywhere now...how can I center the header? I had it centered before and I'd like to have it centered again. :)

The comment button shows only on the main theme.


The default header template is completely different in 3.7.

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions" /></a></td>

[B]<td align="$stylevar[right]" id="header_right_cell">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
</td>
</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]



change the red left to center. and remove the other red code. That should center your header.

change the red left to center. and remove the other red code. That should center your header.

Okay I'm finally getting around to this skin...making this change leaves the header on the left. Changing the "left" to "right" does move it to the right though. :/ Whaddup? Why doesn't "center" work?

Probably due to the content in red being in the right cell. If you're sure you're not going to place banner ads in your header area, then you could remove that, which will center the header image.

IF you want to do that, then remove this code from the template
<td align="$stylevar[right]" id="header_right_cell">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
</td>

Probably due to the content in red being in the right cell. If you're sure you're not going to place banner ads in your header area, then you could remove that, which will center the header image.

IF you want to do that, then remove this code from the template
<td align="$stylevar[right]" id="header_right_cell">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
</td>

Isn't that the same red code you told me to remove before? I *did* remove it, and the banner is still on the left. This is what I have currently:

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[center]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>


</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]

Bah, I didn't look at what I'd posted before. Yeah it is. Did you make this a child style of another style that has a left-aligned header?

Other than that, I have no clue whatsoever as to why it won't center.

oh crap, now I remember.

Change this code - <td align="$stylevar[center]">

to this -

<td align="center">

Thank you.

oh crap, now I remember.

Change this code - <td align="$stylevar[center]">to this -

<td align="center">

Thanks Peggy, that did it. ;)

I'm glad. Sorry it took so long!

Can you make any of these for version 3.7.1. Thanks

I haven't upgraded anything past 3.7.0 as I have been waiting for more vBulletin upgrades. Good thing I did.

I'll be upgrading my themes around the first of the month, as I'm currently busy with custom designs.

I installed spring 3.7.2 on my vbulletin versions 3.7.2 and it is all messed up, there are a lot of boxes with questions marks. I don't understand why?:nope: Please help, thx

You didn't upload the images correctly. Please read the instructions on the first post of this thread and try it again. Remember that the spring folder has to be uploaded into the styles folder, which you must create inside the images folder.

Is it possible to change the width at all?
Cheers!

Yes ma'am. This is a fluid width theme. Go into the Style manager, and select StyleVars. In the very first section, you can change the width. It's most likely set at either 100% or 90%. Just change the numbers til you get the width you desire.

Great thank you! I love it when Americans call me ma'am :)