Hello, I am building a WP theme and I need a tutorial how to totaly customize a sidebar all ul li things explained because I am prety much confused on how to use background images on this one... it seams that the sidebar design is somewhat predefined somewhere... like list style... what I need is to make a sidebar to look like this, you will get the idea where I want the tittle and where i want listed links i need this sidebar http://trazim-te.com/wp/wp-content/themes/1000goals/images/sidebar.jpg on this template http://trazim-te.com/wp/?p=3 thank you in advance
Well, that isn't related to WordPress or sidebars at all (when I read the post title I thought you were talking about sidebar widgets), it's just a HTML/CSS issue. You basically want the same layout as the post, but with a different width. Check the HTML/CSS/images used for the post layout and then try to replicate that on the sidebar.
no you are right... I want to design widgets, sory for wrong interpretation so how do I edit the widget design I need every widget to look like this: http://trazim-te.com/wp/wp-content/themes/1000goals/images/sidebar.jpg in which file I have to edit this beside style.css?
You can control the code returned by the widgets in a theme: codex. wordpress. org/Widgets_API In the register_sidebar function, the before_widget, after_widget... arguments. So you add your needed HTML to those arguments (<div> and stuff) and then style that HTML properly via CSS to look like the post on the left.
thank you I saw that and I suspected that this is where I need to do something ok, I'll play with this now
can be easily done by dividing the image in three parts. Then define 3 separate class in style.css for each image use top image for title, middle (with repeat-y) for body and end with bottom image.
yes, I already have the image splited into 3 parts... it is only a problem to put them into the widget itself lol
do I need to edit these: $defaults = array( 'name' => sprintf(__('Sidebar %d'), $i ), 'id' => "sidebar-$i", 'description' => '', 'before_widget' => '<li id="%1$s" class="widget %2$s">', 'after_widget' => "</li>\n", 'before_title' => '<h2 class="widgettitle">', 'after_title' => "</h2>\n",