Lefora Free Forum
Loading
722 views

Set a Picture

Page 1
(items) 1–7 of 7
Rookie - member
1 posts

Hey guy, look id like to center a picture below the main topic box (categories) and next to the side bar... kknow what i mean? righ below those lil lines that say Powered and Hosted by Lefora, create a free forum, etc, im not the best with HTML but my main problem is that i have no idea of how to do it with that CSS thing. Id really appreciate any help. Btw im usint this theme too.

__________________
Photography, Scuba-Diving, Spearhead, GF, what else you need...
Superstar - admin
439 posts

You can achive something along those lines with the css section of the admin panel theme page. As long as you have the image you want uploaded somewhere, then the css you need to paste in there is bellow.

#footer {
background-position:center 24px;
background-repeat:no-repeat;
overflow:hidden;
padding-bottom:200px;
background-image:url(http://you.img.url/here.jpg);
}

Those last two you will have to change yourself:
padding-bottom:200px; <-- Change 200 to the height of your image in pixels (leave the px it is important)
background-image:url(http://you.img.url/here.jpg); <-- put the url to the image you want inside the url() brackets.

Also the image you use should be no wider than 710 pixels or it will run into the side bar and look messy.

Hope this helps.

__________________
it's better than bad, it's good
Rookie - member
5 posts

Sorry to grumble - and this code was useful but there's a typo in it that stops it working unless you correct it:

#footer {
background-position:center:24px; <----- need a colon here!
background-repeat:no-repeat;
overflow:hidden;
padding-bottom:200px;
background-image:url(http://../here.jp);
}

Pinkers

__________________
Your Philosophical Health & Safety Warning: Please check your mathematical foundations are sound before you erect your conceptual house...
Superstar - admin
439 posts

That colon makes that whole line invalid, so has the same effect as deleting the 'background-position' line - which is what you should do if you need it.

The original code is correct but it depends on the exact combination of theme and image as to what position is needed if any.

Its probably best to adjust the 24 value to whatever you like to position your image verticaly.

So your fix is ok, but its not the best way to do it, that colon is not valid css - change the numbers or delete the line instead.

__________________
it's better than bad, it's good
Rookie - member
5 posts

Is there a wqay to make a picture on the headline of the Main Page? sorta like a logo or something? Thanks for the help in advance.

__________________
9000/AT&T/4.6.0.210
Rookie - member
5 posts

Hi Cookie,

I tried adjusting the value to position the image vertically and got continual complaints that the CSS code was invalid. Hence I inserted the colon before the value and it worked, so I'm a bit mistyfied. I will happily admit that my knowledge of CSS (apart from the band of the same name who are kooky and cool) is very limited. I'll try deleting the line to see what happens. As you say it is probably an interaction with the theme and image. (Actually I have no idea if that is true but I'm willing to accept you know much more than me on this! - based on how ignorant I know I am).

Thanks for the feedback!
Pinkers.

__________________
Your Philosophical Health & Safety Warning: Please check your mathematical foundations are sound before you erect your conceptual house...
Fanatic - founder
3758 posts

if you post a picture in your forum, it will be promoted to the headlines page. however, at the moment, it's halfway down the page, we'll be moving that up to the top soon.

__________________
find me answering questions at support.lefora.com or interviewing forum admins on blog.lefora.com
Page 1
(items) 1–7 of 7

Locked Topic


You must be a member to post in this forum