News:

Create A Forum Installed

Author Topic: entire forum background color or image  (Read 4061 times)

0 Members and 1 Guest are viewing this topic.

Offline Silver734

  • Full Member
  • ***
  • Posts: 165
  • Karma: 1
  • Gender: Female
    • View Profile
    • Fairy Tail

Badges: (View All)
Second year Anniversary One year Anniversary Poll Voter
entire forum background color or image
« on: August 26, 2013, 07:10:18 pm »
How can I do this? I just need the line in the stylesheet.
Fairytailrp.netFairytailrp.net
This forum was made with Create a Forum!! :3

Share on Facebook Share on Twitter


Offline aIURbliS

  • Hero Member
  • *****
  • Posts: 1215
  • Karma: 45
  • Gender: Male
  • Location: U.S.
    • View Profile

Badges: (View All)
Level 6 Sixth year Anniversary Fifth year Anniversary
Re: entire forum background color or image
« Reply #1 on: August 30, 2013, 04:00:22 am »
Code: [Select]
body {
    background-color: hex code here; //background color
    background-image: url('url here'); //background image
}
« Last Edit: August 30, 2013, 10:28:17 pm by aIURbliS »
All codes I make are tested on the latest version of Google Chrome and upon request of other browsers.

Offline Silver734

  • Full Member
  • ***
  • Posts: 165
  • Karma: 1
  • Gender: Female
    • View Profile
    • Fairy Tail

Badges: (View All)
Second year Anniversary One year Anniversary Poll Voter
Re: entire forum background color or image
« Reply #2 on: August 30, 2013, 05:48:22 pm »
thanks!
Fairytailrp.netFairytailrp.net
This forum was made with Create a Forum!! :3

Offline Sara50840

  • Full Member
  • ***
  • Posts: 124
  • Karma: 4
  • Hello all you happy peoples! :)
    • View Profile

Badges: (View All)
Level 4 One year Anniversary Windows User
Re: entire forum background color or image
« Reply #3 on: August 30, 2013, 08:43:01 pm »
Confused.  Didn't work for me.  I think I used the code wrong.

Offline aIURbliS

  • Hero Member
  • *****
  • Posts: 1215
  • Karma: 45
  • Gender: Male
  • Location: U.S.
    • View Profile

Badges: (View All)
Level 6 Sixth year Anniversary Fifth year Anniversary
Re: entire forum background color or image
« Reply #4 on: August 30, 2013, 10:25:03 pm »
Confused.  Didn't work for me.  I think I used the code wrong.
Maybe you should post the code
EDIT: I wrote the code for background color wrong
« Last Edit: August 30, 2013, 10:28:30 pm by aIURbliS »
All codes I make are tested on the latest version of Google Chrome and upon request of other browsers.

Offline Sara50840

  • Full Member
  • ***
  • Posts: 124
  • Karma: 4
  • Hello all you happy peoples! :)
    • View Profile

Badges: (View All)
Level 4 One year Anniversary Windows User
Re: entire forum background color or image
« Reply #5 on: August 31, 2013, 07:32:08 pm »
Do I have to fill in both?

Offline Silver734

  • Full Member
  • ***
  • Posts: 165
  • Karma: 1
  • Gender: Female
    • View Profile
    • Fairy Tail

Badges: (View All)
Second year Anniversary One year Anniversary Poll Voter
Re: entire forum background color or image
« Reply #6 on: September 01, 2013, 02:53:42 am »
Figured it outsupportJust slightly edit the new year's theme
change the url of the first thing that says background
Fairytailrp.netFairytailrp.net
This forum was made with Create a Forum!! :3

Offline THE REAPER

  • Newbie
  • *
  • Posts: 12
  • Karma: -2
    • View Profile

Badges: (View All)
10 Posts Karma Good Level 2
Re: entire forum background color or image
« Reply #7 on: September 06, 2013, 08:59:35 am »
Why this doesn't work for me? This is my code:-
Code: [Select]
body {
    background-color: hex code here; //background color
    background-image: url('http://i.imgur.com/xjlgTsN.jpg'); //background image
}

Offline aIURbliS

  • Hero Member
  • *****
  • Posts: 1215
  • Karma: 45
  • Gender: Male
  • Location: U.S.
    • View Profile

Badges: (View All)
Level 6 Sixth year Anniversary Fifth year Anniversary
Re: entire forum background color or image
« Reply #8 on: September 07, 2013, 04:35:02 am »
Firstly, did you replace the existing code for background image in the body {} or did you simply added this one in? If you just added it in, it probably won't work because it'll conflict with existing code.
Secondly, if you're not going to use the background-color, then remove that line.
All codes I make are tested on the latest version of Google Chrome and upon request of other browsers.

Offline Sara50840

  • Full Member
  • ***
  • Posts: 124
  • Karma: 4
  • Hello all you happy peoples! :)
    • View Profile

Badges: (View All)
Level 4 One year Anniversary Windows User
Re: entire forum background color or image
« Reply #9 on: September 07, 2013, 04:13:39 pm »
Do I post my code in headers, footers, meta tags, or somewhere else?  The following code is currently in my footers:
Code: [Select]
body {
    background-image: url('http://www.cgadvertising.com/media/Maps/3/abstract-design.jpg'); //background image
}
It didn't work.  It just added the code to my footers.  See here:
http://theforumofawesomeness.createaforum.com
« Last Edit: September 07, 2013, 04:16:17 pm by Sara50840 »

Offline aIURbliS

  • Hero Member
  • *****
  • Posts: 1215
  • Karma: 45
  • Gender: Male
  • Location: U.S.
    • View Profile

Badges: (View All)
Level 6 Sixth year Anniversary Fifth year Anniversary
Re: entire forum background color or image
« Reply #10 on: September 07, 2013, 05:36:29 pm »
It needs to be added into your style, I suggest you read the sticky topics in this board.
All codes I make are tested on the latest version of Google Chrome and upon request of other browsers.

 

Related Topics

  Subject / Started by Replies Last post
18 Replies
3600 Views
Last post September 18, 2010, 09:01:07 pm
by simply sibyl
2 Replies
1054 Views
Last post December 06, 2011, 04:56:50 am
by zDevon
0 Replies
827 Views
Last post January 11, 2012, 04:01:43 am
by MusicLover2012
7 Replies
1040 Views
Last post February 12, 2020, 01:33:05 pm
by ComputerTech
0 Replies
141 Views
Last post February 15, 2022, 05:24:53 am
by LTD