1 Topic by miguelbellas (edited by miguelbellas 2007-09-24 00:28)

  • Registered: 2007-09-23
  • Posts: 2

Topic: Change the header (help urgent) images to explain!

Hello there.

Im trying to change the header in a specific place to be able to replace the logo image and text(wich I believe it is on the MySQL database) by a big logo that would fit exactly on the spot

example:

http://img215.imageshack.us/img215/3482/dibujolk1.jpg

Has i have putted the image to be placed is above instead of being in the original logo space.

How do i put it inside and fitting exactly on the spot?

like this example I did in photoshop?

desired result!
http://img232.imageshack.us/img232/1993/dibujofp0.jpg

I already discovered it's in main.tpl but cant make it adjust perfectly.

  • From: Leuven, Belgium
  • Registered: 2005-06-14
  • Posts: 2,653

Re: Change the header (help urgent) images to explain!

Can you provide us with a link to the page? We really can't tell with just screenshots wink

  • Registered: 2007-09-23
  • Posts: 2

Re: Change the header (help urgent) images to explain!

This is the page and the image is to be inserted in the precise space where it says FFAC etc...

http://82.232.102.55/FFAC/forum/index.php

  • From: Leuven, Belgium
  • Registered: 2005-06-14
  • Posts: 2,653

Re: Change the header (help urgent) images to explain!

Perhaps you mean something like this?
http://wiki.punres.org/Add_a_logo_to_the_header_via_css

  • CodeXP
  • Senior Member
  • Offline
  • From: /dev/null
  • Registered: 2004-07-07
  • Posts: 503

Re: Change the header (help urgent) images to explain!

Add the following to your stylesheet:

div#brdheader #brdtitle {
    height: 80px; /* Replace with height of your header image */
    padding: 0
}

#brdtitle span, #brdtitle p {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 1em;
    left: -999em
 }

#brdtitle h1 {
    width: 500px; /* Replace with width of your header image */
    height: 80px; /* Replace with height of your header image */
    background: url('/path/to/your/image.jpg') top left no-repeat;
}

Just tested it on your page and it works just fine smile

CodeXP's Website