WordPress.org

Forums

[resolved] Add iframe into header? (5 posts)

  1. dougbrewington
    Member
    Posted 4 years ago #

    My Website: http://alwaysovertime.com

    I want to add an iframe just under my logo.. (between the logo and the menu)

    The iframe I want added is at the bottom of the page, but I'd like to move it up to the top.. (ESPN Ticker)

    Here's exactly what I want:
    http://alwaysovertime.com/wp-content/uploads/2011/04/iframe.jpg

    However, on wordpress it just gives me an option of what photo I want as the logo/banner but no other options. (Basically I need to know where the HTML coding for this would be, I guess.. Bc I already have the coding for the iframe, I just don't know where to go to add it.)

    I use WordPress 3.1.1 and currently using the Arras 1.5.0.1 theme.

    I have very little experience with HTML coding and web-creation.. I have learned everything I know via youtube tutorials ha

    So any help you have is appreciated and should probably explain it as if I have zero knowledge, because it's minimal..

  2. Abhishek Jain
    Member
    Posted 4 years ago #

    go to theme editor and open header.php file in that find this line of code

    <div id="searchbar"><?php get_search_form() ?></div>
    </div><!-- #branding -->
    </div><!-- #header -->

    and below that code paste this

    <div align="center"><iframe src="http://espn.go.com/bottomline/espnewsbottomlinebasic.html" name="ESPN" scrolling="auto" frameborder="no" align="middle" height = "44px" width = "860px"></iframe></div>

    and you're done ;)

  3. dougbrewington
    Member
    Posted 4 years ago #

    OMG.. Thank you..

    <div class="logo"><div style="align:center">
    		<?php if ( is_home() || is_front_page() ) : ?>
    		<h1 class="blog-name"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
    		<h2 class="blog-description"><?php bloginfo('description'); ?></h2>
    		<?php else: ?>
    		<span class="blog-name"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></span>
    		<span class="blog-description"><?php bloginfo('description'); ?></span>
    		<?php endif ?>
    		<iframe src="http://espn.go.com/bottomline/espnewsbottomlinebasic.html" name="ESPN" scrolling="auto" frameborder="no" align="center" height = "44px" width = "860px"></iframe>
    	</div>

    I've got it exactly where I want it now.. I just cant figure out how to center the frame with the logo.. Above is where I have the "center html". I tried putting it right in front of the iframe, moved it up there, tried using <center>.. But it always stays aligned to the left..

    Once again thanks for your help!!

  4. dougbrewington
    Member
    Posted 4 years ago #

    Nevermind. Figured it out.. Thanks again.

  5. Abhishek Jain
    Member
    Posted 4 years ago #

    you're welcome :) just edit your post and make it [resolved]

Topic Closed

This topic has been closed to new replies.

About this Topic