1 Topic by winger (edited by winger 2007-06-27 12:18)

  • Registered: 2007-05-02
  • Posts: 88

Topic: How to replace the main headers and nav. bar with an image?

I don't know how; Now it looks like this:

/* 1.3 Main headers and navigation bar background and text colour */

.pun H2, #brdmenu {BACKGROUND-COLOR: #FC165B; COLOR: #1E1F1E}

How can I replace the bar with an image?

2 Reply by yemgi

  • yemgi
  • Senior Member
  • Offline
  • From: Crawley, West Sussex
  • Registered: 2007-04-10
  • Posts: 254

Re: How to replace the main headers and nav. bar with an image?

add this at the end of style/yourstyle.css

/****************************************************************/
/** 11. CUSTOM IMAGE HEADER **/
/****************************************************************/
 
#brdtitle h1 span {
    display: block;
    background: url(link/to/your/image.png) no-repeat 0 0;
    height: 50px; 
    width: 200px; 
    text-indent: -200%;
Powered by FluxBB

yemgi's Website

  • Registered: 2007-05-02
  • Posts: 88

Re: How to replace the main headers and nav. bar with an image?

Hhmmm, no that didn't work.

To maybe clear up; this is what I want to be an image: (most likely pattern)
http://i7.tinypic.com/4p0jnnr.jpg

4 Reply by yemgi

  • yemgi
  • Senior Member
  • Offline
  • From: Crawley, West Sussex
  • Registered: 2007-04-10
  • Posts: 254

Re: How to replace the main headers and nav. bar with an image?

replace

.pun H2, #brdmenu {BACKGROUND-COLOR: #FC165B; COLOR: #1E1F1E}

by

.pun H2, #brdmenu {BACKGROUND-COLOR: #FC165B; background: url(link/to/your/image.png); COLOR: #1E1F1E}
Powered by FluxBB

yemgi's Website