Adding side images to the forum - Cant find the tutorial

[aceofspades]

There was a tutorial on here about adding side images to a forum, ive searched high and low in the artical section (which i thought was where it was) but i cannot find it.

Does anyone know where it is?

James

doh it was on vb.com

[CP,]

lol ive been asking the same question... i guess uve answered it for me! cheers!

https://vborg.vbsupport.ru/showthread.php?t=140988

[smoovie]

I have been wanting to do something like this myseelf but I just can't figure where the code goes. I'm trying to get a feel for the code from this site (http://www.yc-design.com/). Maybe someone can use this as an example to help us all. I'm pretty sure this is the code they used for the elements outside the main body.


/* @group Sides */

#nav-side {

width: 20px;

height: 105px;

margin: auto;

background-image: url(images/nav_side.png);

position: relative;

float: right;

bottom: 43px;

right: 547px;

}



/*#welcome-side {

width: 21px;

height: 213px;

background-image: url(images/welcome_side.png);

position: relative;

float: left;

margin: auto;

right: 47px;

top: 135px;

visibility: hidden;

}*/



#content-side {

width: 537px;

height: 16px;

background-image: url(images/content_side.png);

position: relative;

left: 22px;

float: left;

top: 14px;

}



#sidebar-side {

width: 186px;

height: 16px;

background-image: url(images/sidebar_side.png);

position: relative;

float: left;

top: 14px;

left: 20px;

}



#content-sidebar-side {

width: 740px;

height: 64px;

background-image: url(images/content_sidebar_side2.png);

position: relative;

left: 20px;

float: left;

bottom: 31px;

}



#continuous-side {

width: 22px;

height: 496px;

background-image: url(images/continuous_side.png);

position: relative;

float: right;

bottom: 5px;

right: 5px;

margin: auto;

}

/* @end */