1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.



Color Background for Main Page

Discussion in 'Solved Code Search' started by Peregrine, Jul 14, 2012.

  1. Offline

    Peregrine PEREGRINE

    Member Since:
    Aug 6, 2010
    Total Posts:
    155
    Likes Received:
    90
    Gender:
    Male
    Location:
    United States
    Peregrine, Jul 14, 2012
    #1
  2. Offline

    Piroska Power Word Studio

    Member Since:
    Jun 12, 2012
    Total Posts:
    378
    Likes Received:
    579
    Gender:
    Female
    Hey there, Pip! What you're looking to do is apply a body background color. There are two ways that you can do this: adding the code to the HTML or using CSS.

    So, say that, for whatever reason, you want to apply a black background. The RGB (red, green, blue) hexadecimal value for this is #000000.

    HTML
    Code: Select
    <body bgcolor="#000000">
    CSS
    Code: Select
    body {
  background-color: #000000;
}
    I would recommend using the latter option since I prefer to put all of my element parameters into a lovely stylesheet. If you're looking for a specific color, head to this page. It has five hundred colors and their RGB hex values, which should hopefully be enough to find the one that you want!

    Please let me know if this answer isn't what you are looking for or if there is more information that you need. Good luck!
    Piroska, Jul 14, 2012
    #2
    Peregrine and Lily Lilac like this.
  3. Offline

    Peregrine PEREGRINE

    Member Since:
    Aug 6, 2010
    Total Posts:
    155
    Likes Received:
    90
    Gender:
    Male
    Location:
    United States
    Thanks so much! Unfortunately, I can't get it to work. I forgot to mention this is for a Proboards site. Do I put it on the Global Header or Footer or the Main Header or Footer?
    Peregrine, Jul 14, 2012
    #3
  4. Offline

    Piroska Power Word Studio

    Member Since:
    Jun 12, 2012
    Total Posts:
    378
    Likes Received:
    579
    Gender:
    Female
    Oh, this is not something with which I am familiar! Do you have direct access to the forum's CSS file? If you do, all you need to do is take the second bit of code that I have provided and toss it into that file at the bottom. Or you can look within that file for body and then add the background-color: #000; (or whatever) to that.

    By tossing it into the CSS, it would update every page on the site that references that stylesheet. I doubt that they're utilizing multiple stylesheets.


    Edit: Alternative! In the GLOBER HEADERS add the following code:

    Code: Select
    <style>
body {
  background-color: #000000;
}
</style>
    Google has redeemed itself after getting me in trouble earlier this evening.
    Piroska, Jul 14, 2012
    #4
  5. Offline

    Peregrine PEREGRINE

    Member Since:
    Aug 6, 2010
    Total Posts:
    155
    Likes Received:
    90
    Gender:
    Male
    Location:
    United States
    Hmmm, I don't have direct assess to it, but I'll keep tweaking it, hoping to get it to work and I'll let you know when it finally does!
    Peregrine, Jul 14, 2012
    #5
  6. Offline

    Peregrine PEREGRINE

    Member Since:
    Aug 6, 2010
    Total Posts:
    155
    Likes Received:
    90
    Gender:
    Male
    Location:
    United States
    Peregrine, Jul 14, 2012
    #6
    Piroska likes this.
  7. Offline

    Piroska Power Word Studio

    Member Since:
    Jun 12, 2012
    Total Posts:
    378
    Likes Received:
    579
    Gender:
    Female
    Would you be willing to clarify what it is that you would like done? Now that I know how to add styles to Proboards and can see your site, I can hopefully find a way to get the results that you would like.
    Piroska, Jul 14, 2012
    #7
  8. Offline

    Peregrine PEREGRINE

    Member Since:
    Aug 6, 2010
    Total Posts:
    155
    Likes Received:
    90
    Gender:
    Male
    Location:
    United States
    I want to have one color as a background behind the boards and side-tables and then another color (or background) behind that color. For example, on this site: http://evolution-v1.proboards.com/
    Peregrine, Jul 14, 2012
    #8
  9. Offline

    Piroska Power Word Studio

    Member Since:
    Jun 12, 2012
    Total Posts:
    378
    Likes Received:
    579
    Gender:
    Female
    Okay, this may be a little complicated. I'm looking at the code for the site and tweaking some things around. I'm available for a bit if you'd like to sit down and mull through things! Or we could work on this over a period of time. My goal here is to make the site look somewhat similar to your example site.

    Remember on GLOBAL HEADERS where you put that code before? Between the <style> </style> tags, we'll be putting in new code!

    Code: Select
    .bordercolor {
    background-color: #2F4F2F;
}
td.welcomebg {
    background-color: #2F4F2F;
}
    So far, does this look more like what you want? If not, what should it be? If so, what needs to be changed now?
    Piroska, Jul 14, 2012
    #9
  10. Offline

    Peregrine PEREGRINE

    Member Since:
    Aug 6, 2010
    Total Posts:
    155
    Likes Received:
    90
    Gender:
    Male
    Location:
    United States
    It's showing up now only between the main banner and the top menu. And whatever is most convenient for you.
    Peregrine, Jul 14, 2012
    #10
  11. Offline

    Piroska Power Word Studio

    Member Since:
    Jun 12, 2012
    Total Posts:
    378
    Likes Received:
    579
    Gender:
    Female
    Ooh, ooh, did you delete the old code? I apologize, I probably should have been more clear. Keep the old code and add the new. So, ideally, you should have:

    Code: Select
    <style>
