[Preview] Rainbow Shades

[Shades.]

Here is a colorful Rainbow theme I'm working on if anyone is interested. Still working on the transparent colors and buttons so this one might take me a little while.

I should have a Demo on my site soon, maybe this weekend.

You cannot view this attachment.

[TwitchisMental]

Looks like a good start .

A bit to bright for me though.

[Shades.]

I've spent more time on the graphics and buttons than anything and trying to make things match or coordinate together. Still don't have it quite right.

A bit to bright for me though.

Yeah me too but...

I can't figure out how to seperate and make the top bar links different from the rest of the theme. I want to keep the top bar links the yellow color and make all other links another color. Not sure what color yet, waiting until I find out how to do that first. Any tips or tricks on that?

[TwitchisMental]

I've spent more time on the graphics and buttons than anything and trying to make things match or coordinate together. Still don't have it quite right.

A bit to bright for me though.

Yeah me too but...

I can't figure out how to seperate and make the top bar links different from the rest of the theme. I want to keep the top bar links the yellow color and make all other links another color. Not sure what color yet, waiting until I find out how to do that first. Any tips on that?

You'll need to separate the dropmenu/top menu combo classes.

So for example with the default themes index.css

Find line 747

Code Select Expand

.dropmenu li a, #top_info > li > a {
padding: 0 7px 0 7px;
display: block;
border: 1px solid transparent;
border-radius: 4px;
}
/* Level 1 active button. */
.dropmenu a.active, #top_info a.active {
color: #fff;
font-weight: bold;
border-color: #f49a3a;
background: linear-gradient(#ffae14, #f5a100);
text-shadow: 0 0 2px #000;
}
change to

Code Select Expand

.dropmenu li a {
padding: 0 7px 0 7px;
display: block;
border: 1px solid transparent;
border-radius: 4px;
}
#top_info > li > a {
padding: 0 7px 0 7px;
display: block;
border: 1px solid transparent;
border-radius: 4px;
}
/* Level 1 active button. */
.dropmenu a.active, #top_info a.active {
color: #fff;
font-weight: bold;
border-color: #f49a3a;
background: linear-gradient(#ffae14, #f5a100);
text-shadow: 0 0 2px #000;
}

#top_info a.active {
color: #fff;
font-weight: bold;
border-color: #f49a3a;
background: linear-gradient(#ffae14, #f5a100);
text-shadow: 0 0 2px #000;
}
and so on and so forth lol.

Then ofcourse add/change the color to whatever you would like.

I believe I did this in my OS based themes, if you want to look at those for an example.

[Shades.]

You'll need to separate the dropmenu/top menu combo classes.

So for example with the default themes index.css

Thanks! I did it before on my other themes but I've been using my own saved template for so long now I forgot how to do it. And when I would compare with the default I was getting confused why I did this and that. I started this one from scratch so I can keep remembering and learning.

Thanks for the help!

[TwitchisMental]

You'll need to separate the dropmenu/top menu combo classes.

So for example with the default themes index.css

Thanks! I did it before on my other themes but I've been using my own saved template for so long now I forgot how to do it. And when I would compare with the default I was getting confused why I did this and that. I started this one from scratch so I can keep remembering and learning.

Thanks for the help!

No problem, always happy to help.

[Shades.]

Here are some more screenshots & a Demo Here.

Admin revamp trick/tip by: @Antechinus

Note: My screen capture stretches the background image because it is fixed, sorry. But you can take a look at the demo to get a better look.

You cannot view this attachment.

You cannot view this attachment.

You cannot view this attachment.

You cannot view this attachment.

You cannot view this attachment.     

[Antechinus]

Your attachments seem to be screwed.

ETA: And bugger me, that demo is a bit much early on a Sunday morning. I feel like I just got hit with a ton of mushrooms.

[Shades.]

Your attachments seem to be screwed.

I don't know what happened! I hit upload all and it showed green uploaded and I hit insert and they were there when I posted.

ETA: And bugger me, that demo is a bit much early on a Sunday morning. I feel like I just got hit with a ton of mushrooms.

 

I'll try again....

You cannot view this attachment.

You cannot view this attachment.

You cannot view this attachment.

You cannot view this attachment.

You cannot view this attachment.     

[Antechinus]

Your attachments seem to be screwed.

I don't know what happened! I hit upload all and it showed green uploaded and I hit insert and they were there when I posted.
I'll try again....

The 2.1 attachment system is rather eccentric.

[Shades.]

ETA: And bugger me, that demo is a bit much early on a Sunday morning. I feel like I just got hit with a ton of mushrooms.

LOL yep it's not for everyone but I'm sure somebody will like it...especially if they like shrooms!