Not signed in (Sign In)

  • Support Us

    You want to support Sadish?
    You can
    Donate Now

  • Buy our Theme : NigaRila

    NigaRila
    NigaRila is a 3-column theme
    with a lot of features, created and supported by Sadish.
    NigaRila - Buy it now !


    Buy our Theme : Pal Nila

    PalNila
    PalNila is a 3-column theme
    with a lot of features, created and supported by Sadish.
    Pal Nila - Buy it now !








Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.

Welcome guest!
Want to take part in these discussions? Please Sign In or Apply for membership now!

MistyLook »  [Closed] Misty look: adding an image to the sidebar (sidebox-div)

Bottom of page arrow

1 to 6 of 6

  1.  
    • CommentAuthorClouseau
    • CommentTimeDec 1st 2009 edited
     permalink
    I'm trying to insert the small orange feed-image (as on top of the header), left of some links in the sidebar. I found this post: http://wprocks.com/forums/comments.php?DiscussionID=847&page=1#Item_0 and this is what I added to style.css:


    #3jfeedimage {
    display: inline;
    clear: both;
    margin:0 auto;
    background: url(img/icon_feed.gif) no-repeat left center;
    height: 16px;
    width: 16px;
    }


    I also tried without the 'display: inline;' line, but no difference.

    In the sidebar, I added this:


    <li class="sidebox">
    <h3><?php _e('Subscribe','ml'); ?></h3>
    <ul>
    <div id="3jfeedimage"></div><li><a href="http://feedburner.com/fb/a/mailverify?uri=C&amp;loc=en_US">Email</a></li>
    <li><a href="<?php bloginfo('rss2_url'); ?>"><?php _e('Posts','ml');?></a></li>
    <li><a href="<?php bloginfo('comments_rss2_url'); ?>"><?php _e('Comments','ml');?></a></li>
    </ul>
    </li>


    For testing purposes, I added this to sidebar.php:

    <li class="sidebox">
    <ul>
    <div id="3jfeedimage"></div>
    <br>
    <div id="3jfeedimage">some</div>
    </ul>
    </li>


    Same difference...

    I have tried several options, browsers etc. but it is just not working - how do I get it to work?
    •  
      CommentAuthorSadish
    • CommentTimeDec 4th 2009 edited
     permalink
    try this code in your sidebar.php

    <li class="sidebox">
    <h3><?php _e('Subscribe','ml'); ?></h3>
    <ul>
    <li><a href="http://feedburner.com/fb/a/mailverify?uri=C&amp;loc=en_US">Email</a></li>
    <li><div id="3jfeedimage"><a href="<?php bloginfo('rss2_url'); ?>"><?php _e('Posts','ml');?></a></div></li>
    <li><a href="<?php bloginfo('comments_rss2_url'); ?>"><?php _e('Comments','ml');?></a></li>
    </ul>
    </li>

    If it works,
    try to visually compare how my code is different from yours.
    • CommentAuthorClouseau
    • CommentTimeDec 5th 2009 edited
     permalink
    comment removed by author
    •  
      CommentAuthorSadish
    • CommentTimeDec 7th 2009
     permalink
    please post the code you have on your sidebar.php and style.css

    Thanks
    Sadish
    • CommentAuthorClouseau
    • CommentTimeDec 16th 2009 edited
     permalink
    Comment removed by author
    • CommentAuthorClouseau
    • CommentTimeDec 25th 2009 edited
     permalink
    Thank you so much, Sadish, for your personal help!

    As it might be usefel to others, I post it here.
    It would be even better if you could just enter the img-url in the sidebox (it being a generic class - instead of having to create a separate class for each image), but this is easy enough.

    Add this to style.css:

    li.feedimage {
    background:url(img/feed.png) no-repeat left center;
    padding-left:20px;
    }

    And this to sidebar.php (within a sidebox-div):

    <li class="feedimage"><a href="http://feedburner.google.com target="_blank">Email</a></li>

    That's all - works like a dream!

1 to 6 of 6

  1.