Default theme (RC3 Curve) colour variations - updated

Started by Antechinus, November 10, 2009, 07:31:35 AM

Previous topic - Next topic

tycms

I have a few questions about Post and Info Centre rounded corners part of main_block.psd.


/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
color: #000;
background-color: #e7eaef;
}
.windowbg2
{
color: #000;
background-color: #f0f4f7;
}
.windowbg3
{
color: #000;
background-color: #cacdd3;
}



/* Colors for background of posts requiring approval */
.approvebg
{
color: #000;
background-color: #ffeaea;
}
.approvebg2
{
color: #000;
background-color: #fff2f2;
}


When I change the background colors in index.css, I have to change the background colors main_block.psd for rounded colors, right?

1) For approvebg, windowbg, windowbg2 layers, I cannot see a color in layer properties or layer styles. How I change the background colors of these layers? Simply by Edit > Fill option?

2) In index.css file, I can see that there are alternating background colors for posts waiting approval similar to the alternating colors for normal posts. But there is only one layer (approvebg) for this.

3) What is the role of roundframe and layer 1 layers?

Masterd

Nice themes, Antechinus. I really love "Prince of darkness" variant. One question. Can I completely change pictures and put my copyright? (Your copyright will still be there.)


Masterd

Thanks, but can I remove the link from your copyright?

smp420

"Things turn out best for those who make the best of the way things turn out." -Jack Buck


fmofmpls

Quote from: Phat B4t on April 16, 2010, 09:13:02 PM
I really like the Prince of Darkness theme, but I need the look to suit my site, so I am trying to get rid of the honeycomb look, how do I change the honeycomb look in the spot where it says General Category and Info Center - I can't seem to find an image file that matches that.

Thank you

That's exactly what I've been wondering. I too want to modify the "honeycomb" category bars. Anyone?


fmofmpls


shade3134

I'm assuming the lines around each color change is something used to show where it start and end? I have previously made my own header images, with this could I import them all into the same PSD and map them out just as the ones on the first post? What tool is that to put the lines around them?

Say for example, I have two different board indexes, how would I tell the code to map one area for one index header, and another area for the other? Kind of like here: www.kanyelive.com/chat

The index header on the right is smaller than the ones on the left. How do I do this? I would be very grateful if you could help.

Antechinus

By the lines I assume you mean the guides in the PSD. Yes, those are the edges of the various layers. They are done using the guides tool in Photoshop. Of course you can change them to whatever you like for custom themes. The PSD was just intended for people who wanted their variant to still look like Curve but in a different colour scheme.

I'm not sure what you mean by having two different headers but in any case that would be better asked in the Coding Discussion board since it is not a question about basic Curve variants as such. I assume you are after a header rotator code of some sort. Oh and your link is dead. Gives a 404.

shade3134

#292
I've edited the catbg and catbg_matte files in the PSD (the PSD is too large to attach).

Here is what it makes my site look like:



I can see the highlight of the arc on the other side. Why is it still blocky on that side?

www.sofarhome.com/chat

Also, in subforums, it repeats the edges. All of my main_block.png code is set to no repeat.


shade3134


Antechinus

Look at the way the markup is coded. If you want to make custom themes you need to understand how they are put together. The subforum, as you call it, has a header made of table cells. The category headers are not made of table cells. They are made by nesting an h3 inside a div. Different structure.

shade3134

I see. Well how do I fix this? I just want the header to over arc all the way across.

shade3134

Well can you tell me what an h3 is? Or point me to a guide that explains the concept behind this? Seems interesting...And I really need a lead to follow on solving this.

Hj Ahmad Rasyid Hj Ismail

Shade3134, you must understand default theme index.css to make your theme. It is all in there.

Antechinus

http://www.w3schools.com/css/default.asp

W3 schools also has HTML tutorials. HTML is used for the markup. CSS is used for the presentation. You really need a basic understanding of both. H3 is an HTML element, much like a div but used specifically for headings.

Really you need web dev tools if you are going to get into this. Which browser are you using?

Hj Ahmad Rasyid Hj Ismail

Quote from: shade3134 on June 25, 2010, 10:35:40 AM
Well can you tell me what an h3 is? Or point me to a guide that explains the concept behind this? Seems interesting...And I really need a lead to follow on solving this.
By the way the one that you have follow as I can see from your other post is good enough. Read it again and understand all the elements needed to be changed, if necessary.

An do read Antechinus advise on html and css above.

Advertisement: