The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Css Help

View previous topic View next topic Go down

Solved Css Help

Post by Anime Creator on September 9th 2010, 6:37 pm

What is the code to add something to bottom of your forum in forumotion.

What i mean is like a picture , in the bottom of the page .

Like this forum

http://naruto-yarinaosu.forumactif.com/


how can you add the image in the bottom and top

for example that thing that shows navigation .


For Example when you see this picture in the bottom how can i add that like they did.

Anime Creator
Forumember

Posts : 337
Reputation : 7
Language : english

http://www.narutoland.net/index.htm

Back to top Go down

Solved Re: Css Help

Post by *Mare-SBK™* on September 9th 2010, 8:06 pm

For phpbb2


Code:

#page-footer {
background-image: url(URL OF PICTURE);
background-repeat: no-repeat;
}



*Mare-SBK™*
Forumember

Male Posts : 181
Reputation : 16
Language : Serbian, English, German

http://design4u.forumsr.com/

Back to top Go down

Solved Re: Css Help

Post by mex2 on September 9th 2010, 8:07 pm

if you want put something in bottom of PunBB forum, use this code:

Code:
.layout_IE {
background-image: url(http://img444.imageshack.us/img444/7418/thmenaruto11105.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

Just replace image link with yours...

If you got some problems, ask.

mex2
Forumember

Posts : 177
Reputation : 1
Language : English

Back to top Go down

Solved Re: Css Help

Post by Anime Creator on September 10th 2010, 2:47 am

http://www.narutoland.net/forum.htm

My forum , which do i use .

Anime Creator
Forumember

Posts : 337
Reputation : 7
Language : english

http://www.narutoland.net/index.htm

Back to top Go down

Solved Re: Css Help

Post by mex2 on September 10th 2010, 11:11 am

for phpBB2

mex2
Forumember

Posts : 177
Reputation : 1
Language : English

Back to top Go down

Solved Re: Css Help

Post by Anime Creator on September 11th 2010, 3:18 pm

http://www.narutoland.net/index.htm

look at my forum the code works but does nto show the complete img.

here is the img i want in the bottom om my forum and that it shows compeltly

https://i24.servimg.com/u/f24/15/54/17/17/n10.jpg

Anime Creator
Forumember

Posts : 337
Reputation : 7
Language : english

http://www.narutoland.net/index.htm

Back to top Go down

Solved Re: Css Help

Post by Saxaca on September 11th 2010, 3:58 pm

Huh, i'm a newbie at CSS, but try this:

Code:
.layout_IE {
background-image: url(http://img444.imageshack.us/img444/7418/thmenaruto11105.jpg);
background-repeat: no-repeat:;
background-position: bottom:fixed;
}

I added :fixed to the position, just guessing, though.

Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

Solved Re: Css Help

Post by Anime Creator on September 11th 2010, 9:37 pm

nice try but did not work.

Anime Creator
Forumember

Posts : 337
Reputation : 7
Language : english

http://www.narutoland.net/index.htm

Back to top Go down

Solved Re: Css Help

Post by RoNo on September 11th 2010, 11:04 pm

@Anime Creator wrote:What is the code to add something to bottom of your forum in forumotion.

What i mean is like a picture , in the bottom of the page .

Like this forum

http://naruto-yarinaosu.forumactif.com/


how can you add the image in the bottom and top

for example that thing that shows navigation .


For Example when you see this picture in the bottom how can i add that like they did.
The footer image at that site is positioned like this
Code:
#page-footer {
   background-image:url("http://img444.imageshack.us/img444/7418/thmenaruto11105.jpg");
   background-position:center top;
   background-repeat:no-repeat;
   height:220px;
   margin-bottom:-160px;
   margin-left:0;
   }
Admin Panel»Display»Pictures and Colors»Colors»CSS Stylesheet



You can add it in templates (with better control of positioning) like this...

@ Admin Panel»Display»Templates»General»overall_footer

Directly after: <div id="page-footer">
Code:
 [ if your forum has a fixed width... use this ]
<center><img src="http://img444.imageshack.us/img444/7418/thmenaruto11105.jpg" width="900px" height="220px"></center>
   
   
[ if your forum width has a percentage setting... use this ]
<center><img src="http://img444.imageshack.us/img444/7418/thmenaruto11105.jpg" width="100%" height="220px"></center>

[ Experiment with sizes ]

Admin Panel View [click]

(remember to click publish)

RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

Solved Re: Css Help

Post by Anime Creator on September 12th 2010, 4:12 pm

thanks solve.

Anime Creator
Forumember

Posts : 337
Reputation : 7
Language : english

http://www.narutoland.net/index.htm

Back to top Go down

Solved Re: Css Help

Post by Sanket on September 12th 2010, 4:15 pm

Since this thread appears to be solved, I will lock this thread and mark it as solved.


Sanket Smile


Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


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