Style Sheet Plus Solutions - Thread Relocated

Is relocating the thread a hassle?

Yes. :<	30.0%	[ 3 ]
No. :>	40.0%	[ 4 ]
Apology for relocating not accepted. D:	30.0%	[ 3 ]
Total Votes:			[ 10 ]

This poll closed on December 18, 2012.
No longer accepting new votes.

[IMANOOT]

Updated 8/14

• background gradient - Chrome property format change. The syntax is more picky though; added IE 9+ support
  
• transition - Tidied it up to be a tad more clear

[Gamegirl291]

Very helpful =] And well organized! I'll hpefully be using this later heart 3nodding

[IMANOOT]

Mmm, CSS properties. smile

[Adulariah]

10/10 with this guide, I love it~ 4laugh

[IMANOOT]

Bump!

[Knemo]

Alright im sorry im back sweatdrop
But anyways, so basically would I use the opacity code?

[IMANOOT]

Knemo

Alright im sorry im back sweatdrop
But anyways, so basically would I use the opacity code?

For the looking of having combined boxes? No. Here's what you should do, firstly, combine all the declaration blocks into one.

So for example if it says
.panel { w/e in here} combine all the properties into a single declaration block
So like if you have this
.panel { background: #000000;}
.panel { height: 400px;}
You'd combine those into one as so
.panel {background: #000000; height: 400px;}
Same thing for any other properties/separate declaration blocks for each selector.
Once we organize your CSS assisting you will be SOO much easier.

[Knemo]

Knight Yoshi

Knemo

Alright im sorry im back sweatdrop
But anyways, so basically would I use the opacity code?

For the looking of having combined boxes? No. Here's what you should do, firstly, combine all the declaration blocks into one.

So for example if it says
.panel { w/e in here} combine all the properties into a single declaration block
So like if you have this
.panel { background: #000000;}
.panel { height: 400px;}
You'd combine those into one as so
.panel {background: #000000; height: 400px;}
Same thing for any other properties/separate declaration blocks for each selector.
Once we organize your CSS assisting you will be SOO much easier.

Ok so all panels and also like all h2 panels just comine using ; then ending with }

[IMANOOT]

Knemo

Knight Yoshi

Knemo

Alright im sorry im back sweatdrop
But anyways, so basically would I use the opacity code?

For the looking of having combined boxes? No. Here's what you should do, firstly, combine all the declaration blocks into one.

So for example if it says
.panel { w/e in here} combine all the properties into a single declaration block
So like if you have this
.panel { background: #000000;}
.panel { height: 400px;}
You'd combine those into one as so
.panel {background: #000000; height: 400px;}
Same thing for any other properties/separate declaration blocks for each selector.
Once we organize your CSS assisting you will be SOO much easier.

Ok so all panels and also like all h2 panels just comine using ; then ending with }

Yes, make sure you place a semi-colon after each property, the semi-colon defines a stoping point from one property to another.

[Knemo]

html, body {background: black url() no-repeat center; }
.panel {background: #000000; border: 3px inset #FFFFFF; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.panel h2{background: #000000; text-align:center;}
.section h2 {display:none; text-indent:-3000px;}
#columns{width: 760px; margin-left: auto; margin-right: auto; float: none; position: relative; top: 0px;}
#id_about{color: #FFFFFF;}
.media_panel embed, .media_panel object{height: 25px; width: 450px;}
#about ol{overflow: auto; overflow-x: hidden; overflow-y: hidden; height: 200px;}
#id_about ol{overflow-y: auto; padding-right: 500px; height: 400px; width: 475px;}

Is there anymore i could combine? I combined mostly everything that I thought could pasted the code back and it worked!

[IMANOOT]

Knemo

Gah, sorry about yesterday. Had to go to class. sweatdrop I see you changed your profile, so you no longer need help then?

You can always refer to this guide if you need. Feel free to post questions, if you need help. I do keep it up-to-date with relevant CSS for profiles.

[Knemo]

Nah I actually have a few questions.
- Is there a way to make a section such as the About Me section, to be smaller but once the cursor goes over it becomes bigger? ( sorry I know theres a word for all that... just can't think )

- The shadow code, is there a way to change the color of the shadow?

- Can the shadow code be used to make it look like the text was glowing?

[IMANOOT]

Knemo

Nah I actually have a few questions.
- Is there a way to make a section such as the About Me section, to be smaller but once the cursor goes over it becomes bigger? ( sorry I know theres a word for all that... just can't think )
- The shadow code, is there a way to change the color of the shadow?
- Can the shadow code be used to make it look like the text was glowing?

I'm assuming you're talking about the text-shadow?

You see the hex color at the end. Change that to the color you want. You can use color names, hex, or rgb. Obviously color name or hex would be easiest.

And yes, but you'll need more than one color shadow. You will need to separate each shadow with a comma.
So like this
{text-shadow: <offset-x> <offset-y> <blur> <color>, <offset-x> <offset-y> <blur> <color>;}
Start at the top left of the text and work clock wise I find best. so for instance "-2px -2px" will be top left, then "2px -2px" would be top right. Just inverse the negatives and positives based on where you want it. To make it seem like it's glowing and not just outlined, you'll need to add the blur, probably about 3-5px will do.

[S u n n i e pea]

Knight Yoshi

I almost have a feeling you'd like the conversation to be taken here instead. lol so I'm totally crashing in on your thread for the rest of my questions.

[IMANOOT]

S u n n i e pea

Knight Yoshi

I almost have a feeling you'd like the conversation to be taken here instead. lol so I'm totally crashing in on your thread for the rest of my questions.

Go right ahead, this thread is here to assist... and fix the mistakes other poorly put together threads make... Those other threads that are crap are a disgrace to web developers everywhere