[vB4] left and right border image

[hornstar6969]

I am testing an upgrade from 3.8 to 4.2 and tested the 3.8 update style tool, Quite a fair bit missing. Sadly the styler is no longer around.

The style is now missing the left and right border images.

In additional css of the old style I found this

.leftBorder {
background:#000 url(http://cdn.gamerzneeds.com/images/ps...er_left_bg.gif) repeat-y;
vertical-align:top;
width:40px;
}

.rightBorder {
background:#000 url(http://cdn.gamerzneeds.com/images/ps...r_right_bg.gif) repeat-y;
vertical-align:top;
width:40px;
}

you can see what the left and right border images are meant to look like in 3.8 here http://www.gamerzneeds.net/forums/


I tried putting that code in additional css in vb4 but it did nothing.

Does anyone have any tips on how to do this?

Thanks.

[Maurd]

Super easy. I do the same thing with shadows.

Open template: header

At the top (above everything else), add this:

<div class="leftBorder"><div class="rightBorder">

Open template: navbar

Find:

<!-- closing div for above_body -->

Add below: *

</div></div><div class="leftBorder"><div class="rightBorder">

Open template: footer

Find:

<!-- closing div for body_wrapper -->

Add below: *

</div></div><div class="leftBorder"><div class="rightBorder">

At the very bottom (below everything else) add:

</div></div>

Open template: additional.css

Add:

.leftBorder {
background:#000 url(http://cdn.gamerzneeds.com/images/psp/misc/border_left_bg.gif) repeat-y left;
padding-left: 40px;
}


.rightBorder {
background:#000 url(http://cdn.gamerzneeds.com/images/psp/misc/border_right_bg.gif) repeat-y right;
padding-right:40px;
}

You could technically just use two DIV's instead of breaking them up like I did, but I find this way is the most compatible and follows the flow of the native template sections. If you don't want them to be segmented, you can ignore anything I placed an asterisk (*) next to.

[hornstar6969]

Thanks! At first I thought it didnt work, but then realised you changed the additional css as well. Works great. That makes the style look so much better already. Thanks heaps

[Maurd]

I had modified your two CSS rules. Make sure you use my new ones are remove your old ones.