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) » Bottom image

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

1Bottom image Empty Bottom image Mon Apr 05, 2010 3:40 am

Emilio

Emilio
Registered Member
Registered Member
Whats the code to add a picture add the bottom of the forum

http://www.graphilicious.forumotion.Com

2Bottom image Empty Re: Bottom image Mon Apr 05, 2010 8:54 am

ankillien

ankillien
Administrator
Administrator
Hello,

You want to add background picture to the button?
You can do like this...

Code:
button {
backgorund : url(IMAGE URL HERE) repeat;
}

3Bottom image Empty Re: Bottom image Mon Apr 05, 2010 1:33 pm

Emilio

Emilio
Registered Member
Registered Member
No to the Bottom of the forum!
Like scroll down and under the forum to place picture

http://www.graphilicious.forumotion.Com

4Bottom image Empty Re: Bottom image Mon Apr 05, 2010 1:40 pm

ankillien

ankillien
Administrator
Administrator
oh! Sorry, I just misunderstood Razz
For what version you want to add image?

You can do it by adding a backgorund to body and set it to bottom...

Code:
body {
background : url(IMAGE URL HERE) left bottom scroll repeat-x;
}

5Bottom image Empty Re: Bottom image Mon Apr 05, 2010 4:47 pm

ze_chaofan

ze_chaofan
Registered Member
Registered Member
Hello...

Here are the classes (or ids) for the diffrent version).
You just have to replace "body" by the good name :

phpbb2 : .bodyline
phpbb3 : #wrap
punBB : .pun
InVision : #ipbwrapper

I hope there's no mistakes.

http://www.sos-forum.com/

6Bottom image Empty Re: Bottom image Tue Apr 06, 2010 2:03 am

Emilio

Emilio
Registered Member
Registered Member
Ankillien yu code don't work ,,
But ermmm
Ze_chaofan can you guve code

http://www.graphilicious.forumotion.Com

7Bottom image Empty Re: Bottom image Tue Apr 06, 2010 9:11 am

ankillien

ankillien
Administrator
Administrator
DO you already have a background added to your page?
If yes, the code won't work since multiple backgrounds aren't supported.

Try overriding your old backgorund with this Wink

Code:
    body {
    background : black url(IMAGE URL HERE) left bottom scroll repeat-x !important;
    }

8Bottom image Empty Re: Bottom image Tue Apr 06, 2010 2:48 pm

Emilio

Emilio
Registered Member
Registered Member
Its possible to keep the background and add a image to it...
i saw it on other forums

http://www.graphilicious.forumotion.Com

9Bottom image Empty Re: Bottom image Tue Apr 06, 2010 4:56 pm

ankillien

ankillien
Administrator
Administrator
Well, you can add multiple backgrounds with CSS3 but its not supported by major browsers.

Try using this code...

Code:
body {
background : url(IMAGE 1) repeat-x bottom , url(IMAGE 2) repeat-x top left;
}

Easiest way would be to add two images to two different elements. Like, you can add main background to the body and the bottom background to the #wrap.

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) » Bottom image

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