Announcement

Collapse
No announcement yet.

Changing Header Background Colour to a picture?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • JimJim
    replied
    Okidoki!

    I´ll have a go at it!

    Thanks for all your help!!

    Jim

    Leave a comment:


  • Wayne Luke
    replied
    it is set via the header_background stylevar. You can't set dimensions for background images though, only their containers. Without the logo image, your header probably shrank in height so you would have to do something like the following in your additional.css template:

    Code:
    #header {height: XXXpx !important;}
    Replace the XXX with the number of pixels you want.

    Leave a comment:


  • JimJim
    replied
    Wayne!

    I take a bow! It´s gone now. Thanks!

    Can you point me in the direction of where I can adjust the settings for the header background? The pic got way too small all of a sudden!

    Regards

    Jim

    Leave a comment:


  • Wayne Luke
    replied
    If you leave the titleimage stylevar blank, it should remove the image. If not then remove the following code from your header template:

    HTML Code:
    <vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></vb:if>

    Leave a comment:


  • JimJim
    replied
    Wayne!

    Thanks for your help!

    What I want to do is get rid of my custom logo completely, but I don´t know what to type in the code instead of the URL to my current logo?

    My forum is here: http://www.sakocollectors.com/forum/forum

    I have managed to exchange the header background with a pic and I have also aligned it as top center. What I am trying to find out right now is how to stretch the pic (probably have to make a new larger one and upload) so it fits perfectly with the same width as the forum.
    I am also trying to find out how to show the whole pic as a header background? Right now, roughly half the pic is not shown (the bottom part).

    Sorry if I am incoherent but English is only my second language!

    Jim

    Leave a comment:


  • Wayne Luke
    replied
    titleimage and the header_background are two different things.

    If you want to change the header_background to an image, edit that stylevar and put in your image information in the Background Image field.

    Styles & Templates -> Style Manager -> Your Style -> Style Variable Editor -> Go.

    Type header in the stylevar search box, scroll down and click on header_background to edit it.

    I'd suggest uploading the image to your server though. You'll run into various problems trying to host them on photobucket's site.

    Leave a comment:


  • JimJim
    replied
    Thanks again but I must be doing something wrong since the broken link/question mark still appears where the logo used to be??

    BAck to the AdminCP!

    Jim

    Leave a comment:


  • josiah
    replied
    Put a full stop (.) but use spanstyle Etc to colour it the same as the background, it will not be visible..

    Leave a comment:


  • JimJim
    replied
    josiah!

    Thanks for your fast reply!

    I know how to change the logo itself but I want to exchange the header background, i.e the area on the right hand side of the logo.

    I just managed to get the pic up there and I know what I did wrong. Guess all I have to do is resize the pic in question to make it fill the whole width of the header background?

    A follow up question!

    I want to get rid of my logo completely, but what should I type in between the " ", where the URL to the logo used to be?
    If I leave it empty a questionmark appears wher the logo was.

    Thanks again!

    Jim

    Leave a comment:


  • josiah
    replied
    Go to "Title image" in stylevars and replace the vBulletin logo with your link to Photobucket, you will have to use size adjustment on your pic and padding to align it where it suits you.

    Leave a comment:


  • JimJim
    started a topic [Forum] Changing Header Background Colour to a picture?

    Changing Header Background Colour to a picture?

    Hi!

    I run vB 4.1.3 on my forum http://www.sakocollectors.com/forum/forum and I would like to get rid of the Header background colour and exchange that with a pic uploaded to photobucket, http://i190.photobucket.com/albums/z...ub-bumpmap.png .

    In the AdminCP I go to the Styles & Templates, Style Manager, click the StyleVars Go button and I scroll down to the Header area where I click the header_background.

    Then I have typed "transparent" in the Background colour box and I have left it empty as well. I also replaced the URL with the URL stated above which is a direct link to photobucket.

    But the only thing that happen is that the colour goes away alright but no pic shows?

    What am I doing wrong here?

    FYI, I am also getting rid of the current logo, which BTW is almost the same pic as I want as header background.


    I will appreciate it very much if someone can take the time to enlighten me!!

    Thanks!

    Jim

Related Topics

Collapse

Working...
X