TheCripZone SMF Themes Site

All Things Public => Theme Support => Topic started by: Anastaise on Jun 10, 12, 10:32:55 AM

Title: Blaze Dark theme
Post by: Anastaise on Jun 10, 12, 10:32:55 AM
I was wondering if I could change the banner area to be black, while still maintaining the ~1/4" grey border like the rest of the forum.  My Banner image is black and it looks weird when it suddenly stops and it's grey to the right of it.  I'm not a coder, but my guess is that I would need a black narrow image that could be repeated?  I don't know if this would be hard/easy to do.

http://www.fatality-gaming.com/forum/index.php?action=forum
Title: Re: Blaze Dark theme
Post by: Crip on Jun 10, 12, 10:47:02 AM
Hi,
let me take a quick look.. [end]
Title: Re: Blaze Dark theme
Post by: Crip on Jun 10, 12, 11:06:05 AM
You can control the Forums Background for the entire Theme here:
css/index.css Find & Change
/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
margin: 0 auto;
min-width: 764px;
max-width: 2300px;
border: 2px solid  #540708 !important;
padding: 5px; ==> background: #161616; <== border: 3px solid #313131; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; }
Title: Re: Blaze Dark theme
Post by: Anastaise on Jun 10, 12, 11:10:50 AM
Does that allow me to change only the color above the menu?  Sorry - I'm a newb...
Title: Re: Blaze Dark theme
Post by: Crip on Jun 10, 12, 11:15:19 AM
It does / it changes The Entire Theme to your color , but not just the Logo / menu Area .. Can you make a Transparent Banner?..that would help..
Title: Re: Blaze Dark theme
Post by: Crip on Jun 10, 12, 11:22:47 AM
With FireBug it doesn't look bad #background: 000;
Title: Re: Blaze Dark theme
Post by: Anastaise on Jun 10, 12, 11:37:52 AM
I could possibly figure out how to make the text area between the 2 images transparent, but that would look like crap with a different color behind the text and then 2 black/red square images on either side.  That is why I was hoping to modify the logo area background just above the menus.

I did the images and background color in photoshop elements and then copied them into powerpoint so I could get the text customized the way I wanted it and then saved it as a png file.  Photoshop elements has very limited text customization (at least that I could find).
Title: Re: Blaze Dark theme
Post by: Crip on Jun 10, 12, 11:40:15 AM
Check your PM's ..
Title: Re: Blaze Dark theme
Post by: Crip on Jun 10, 12, 11:59:41 AM
You can try this Banner..?
Title: Re: Blaze Dark theme
Post by: Anastaise on Jun 10, 12, 12:24:54 PM
I still like the black better - I went ahead and changed the background to black - which looks good except for a strange grey bar that's poking out above the menu area.
Title: Re: Blaze Dark theme
Post by: Crip on Jun 10, 12, 12:26:31 PM
I will check that..brb.
Title: Re: Blaze Dark theme
Post by: Crip on Jun 10, 12, 12:34:39 PM
Go here: css/index.css and change:
#toolbar { font-size: 90%; background: #161616 url(../images/theme/toolbar.gif) repeat-x; height: 32px; margin-left: 20px; margin-right: 20px; margin-bottom: 25px; }

To:
#toolbar { font-size: 90%; background: #000000 url(../images/theme/toolbar.gif) repeat-x; height: 32px; margin-left: 20px; margin-right: 20px; margin-bottom: 25px; }
Title: Re: Blaze Dark theme
Post by: Crip on Jun 10, 12, 12:39:28 PM
Found 2 more places that also can be Changed:
css/index.css
===========

/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* the framing graphics */
#header
{
background: #161616;   <==========
}
#header div.frame
{
background: #161616;   <==========
display: block;
}
Title: Re: Blaze Dark theme
Post by: ZarPrime on Jun 10, 12, 12:45:55 PM
Crip,

You could also find that 12px under Doom Styles, or whatever it is and change it to 0px.

ZP
Title: Re: Blaze Dark theme
Post by: Crip on Jun 10, 12, 12:47:41 PM
Yes sir , you could do that too ;)
Title: Re: Blaze Dark theme
Post by: ZarPrime on Jun 10, 12, 12:49:29 PM
Here it is, almost at the very bottom ...

/* Doom Styles.
--------------------------------------------------------- */
#header { height: 12px;}
Title: Re: Blaze Dark theme
Post by: Anastaise on Jun 10, 12, 01:10:50 PM
ok - made the edits - what do you think?

I also changed the banner image to only have it on the left since on smaller screen it bled over into the log-in area.

edit:  now i'm thinking I would like to make that grey bit on the right left edge to be black too...
Title: Re: Blaze Dark theme
Post by: Crip on Jun 10, 12, 01:16:42 PM
It looks fine to me  , it was only a few color changes..
Title: Re: Blaze Dark theme
Post by: Crip on Jun 10, 12, 01:20:55 PM
totally up to you.
Title: Re: Blaze Dark theme
Post by: Anastaise on Jun 10, 12, 01:26:59 PM
which part would I need to edit to make that strip of grey to each side black?

See my attachment with the horrible yellow paint to see what i'm referring to...
Title: Re: Blaze Dark theme
Post by: ZarPrime on Jun 10, 12, 02:20:11 PM
That would be as follows ...

Code (Find This) Select

/* the content section */
#content_section
{
background: #161616;
padding-left: 20px;
padding-right: 20px;
}


Code (and Replace with This) Select

/* the content section */
#content_section
{
background: #000000;
padding-left: 20px;
padding-right: 20px;
}
Title: Re: Blaze Dark theme
Post by: Anastaise on Jun 10, 12, 02:27:47 PM
it's perfect - i love it

Thank you so much for all of the help.  You are the best.

btw - I love your themes Crip  :smitten:
Title: Re: Blaze Dark theme
Post by: ZarPrime on Jun 10, 12, 02:33:42 PM
No problem, that's what we are here for.  I will go ahead and mark this topic solved. O0

ZarPrime
Title: Re: Blaze Dark theme
Post by: Crip on Jun 10, 12, 05:04:59 PM
Good solution indeed ZP.
Title: Re: Blaze Dark theme
Post by: ZarPrime on Jun 11, 12, 03:04:21 AM
Thank you Sir. ;) I take that as a complement, especially since it came from the Theme Master. :laugh:

ZP