Rin Header Problems

  • Resolved davidbabylon

    (@davidbabylon)


    20 years, 9 months ago

    I am using the theme Rin.

    In place of my old header, images/header.jpg , I wanted to put in a flash header, images/header1.swf. When I switched out the header graphic for the flash header all I got was a white box. Here is the code for my header graphic;

    #masthead {
    background: url(images/header.jpg);
    width: 750px;
    height: 135px;
    margin: 0 auto;
    padding: 0;

    border-top: 1px solid #b8e4e7;
    border-right: 1px solid #86c9cf;
    border-bottom: 2px solid #00527f;
    border-left: 1px solid #86c9cf;
    }

    Any suggestions or ideas on what I’m doing incorrectly?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Class

    (@class)

    20 years, 9 months ago

    I assume you mean ‘images/header1.swf’ in the code above.
    View the source of the page from your browser, is the path to the header image correct?

    Thread Starter davidbabylon

    (@davidbabylon)

    20 years, 9 months ago

    Yes, I meant ‘images/header1.swf’, I apologize.
    The path seems to be correct. Please, if you have a moment take a look, and tell me if I’m wrong.

    Here is the direct link to the header in the theme file; http://www.davidbabylon.com/wp-content/themes/rin/images/header1.swf

    ifelse

    (@ifelse)

    20 years, 9 months ago

    You can’t use an object (i.e. the SWF file) as a background using CSS as only image files are accepted. Unfortunately, what you’ll need to do is mark it up specifically by using the object tag.

    Thread Starter davidbabylon

    (@davidbabylon)

    20 years, 9 months ago

    Sorry for my ignorance. I’m still getting the hang of CSS, but I don;t understand

    “markup it with the object tag”

    Could you explain it a bit?

    Thanks for your help.

    ifelse

    (@ifelse)

    20 years, 9 months ago

    You’ll need to modify the header.php file and replace the <div id="header">...</div> section with:

    <div id="header">
    <object
    type="application/x-shockwave-flash"
    data="/images/header1.swf"
    width="750"
    height="135"
    >
    <param name="movie" value="/images/header1.swf" />
    <param name="menu" value="false">
    <param name="quality" value="high">
    <param name="scale" value="noscale">
    <param name="wmode" value="transparent">
    </object>
    </div>

    Thread Starter davidbabylon

    (@davidbabylon)

    20 years, 9 months ago

    Excellent!

    Here is the good news. Your advice worked perfectly! Thank you so much!

    Some bad news – please see what happened to the rest of my site. 🙁

    http://www.davidbabylon.com

    Is there something wrong with the theme I’m using or is it what I’m doing that caused the chaos that just ensued on my website?

    ifelse

    (@ifelse)

    20 years, 9 months ago

    Unfortunately, it looks like I made some incorrect assumptions. Try the following:

    Change <div id="header"> to <div id="masthead">

    Thread Starter davidbabylon

    (@davidbabylon)

    20 years, 9 months ago

    I’ll try it out. Thanks for your help. 🙂

    ifelse

    (@ifelse)

    20 years, 9 months ago

    Just had a look at your site. Looks like it worked:)

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Rin Header Problems’ is closed to new replies.