Forums

Add small gif to sidebar (12 posts)

  1. shutterbug
    Member
    Posted 5 years ago #

    I want to add a peace flag in my sidebar (in place of the calendar). For the life of me, I can't find out how to do it. Can you help? My address is:
    http://www.ceconn.com/canwetalk

    Here is my coding for my site's sidebar. As you will notice, I tried to add the code for the .gif:
    div id="right">
    <div class="subcontainer">
    <ul>
    <?php if ( !function_exists('dynamic_sidebar')
    || !dynamic_sidebar(1) ) : ?>
    <h3>Favourite Adage</h3>
    <p class="intro">
    This, too, shall pass.

    <?php endif; ?>
    </ul>
    </div>
    <div class="subcontainer">
    <div class="rightsub2">
    <ul>
    <?php if ( !function_exists('dynamic_sidebar')
    || !dynamic_sidebar(2) ) : ?>
    <h2>Recent</h2>
    <ul>
    <?php get_archives('postbypost','12','custom','<li>','</li>'); ?>
    </ul>
    <div id="right">
    <img alt="peace"
    scr="http://www.ceconn.com/public_html/canwetalk/wp-content/themes/andreas04-10/peace.gif/75x50 /">
    </div>
    <h2>Favourite Sites</h2>
    <ul>
    <?php get_links('-1', '<li>', '</li>', '', FALSE, 'id', FALSE, FALSE, -1, FALSE,
    TRUE); ?>
    <ul>
    </ul>
    <h2>Site Admin</h2>
    <ul>
    <?php wp_loginout(); ?>
    <?php wp_register(); ?>
    </ul>
    <?php endif; ?>
    </ul>
    <!-- Site Meter XHTML Strict 1.0 -->
    <script type="text/javascript" src="http://s27.sitemeter.com/js/counter.js?site=s27Rikki">
    </script>
    <!-- Copyright (c)2006 Site Meter -->
    </div>
    <div class="rightsub">
    <ul>
    <?php if ( !function_exists('dynamic_sidebar')
    || !dynamic_sidebar(3) ) : ?>
    <h2>Archives</h2>
    <ul>
    <?php get_archives('monthly', '12', 'html', '', '', TRUE); ?>
    </ul>
    <h2>Categories</h2>
    <ul class="sellLi">
    <?php wp_list_cats(''); ?>
    </ul>
    <h2>Sponsors</h2>
    <align="left">
    <script type="text/javascript"><!--
    google_ad_client = "pub-3667784878005013";
    google_ad_width = 120;
    google_ad_height = 600;
    google_ad_format = "120x600_as";
    google_ad_type = "text_image";
    google_ad_channel ="";
    google_color_border = "CCCCCC";
    google_color_bg = "CCCCCC";
    google_color_link = "000000";
    google_color_text = "333333";
    google_color_url = "666666";
    //--></script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
    <h2>RSS</h2>
    <ul>
    <a href="<?php bloginfo('rss2_url'); ?>">Entries RSS</a>
    <a href="<?php bloginfo('comments_rss2_url'); ?>">Comments RSS</a>
    </ul>
    <h2>Valid RSS</h2>
    <ul>
    <a href="http://feedvalidator.org/check.cgi?url=http%3A//www.ceconn.com/canwetalk/%3Ffeed%3Drss2"><img src="valid-rss.png" alt="[Valid RSS]" title="Validate my RSS feed" /></a>
    <?php endif; ?>
    </ul>
    </div>
    </div>
    </div>

    BTW, the RSS feed doesn't work.

  2. koeln
    Member
    Posted 5 years ago #

    use src instead of scr

    <img alt="peace" src="http://ww...

  3. shutterbug
    Member
    Posted 5 years ago #

    Oh, how utterly stupid of me. Thanks. I changed it and saved it but it still didn't do anything. What next?

  4. koeln
    Member
    Posted 5 years ago #

    try to put it here:
    <div id="right">
    <div class="subcontainer">

      <img src=...
  5. moshu
    Member
    Posted 5 years ago #

    http://www.ceconn.com/public_html/canwetalk/wp-content/themes/andreas04-10/peace.gif/75x50

    first of all... try to use a valid path to the image. Try the link - the image is not there!

  6. shutterbug
    Member
    Posted 5 years ago #

    Hello again.

    Moshu, I know what you're saying but the picture is in the server and the address is correct, so I don't know. Maybe leave off the 75x50?

    Koeln, it looks like we're heading in the right direction. I have the little square with an X in the right spot and it also has the word "peace" in it - but no picture. Here is my code.

    <div class="subcontainer">
    <div class="rightsub2">
    <img alt="peace"
    src="http://www.ceconn.com/public_html/canwetalk/wp-content/themes/andreas04-10/peace.gif/75x50 /">

  7. koeln
    Member
    Posted 5 years ago #

  8. shutterbug
    Member
    Posted 5 years ago #

    Thanks Koeln. I felt the need to put in the dimensions. Still no picture. Should there be more code before or after the image tag?

    <div class="subcontainer">
    <div class="rightsub2">
    <img alt="peace" width="75" height="50"
    src="http://www.ceconn.com/public_html/canwetalk/wp-content/themes/andreas04-10/peace.gif">

  9. koeln
    Member
    Posted 5 years ago #

    But you saw a small square?

  10. shutterbug
    Member
    Posted 5 years ago #

    Yes, in IE but in FF, I only see the word "peace" - no square or X

  11. koeln
    Member
    Posted 5 years ago #

    I had a look

    You forget the /public_html/ delete it.

    http://www.ceconn.com/canwetalk/wp...

  12. shutterbug
    Member
    Posted 5 years ago #

    Holy!!!!! It worked!!!!! And here I thought you had to have the exact path. Who knew? Well, I guess you did.

    Thank you so very much.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags