WordPress.org

Forums

Custom content box (img) in sidebar that adjusts depending on material (4 posts)

  1. AntonioP
    Member
    Posted 7 years ago #

    I created a custom content box that I am going to be placing in various sidebars depending on the material (rss feeds, recent comments, etc.) I need to know how to get the box to adjust itself via css. I know the header will be one image, and then I'll have a horizontal bar that repeats depending on how much material I have displayed in the content box and a footer. Can someone explain to me (preferably in detail how to accomplish this) as I am a complete noob when it comes to css.

    Btw, this is the basic image I will be using.
    http://www.abtuts.com/img/7101744_Img11.gif

  2. moshu
    Member
    Posted 7 years ago #

    You are, probably, approaching it in the wrong way.
    You should apply that "box design" via your stylesheet to the sidebar elements: lists, widgets etc. That's how WP designers do it.

    If you are a complete "noob" to CSS... then you will have to learn the basics. There isn't really a magic workaround to avoid that.
    CSS
    Customizing_Your_Sidebar
    Styling_Lists_with_CSS

  3. AntonioP
    Member
    Posted 7 years ago #

    Hey Moshu, thanks. I'm sure it can be done this way, as I've come across this guys blog at http://www.daimos.de that uses this same method for the actual blog entries. I'm trying to learn css right now, its just that I've got a full plate on my hands. Is there anyone that could show me the basic code for something like this? Can someone give me a quick rundown of the css styling that I wlll need, and the html that I'll need to place into my singlesidebar.php

    Thanks

    These are the 3 images that I am working with.
    http://www.atriskstoriesofhope.com/wordpress/wp-content/themes/default/images/cboxfeedtop.jpg

    http://www.atriskstoriesofhope.com/wordpress/wp-content/themes/default/images/cboxfeedmiddle.jpg

    http://www.atriskstoriesofhope.com/wordpress/wp-content/themes/default/images/cboxfeedbottom.jpg

  4. Chrisber
    Member
    Posted 7 years ago #

    There is a big difference between what you are trying to do and what daimos is doing. That site uses rounded corners on the boxes which can only be achieved using background images.

Topic Closed

This topic has been closed to new replies.

About this Topic