Skip to main content ↑ ↓
Topic: Add background image (Read 3431 times) previous topic - next topic
0 Members and 1 Guest are viewing this topic.

Add background image

Hello,
is possible add background image?
I use Elkarte default theme with simple portal
Thanks.

Re: Add background image

Reply #1 –

Hello pixer and welcome! :D

Ye, it's possible to change any background and use images if you want, but exactly which background do you want to change?
If you are referring to the most external one, you have to change it on body:
Code: [Select]
body {
background-image: url(.....);
}
Bugs creator.
Features destroyer.
Template killer.

Re: Add background image

Reply #2 –

I would change the home background image.

Emanuele, you have "Er Core SMF" come dicono i romani. as the Roman people say
where smf there is Emanule them  :P

Elkarte is a very good project :)

Re: Add background image

Reply #3 –

Quote from: pixer – I would change the home background image.
hmm...
I'm a bit lost. lol
You mean maybe the logo at the top then?

Quote from: pixer – Emanuele, you have "Er Core SMF" come dicono i romani. as the Roman people say
where smf there is Emanule them  :P
LOL
Benvenuto allora! :P

Quote from: pixer – Elkarte is a very good project :)
Thanks! :D
Bugs creator.
Features destroyer.
Template killer.

Re: Add background image

Reply #4 –

Like this with trasparent foreground.


Or this with no trasparent.


Thanks.

Re: Add background image

Reply #5 –

Oh okay, then I got it the first time. ;D

You can apply the background to body as I showed you above, then if you want a transparent background...
You have to set it for #wrapper to begin with.
Then I'm not sure which one of the following:
Code: [Select]
.forum_category,
.forumposts,
.content_category
And some of the following as well:
Code: [Select]
.board_row,
.childboard_row,
.forumposts > div,
.forumposts > li,
.content_category > div,
.content_category > li

And you may (or may not, depends) add some transparency here as well:
Code: [Select]
#top_section

But I'm not really good with CSS...
Bugs creator.
Features destroyer.
Template killer.

Re: Add background image

Reply #6 –

Thanks for answer but i dont code expert  :-[
can you explain me?

Thanks.

Re: Add background image

Reply #7 –

I'm not a css expert either.

I think something like that may give you some hints:
Code: [Select]
body {
background-image: url(.....);
}

.forum_category,
.forumposts,
.content_category {
opacity: 0.6;
}

.board_row,
.childboard_row,
.forumposts > div,
.forumposts > li,
.content_category > div,
.content_category > li {
opacity: 0.6
}
Bugs creator.
Features destroyer.
Template killer.

Re: Add background image

Reply #9 –

@Emanuele you are not expert but you are my master  :)
the my final code is this i hope to help someone else:
i open portal.css in theme/default/css because i use simple portal
Code: [Select]
body {
background-image: url(http://www.mysite.com/folder/image/bg.jpg);
}
#top_section,          /* for header section*/
.wrapper,               /* and this for real opacity if i dont add this the color is only clear and not trasparent */
.childboard_row,
.category_boards,
.forumposts > div,
.forumposts > li,
.content_category > div,
.content_category > li {
opacity: 0.9;
}
but i have another little question:
if i use 0.9 for opacity is ok but not perfect, if i use 0.9.5 the opacity gone, if i use 1.0 gone again,
what value should i use?

Thanks @meetdilip  :)

Re: Add background image

Reply #10 –

Probably you added a dot more than necessary? 0.95 instead of 0.9.5?
Bugs creator.
Features destroyer.
Template killer.

Re: Add background image

Reply #11 –

This morning my first thought just wake up has been to parameter 0.95, and then on the forum I read your answer. :)

Now is perfect! 8)

Thanks.

Re: Add background image

Reply #12 –

:D
Bugs creator.
Features destroyer.
Template killer.