Background Image?

[CBR900RR]

Excuse my Noobness, but I'm VERY new to this. I want to customize our Board, but cannot find an easy tutorial on how to do basic things, like change the backgrond Image, or even insert the forum name into the Header. Any links to a newbie tutorial would be GREATLY appreciated!!! Also, I need to know WHERE I would upload the image I want to use..

Any help will be GREATLY appreciated!!!!

[The-Ensemble]

Well I'm not aware of tutorials for newbies. I could have used one. But you need to get a basic html understanding and read through some scheme templates like header etc. to see how they are made most are easy to read by. You need to learn what each part does etc. once you have a good understand you can simply alter that and create your own.

[Ntfu2]

I've started a basic CSS guide for editing templates, still in progress.

Right now i've only got the forum home complete, hoping to have showthread, new reply/post, and search done tonight then i'll have a link for where it can be viewed. Hang tight ;)

[Kirk Y]

Just go through all the vBulletin Options, I always found that helpful.

[peterska2]

Where exactly do you want to put a background image?

If you can post a photoshop mockup of what you want to achieve (preferably with some nice arrows and text labels too) then it will be a lot easier to advice.

[CBR900RR]

Where exactly do you want to put a background image?

If you can post a photoshop mockup of what you want to achieve (preferably with some nice arrows and text labels too) then it will be a lot easier to advice.
I have modified the header .psd file in ImageReady. Now have gone to the ftp, and there are no .psd files to replace, just .gif the install folder has no gif images, so that is where i am confused. Being new to this, I **thought** if i modified the original, renamed the original, **OLD** and uploaded the new, it would just replace it, and all would be well... see below please...(note changed them to JPG so i could upload them here)


https://vborg.vbsupport.ru/attachment.php?attachmentid=52152&stc=1&d=1155652717

https://vborg.vbsupport.ru/attachment.php?attachmentid=52153&stc=1&d=1155652717

[ConqSoft]

The PSD files are the originals. Save your changes out as a GIF (or JPG depending on what type they already are) to use on the web site.

[CBR900RR]

ok now how would i change the coding to point to my new image? This is what i have now, and the header image, to me, seems to be split into to images...<META http-equiv=Page-Exit content=BlendTrans(Duration=0)>
<META http-equiv=Page-Enter content=BlendTrans(Duration=0)><!-- begin plasma header-->
<div align="center">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="main">
<tr>
<td align="left" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#03105D">
<tr>
<td width="330" height="156" rowspan="3"><img id="header_plasma_ls" src="$stylevar[imgdir_misc]/header_plasma_ls.gif" width="330" height="156" alt="" /></td>
<td width="417" height="107" colspan="7"> <img id="header_plasma_text" src="$stylevar[imgdir_misc]/header_plasma_text.gif" width="417" height="107" alt="" /></td>
<td width="100%" height="156" rowspan="3" style="background-image: url($stylevar[imgdir_misc]/header_plasma_expand.gif)"><img id="header_plasma_expand" src="$stylevar[imgdir_misc]/header_plasma_expand.gif" width="100%" height="156" alt="" /></td>
</tr>
<tr>
<td width="47" height="36"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img id="header_plasma_home" src="$stylevar[imgdir_misc]/header_plasma_home.gif" width="47" height="36" border="0" alt="" /></a></td>
<td width="64" height="36"><a href="usercp.php$session[sessionurl_q]"><img id="header_plasma_uc" src="$stylevar[imgdir_misc]/header_plasma_uc.gif" width="64" height="36" border="0" alt="" /></a></td>
<if condition="$show['registerbutton']">
<td width="69" height="36"><a href="register.php$session[sessionurl_q]" rel="nofollow"><img id="header_plasma_reg" src="$stylevar[imgdir_misc]/header_plasma_reg.gif" width="69" height="36" border="0" alt="" /></a></td>
<else />
<td width="69" height="36" id="usercptools"><a href="$show[nojs_link]#usercptools"><img id="header_plasma_reg" src="$stylevar[imgdir_misc]/header_plasma_qlinks.gif" width="69" height="36" border="0" alt="" /></a><script type="text/javascript"> vbmenu_register("usercptools" ,1); </script></td>
</if>
<td width="66" height="36"><a href="memberlist.php$session[sessionurl_q]"><img id="header_plasma_members" src="$stylevar[imgdir_misc]/header_plasma_members.gif" width="66" height="36" border="0" alt="" /></a></td>
<td width="75" height="36"><a href="calendar.php$session[sessionurl_q]"><img id="header_plasma_calendar" src="$stylevar[imgdir_misc]/header_plasma_calendar.gif" width="75" height="36" border="0" alt="" /></a></td>
<td width="59" height="36" id="navbar_search"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow"><img id="header_plasma_search" src="$stylevar[imgdir_misc]/header_plasma_search.gif" width="59" height="36" border="0" alt="" /></a><script type="text/javascript"> vbmenu_register("navbar_search" ,1); </script></td>
<td width="37" height="36"><a href="faq.php$session[sessionurl_q]" accesskey="5"><img id="header_plasma_faq" src="$stylevar[imgdir_misc]/header_plasma_faq.gif" width="37" height="36" border="0" alt="" /></a></td>
</tr>
<tr>

Sorry to be such a PIA, but i really want to learn...

[ConqSoft]

Yep, it's split, so you would need to slice your new one to fit.