Using My Own Header Image ~ at Runboard.com

Rate Runboard:


(10=highest, 1=lowest)
Google


Runboard Support Forums
 Skins Archive
  Using My Own Header Image
Support
Search

runboard.com       Sign up (learn about it) | Sign in (lost password?)

Page:  1  2 

 
BillyWizz1
Heavy poster
Global user

Registered: 06-2006
Posts: 281
Karma: 2 (+7/-5)
Reply | Quote
Using My Own Header Image


I've created an image which I'd like to use as a header to my forum.
I need the uploading instructions and 'how to' for displaying the image. Many, many thanks.
6/26/2006, 2:00 pm Send PM to BillyWizz1
 
Rimmer
Global Administrator
Global user (premium)
Head of Runboard staff

Registered: 04-2003
Location: Straylia
Posts: 9274
Karma: 421 (+466/-45)
Avatar
Reply | Quote
Re: Using My Own Header Image


Firstly, you have to upload your image to a site that allow hotlinking (as Runboard does not store user's images). There is a list of free sites here:

http://com5.runboard.com/brunboardextra.fpopularfeatures.t34

Once the image is uploaded to the host site, you will have a URL address to add to your board.


But, in your case, before you can customise your board, you need to change your board layout to 'Custom'.

To do this, go to Control panel>Board Management>Change board theme/layout.

Check the option that says 'Copy it to the custom layout, and switch to using the custom one'. Click the 'Change theme' button.

Now, you can go to Control panel>Board Management>Edit layout /colors of your board>Manage Custom HTML content or Manage Custom Style Sheet (CSS) and add code there if you want.


Please note:

Any customised CSS or HTML that you have added since selecting the skin will be deleted when you copy a skin to 'Custom'.

So, you should save any code you have added (to a txt file or similar) if you don't want to lose it. However, I don't think you have any added custom CSS or HTML code
 to worry about.

Adding the Banner

That will depend upon the board theme you choose to keep.

The banner will either go in the Control panel>Board management>Edit layout/colors area (go down to 'Community Logo'

or

in the 'Manage Custom HTML' area (Control panel>Board management>Edit layout/colors) - if it goes here, you should see a section of code with "BANNER" next to it.

If you're not sure of anything, please post back here and we'll give some more instructions.

  





---
Build A Better Board
Image

6/26/2006, 2:29 pm   Blog
 
BillyWizz1
Heavy poster
Global user

Registered: 06-2006
Posts: 281
Karma: 2 (+7/-5)
Reply | Quote
Re: Using My Own Header Image


Thank you, so much, Rimmer.

How about if I upload my image to my blog (blogspot.com) - would that suffice?

What I could do with, is the exact piece of code hightlighting to me, so I know where to put the 'img src' html code.

Thanks.
6/26/2006, 3:56 pm Send PM to BillyWizz1
 
BillyWizz1
Heavy poster
Global user

Registered: 06-2006
Posts: 281
Karma: 2 (+7/-5)
Reply | Quote
Re: Using My Own Header Image


Thanks, Rimmer, and everyone else who offered their help. I have now managed to acheive what I was looking for - probably by accident, but I managed none the less.
6/26/2006, 6:10 pm Send PM to BillyWizz1
 
Confluence
Registered user
Global user

Registered: 07-2006
Location: UK
Posts: 2
Karma: 0 (+0/-0)
Reply | Quote
Re: Using My Own Header Image


Okay people haven't replied to this in a while but I'm gonna try.

I figured how to apply the banner on even though in the CSS there wasn't a section with BANNER there, I applied the image as a background, however the original banner still overlaps my 'banner' blocking most of it out. How am I to get rid of this?

In the process of this I accidentally deleted the coding for the Seperators part for above and below the banner, but thats not a priority really...

Thanks in Advance

---
'You are pretty -we know it; young -that is true; and rich -who can deny it? But when you praise yourself extravagantly Fabulla, you appear neither rich, nor pretty, nor young.' --Martial
7/7/2006, 4:15 pm Send Email to Confluence   Send PM to Confluence MSN Blog
 
Lesigner Girl
Global Administrator
Global user (premium)
Runboard staff member

Registered: 11-2005
Location: SW MI, USA
Posts: 5507
Karma: 165 (+185/-20)
Avatar
Reply | Quote
Re: Using My Own Header Image


Since different skins use different methods of applying a banner, it would help us help you if you provide a link to your board.

---
Image
Customization tutorials & Q&A
7/7/2006, 9:34 pm Send PM to Lesigner Girl Blog
 
Rimmer
Global Administrator
Global user (premium)
Head of Runboard staff

Registered: 04-2003
Location: Straylia
Posts: 9274
Karma: 421 (+466/-45)
Avatar
Reply | Quote
Re: Using My Own Header Image


quote:

Confluence wrote:
I figured how to apply the banner on even though in the CSS there wasn't a section with BANNER there, I applied the image as a background, however the original banner still overlaps my 'banner' blocking most of it out. How am I to get rid of this?



The board link is:

http://com3.runboard.com/bthederangedlunatics

That skin/theme (Pro Black by Smackdown5) keeps its banner link in the Custom HTML area.

If you replace this code:

<div style="width:100%;height:142px;background-color:#000000;background-image:url(http://img.runboard.com/img/layouts/smackdown5_10/samplebanner.jpg);background-repeat:no-repeat;border-width:0px"></div>

with this:

<div style="width:100%;height:200px;background-color:#000000;background-image:url(http://i68.photobucket.com/albums/i40/underlying_truth/CYT2.jpg);background-repeat:no-repeat;border-width:0px;background-position-x:center;"></div>

you will get a centered banner.

(you'll need to remove the 'extra' one form the 'Edit layout page')






---
Build A Better Board
Image

7/8/2006, 12:13 am   Blog
 
Confluence
Registered user
Global user

Registered: 07-2006
Location: UK
Posts: 2
Karma: 0 (+0/-0)
Reply | Quote
Re: Using My Own Header Image


Thanks alot!

I entered in the centered version, and it's not really centered, but at least it's up there which is great in itself. As I did this I found the scrolling message bar html that went beneath the banner, and changed the font to make it viewable again, so two corrections were rescued then.

Thanks again! Angela.

---
'You are pretty -we know it; young -that is true; and rich -who can deny it? But when you praise yourself extravagantly Fabulla, you appear neither rich, nor pretty, nor young.' --Martial
7/8/2006, 10:32 pm Send Email to Confluence   Send PM to Confluence MSN Blog
 
Rimmer
Global Administrator
Global user (premium)
Head of Runboard staff

Registered: 04-2003
Location: Straylia
Posts: 9274
Karma: 421 (+466/-45)
Avatar
Reply | Quote
Re: Using My Own Header Image


quote:

Confluence wrote:

I entered in the centered version, and it's not really centered,...




Hmm, it's centered in IE but not FireFox. emoticon





---
Build A Better Board
Image

7/9/2006, 6:13 am   Blog
 
Lesigner Girl
Global Administrator
Global user (premium)
Runboard staff member

Registered: 11-2005
Location: SW MI, USA
Posts: 5507
Karma: 165 (+185/-20)
Avatar
Reply | Quote
Re: Using My Own Header Image


Try this:

<div style="height: 200px; background: url(http://i68.photobucket.com/albums/i40/underlying_truth/CYT2.jpg) center top no-repeat;">&nbsp;</div>

Last edited by Lesigner Girl, 7/10/2006, 4:42 am


---
Image
Customization tutorials & Q&A
7/10/2006, 4:41 am Send PM to Lesigner Girl Blog
 


Add a reply

Page:  1  2 




Powered by AkBBS 0.9.5b  -  Link to us   -  Blogs   -  Hall of Honour   -  Chat
Click here to get your own free message board
You are not logged in (login)      Board's time is: 10/11/2008, 3:28 am
Back to top