body {
  background-color: #2F4F2F;
}
.bordercolor {
    background-color: #2F4F2F;
}
td.welcomebg {
    background-color: #2F4F2F;
}
</style>
    And I'm available for most of the evening if you'd like to continue. I'm just doing research for a character concept on someone's site otherwise!
    Piroska, Jul 14, 2012
    #11
  12. Offline

    Peregrine PEREGRINE

    Member Since:
    Aug 6, 2010
    Total Posts:
    155
    Likes Received:
    90
    Gender:
    Male
    Location:
    United States
    Thanks! I'm off work tomorrow, so I can stay up late.

    Installed code. It's covering the entire background again.
    Peregrine, Jul 14, 2012
    #12
  13. Offline

    Piroska Power Word Studio

    Member Since:
    Jun 12, 2012
    Total Posts:
    378
    Likes Received:
    579
    Gender:
    Female
    Okay, excellent! So, now we have a background color, a header image, a menu bar below with all of the forums happy quicklinks, and your sidebar and main forums area below. This is similar to your example site -- or at least a step in the right direction. Yes?

    What would you like to see now?
    Piroska, Jul 14, 2012
    #13
  14. Offline

    Peregrine PEREGRINE

    Member Since:
    Aug 6, 2010
    Total Posts:
    155
    Likes Received:
    90
    Gender:
    Male
    Location:
    United States
    I'm thinking a color background behind the dark green background that you helped me put in place, like on the example site (and I'll make the boards skinnier if I have to). Does that make sense or should I rephrase? :)
    Peregrine, Jul 14, 2012
    #14
  15. Offline

    Piroska Power Word Studio

    Member Since:
    Jun 12, 2012
    Total Posts:
    378
    Likes Received:
    579
    Gender:
    Female
    Okay. You may need to provide a little bit of clarification, but let me proceed with what I think that you are saying.

    You want a color behind all of the green (specifically #2F4F2F) that we have added to your site. Unfortunately, this cannot be done. Remember the initial tag that we placed on the site? That body code effects the background of the entire site. There is nothing below the body (or, well, there shouldn't be). Everything is built on top of that initial layer, for lack of a better word.

    Now, what we can do is take all of that content below the header and site-link bar and place a background color on that. This is what has been done on the example site: the table containing the sidebar and forums has been restricted to a width of 850px and has a background color.

    Unfortunately, this is where things also start getting tricky. This table doesn't have a name associated with it. If it had a name, all we would have to do is add the appropriate style to GLOBAL HEADERS and everything would take care of itself. I'm not sure how much customization you can have with Proboards, not having ever worked on a site hosted by them, but I'm going to turn to my handy-dandy Google to see if I can find an answer.

    In the meantime, you can clarify what you want, confirm that I understand your original post, and provide further insight into what else I can do to help!
    Piroska, Jul 14, 2012
    #15
  16. Offline

    Peregrine PEREGRINE

    Member Since:
    Aug 6, 2010
    Total Posts:
    155
    Likes Received:
    90
    Gender:
    Male
    Location:
    United States
    That is correct. A color behind the #2F42F would be perfect!
    Peregrine, Jul 14, 2012
    #16
  17. Offline

    Peregrine PEREGRINE

    Member Since:
    Aug 6, 2010
    Total Posts:
    155
    Likes Received:
    90
    Gender:
    Male
    Location:
    United States
    Problem has been resolved.
    Peregrine, Jul 15, 2012
    #17

Share This Page