Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   can i have multiple background images in the sidebar?? (http://forum.bytesforall.com/showthread.php?t=12536)

jochemvreeke Jan 30, 2011 02:06 PM

can i have multiple background images in the sidebar??
 
I would like to achieve this because the top of the background is different than the bottom. So i have one top part and a bottom part that needs to be repeated vertical... this is what i have sofar, unfortunately it doesnt work....

Code:

background-image: url('http://wordpress.jvreeke.nl/wp-content/themes/atahualpa/images/top.png') top left no-repeat, url('http://wordpress.jvreeke.nl/wp-content/themes/atahualpa/images/middle.png') 0px 230px repeat-y;
i tried this both on the ATO>style sidebar page and i tried adding this as separate css.

Please help on this..

website is http://wordpress.jvreeke.nl/

thanks jochem

juggledad Jan 30, 2011 02:22 PM

only one background image per area. You can have a background for a widget and a different one for the sidebar, but the syntax you are trying to use is invalid.

To check the syntax, go to w3schools.com/css

jochemvreeke Jan 30, 2011 02:37 PM

thank you for the reply.. one question thought..

something like this is not going to work then? i believe this is css3

Code:

div.feature {
    background-image: url(_images/icon_globe_51w_49h.png),
        url(_images/layout_feature_top_left_30w_30h.gif),
        url(_images/layout_feature_top_right_251w_30h.gif),
        url(_images/layout_feature_bottom_left_30w_142h.gif),
        url(_images/layout_feature_bottom_right_251w_142h.gif);
 
    background-position: 95% 7%, 0 0, 100% 0, 0 100%, 100% 100%;
}


juggledad Jan 30, 2011 02:51 PM

It might work..in any browser that supports it.


All times are GMT -6. The time now is 02:34 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.