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.

Catagory Background Image

View previous topic View next topic Go down

Solved Catagory Background Image

Post by Tattastic on February 14th 2016, 4:03 pm

Not sure if this is possible. I know you can set the background colours for the forums within each category, as you can see the blue background on the screen grab.



But what I want to know is there anyway to set an image for the background of the forums within the cats gory rather than just using a colour?

Tattastic
Forumember

Male Posts : 104
Reputation : 1
Language : English
Location : Middlesbrough, UK

http://www.clan-aom.com

Back to top Go down

Solved Re: Catagory Background Image

Post by Draxion on February 14th 2016, 4:09 pm

Hi there,

If you understand which CSS code effects the area you want, all you have to do is add the following..

Code:
background-image: url("/* url of image */");

Draxion
Helper
Helper

Male Posts : 553
Reputation : 79
Language : English
Location : USA

http://dawnofthedragons.forumotion.com/

Back to top Go down

Solved Re: Catagory Background Image

Post by Genesis on February 14th 2016, 5:19 pm

So you want an image that is sized to fit the forums under the category header?

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Catagory Background Image

Post by YoshiGM on February 14th 2016, 10:26 pm

Hi,
If you want to change the background behind the cattegory title, use this CSS:

Code:
ul.topiclist {
    background-image: url(YOUR BACKGROUND IMAGE HERE);
    background-repeat: repeat-x;
    color: #fff;
    list-style-type: none;
    margin: 0;
}

But, if you want to change the forums background:

Code:
li.row {
background-image: (YOU BACKGROUND IMAGE HERE);
background-color: THE BACKGROUND COLOR HERE;
background-repeat: repeat-x;
color: #FFFFFF; /*TEXT COLOR*/
}

Hope it helps you Wink

YoshiGM
Forumember

Male Posts : 533
Reputation : 80
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Solved Re: Catagory Background Image

Post by Tattastic on February 15th 2016, 4:22 pm

@Forumedic wrote:So you want an image that is sized to fit the forums under the category header?

Yeah I think you get what I mean, rather than have a solid colour on the forum background under each catagory I would like to use a image.

If i can when I get home I'll mock up an image of the idea I want, see if it helps people understand what I am looking to acheive. I couldnt do it yesterday, as I was not in my house, and did not have access to photoshop.

Tattastic
Forumember

Male Posts : 104
Reputation : 1
Language : English
Location : Middlesbrough, UK

http://www.clan-aom.com

Back to top Go down

Solved Re: Catagory Background Image

Post by Tattastic on February 15th 2016, 6:23 pm

Here is a mock up...

What it looks like now



What I am hoping to acheive (with a background image), you might be able to see a very faint image behind it, this is due to soft light and opacity change.



So really is there any coding or settings that would allow this.

Thanks for the replies so far

Tattastic
Forumember

Male Posts : 104
Reputation : 1
Language : English
Location : Middlesbrough, UK

http://www.clan-aom.com

Back to top Go down

Solved Re: Catagory Background Image

Post by YoshiGM on February 15th 2016, 7:20 pm

Here's the correct code:

Code:
ul.forums li.row dl {
background-image: url("IMAGE LINK HERE");
background-repeat: no-repeat;
}

ACP > Display > Colors > CSS Sylesheet.

You can experiment with the code Wink


YoshiGM
Forumember

Male Posts : 533
Reputation : 80
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Solved Re: Catagory Background Image

Post by Tattastic on February 15th 2016, 10:46 pm

@YoshiGM have tried this and messed about with the code but nothing doesn't seem to work

Tattastic
Forumember

Male Posts : 104
Reputation : 1
Language : English
Location : Middlesbrough, UK

http://www.clan-aom.com

Back to top Go down

Solved Re: Catagory Background Image

Post by Tattastic on February 15th 2016, 11:04 pm

Code:
ul.forums dd {
  background-image: url('http://i68.servimg.com/u/f68/19/38/41/91/test10.jpg')
}

That coding sort of worked. It looks like this...



But that stops the image and starts it again at each section of the table, and doesn't reach the bottom on each part either. Does anyone know how to stop it looking like the image above?

Tattastic
Forumember

Male Posts : 104
Reputation : 1
Language : English
Location : Middlesbrough, UK

http://www.clan-aom.com

Back to top Go down

Solved Re: Catagory Background Image

Post by YoshiGM on February 15th 2016, 11:09 pm

Then, try using only:

Code:
li.row {
background-image: url('BG IMAGE LINK HERE');
}


YoshiGM
Forumember

Male Posts : 533
Reputation : 80
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Solved Re: Catagory Background Image

Post by Tattastic on February 15th 2016, 11:21 pm

@YoshiGM wrote:Then, try using only:

Code:
li.row {
background-image: url('http://asistencia.foroactivo.com/t138364-subforos-con-diferente-imagen-de-fondo#810339');
}


Thanks @YoshiGM That worked a treat.

Sorry to be a pain, but is there anyway to give each forum is own image on the background?

For example it now looks like this...



But just say I wanted a different image behind About AoM to News and Announcements?

Tattastic
Forumember

Male Posts : 104
Reputation : 1
Language : English
Location : Middlesbrough, UK

http://www.clan-aom.com

Back to top Go down

Solved Re: Catagory Background Image

Post by Tattastic on February 17th 2016, 12:15 pm

This has been marked as solved.

As the last post is really a new question, I will make a separate post in case it is over looked on here.

Thanks

Tattastic
Forumember

Male Posts : 104
Reputation : 1
Language : English
Location : Middlesbrough, UK

http://www.clan-aom.com

Back to top Go down

Solved Re: Catagory Background Image

Post by SLGray on February 17th 2016, 8:30 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.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