WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » CSS Backgrounds

View previous topic View next topic Go down  Message [Page 1 of 1]

1CSS Backgrounds Empty CSS Backgrounds Sat Jan 15, 2011 5:38 am

Matti

Matti
Registered Member
Registered Member
I want to add background image for the side and bottom as you can see the arrow on the Screenshot:

CSS Backgrounds Thissi10

http://csshelp.forumotion.net/

2CSS Backgrounds Empty Re: CSS Backgrounds Sat Jan 15, 2011 6:25 pm

ankillien

ankillien
Administrator
Administrator
Hi,

You can't add more than one background images to an element. THe browsers don't seem to support the CSS3 multiple backgrounds.

To add a bg there, you can use this selector : .forabg

3CSS Backgrounds Empty Re: CSS Backgrounds Sun Jan 16, 2011 3:20 am

Guest


Guest
Time to think outside the box. Very Happy What you want can be done if you turn off the phpBB3 rounded corners and use CSS3 instead:

Code:
.forabg {padding: 0px 0px 5px; border-radius: 5px; -moz-border-radius: 5px; background: url(bottom BG) 0% 100% repeat;}
.forabg span.corners-top, .forabg span.corners-bottom {display: none;}
.forabg ul.topiclist {margin: 0px; padding: 0px; background: url(header BG) 0% 0% repeat;}
.forabg ul.topiclist.forums {padding: 0px 5px; background: url(side BG) 0% 0% repeat;}
.forabg ul.forums li.row {background: #(forum list BG color);}
Depending on how your forum is set up, you may not want or need the last rule (li.row). You may also want or need to adjust this CSS slightly to account for the search and PM pages, both of which define the "forabg" class name.

4CSS Backgrounds Empty Re: CSS Backgrounds Tue Jan 18, 2011 11:52 pm

Matti

Matti
Registered Member
Registered Member
Ok, thx

http://csshelp.forumotion.net/

5CSS Backgrounds Empty Re: CSS Backgrounds Mon Jan 24, 2011 5:27 am

Russel

Russel
Moderator
Moderator
Solved => Locked

https://www.twitter.com/russeltubo

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » CSS Backgrounds

Permissions in this forum:
You cannot reply to topics in this forum