WordPress.org

Ready to get started?Download WordPress

Forums

replace flash header with static image (5 posts)

  1. unoudid
    Member
    Posted 4 years ago #

    Hello!

    I'm new to the forums and new to wordpress. I'm about as fresh as you can be to web programming also so please bear with me.

    I am trying to set up a portfolio site using wordpress and I'm having a few issues. I am basing my site off of the free siteground-wp5 template. I am trying to replace the stock flash header that is included with my own static jpg header.

    I have my image sized to these dimensions and uploaded to my server. However I can not figure out to replace the flash file with my own image.

    Here is the code that is already included in the header.php file.

    </div>
         </div>
         <div class="topb">
            <div class="clock">
    			<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="700" height="190" title="siteground">
    			  <param name="movie" value="wp-content/themes/siteground-wp5/images/head.swf">
    			  <param name="quality" value="high">
    			  <embed src="wp-content/themes/siteground-wp5/images/head.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="190"></embed>
    			</object>
            </div>
         </div>

    Thanks in advanced for your help with this problem.

  2. keesiemeijer
    moderator
    Posted 4 years ago #

    Put an image in your theme's images folder. And show the image with the img tag. example: myImage.jpg

    </div>
         </div>
         <div class="topb">
            <div class="clock">
    
    <img src="[your site url here]/wp-content/themes/siteground-wp5/images/myImage.jpg" alt="alternitive text for image" />
    
            </div>
         </div>

    Just put your site url where it says: [your site url here]

  3. keesiemeijer
    moderator
    Posted 4 years ago #

    or you can do it in your theme's stylesheet : style.css
    first get rid of the flash.

    </div>
         </div>
         <div class="topb">
            <div class="clock"></div>
         </div>

    look for

    .topb .clock {
    	float: left;
    	width: 700px;
    	height: 190px;
    }

    and change to:

    .topb .clock {
    
    	width: 700px;
    	height: 190px;
            background: url('images/myImage.jpg') no-repeat ;
    
    }
  4. unoudid
    Member
    Posted 4 years ago #

    Thank you very much! That worked like a charm.

  5. keesiemeijer
    moderator
    Posted 4 years ago #

    Glad to have helped, can you make this topic resolved.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.