Using images from server

[plazzman]

Silly question, but if I want to use an image that's been uploaded to my server (so I don't have to use a 3rd party host, excede bandwidth and look like more of an idiot) how do I go about doing this?

Say this is where I've uploaded it to:

Image: plazz.gif

forum/images/misc/plazz.gif

I want to use this in places like postbit and background. So how would the code look?

Thanks alot!

[tipoboy]

<img src="images/misc/plazz.gif" border="0" alt="" />

[plazzman]

Thanks so much!

Quick question though, how would I use it in this code?

.supermod {
background: #191b1c url (whereever image is located);
background-repeat: no-repeat;
border-left: solid 1px #3c3c3c;
border-right: solid 1px #3c3c3c;
}

[tipoboy]

no problem, you could also use

<img src="$stylevar[imgdir_misc]/pizza.gif" border="0" alt="" />

that you can use in all styles as long as you upload the image to the misc folder, as it takes the path from the stylevar settings

[plazzman]

Awesome thanks alot!

[tipoboy]

Thanks so much!

Quick question though, how would I use it in this code?

.supermod {
background: #191b1c url (whereever image is located);
background-repeat: no-repeat;
border-left: solid 1px #3c3c3c;
border-right: solid 1px #3c3c3c;
}

could be:


.supermod {
background: #191b1c url (images/misc/pizza.gif);
background-repeat: no-repeat;
border-left: solid 1px #3c3c3c;
border-right: solid 1px #3c3c3c;
}


or:


.supermod {
background: #191b1c url (/images/misc/pizza.gif);
background-repeat: no-repeat;
border-left: solid 1px #3c3c3c;
border-right: solid 1px #3c3c3c;
}


and you would place it in additional css definitions at the bottome of Main CSS

[plazzman]

Worked like a charm man, thanks so much!