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.

[Cirqued]

I have a question which section would help me if I want to make all my content boxes on my profile together? I should clarify that out a bit more I want to make them so if I put my comment section under my about they would be touching. I don't want it for one column but for all as well. xP

[Sunniesaurus]

Knight Yoshi

Awenita

Tabest can't be serious. emotion_facepalm

Yeah, I'm afraid she is. lol But that's stupidity for you.

That's insane lol.

How've you been? :3

[IMANOOT]

Awenita

Knight Yoshi

Awenita

Tabest can't be serious. emotion_facepalm

Yeah, I'm afraid she is. lol But that's stupidity for you.

That's insane lol.

How've you been? :3

A little busy and hungry. Other than that pretty good.

[sarcasticake]

Hey I need some help, yet again ^_^;
Im trying to make my panels radiant and Im not sure I used the code correctly could you help?

background-image: linear-gradient top, black, red

[IMANOOT]

Sarcastic cake

Radial examples can be found: http://www.gaiaonline.com/forum/t.71786147_3/#3, scroll down to gradient and see the radial examples. You do have that wrong, but the examples should point you in the right direction. If you need more help after that, let me know.

[sarcasticake]

Knight Yoshi

Sarcastic cake

Radial examples can be found: http://www.gaiaonline.com/forum/t.71786147_3/#3, scroll down to gradient and see the radial examples. You do have that wrong, but the examples should point you in the right direction. If you need more help after that, let me know.

Hey I need some help, yet again ^_^;
Im trying to make my panels gradient and Im not sure I used the code correctly could you help?
I ment gradient, ha my bad!
If Im using it right why dont I see it?
Im using chrome

[IMANOOT]

Sarcastic cake

Knight Yoshi

Sarcastic cake

Radial examples can be found: http://www.gaiaonline.com/forum/t.71786147_3/#3, scroll down to gradient and see the radial examples. You do have that wrong, but the examples should point you in the right direction. If you need more help after that, let me know.

Hey I need some help, yet again ^_^;
Im trying to make my panels gradient and Im not sure I used the code correctly could you help?
I ment gradient, ha my bad!
If Im using it right why dont I see it?
Im using chrome

There are four types of gradients. Linear, radial, linear-repeating and radial-repeating. You want linear or radial? Anyways. The linear-gradient value isn't standardized yet. So you have to use the browser prefixes, which can be found found listed as compatibility.

background: -webkit-linear-gradient(top, white, black) /* Chrome/Safari and other webkit browsers only */

[sarcasticake]

Knight Yoshi

Sarcastic cake

Knight Yoshi

Sarcastic cake

Radial examples can be found: http://www.gaiaonline.com/forum/t.71786147_3/#3, scroll down to gradient and see the radial examples. You do have that wrong, but the examples should point you in the right direction. If you need more help after that, let me know.

Hey I need some help, yet again ^_^;
Im trying to make my panels gradient and Im not sure I used the code correctly could you help?
I ment gradient, ha my bad!
If Im using it right why dont I see it?
Im using chrome

There are four types of gradients. Linear, radial, linear-repeating and radial-repeating. You want linear or radial? Anyways. The linear-gradient value isn't standardized yet. So you have to use the browser prefixes, which can be found found listed as compatibility.

background: -webkit-linear-gradient(top, white, black) /* Chrome/Safari and other webkit browsers only */

Thanks alot! Makes more sense now smile

[IMANOOT]

James Eagen Holmes

Knight Yoshi

This post is reserved

I have this code for my profile

html, body {background: url(http://i1212.photobucket.com/albums/cc441/iT4NGO/Gaia Profile/JEH.jpg) no-repeat fixed center left;}

And it works when I click the "update" button, but when I try to save it goes back to a gallery image. How do I fix this so that the image I want stays on the screen?

You're having the problem because the image URI you're using has a space in it. This makes the URI non-standard and the browser can't read this. You need to mark the start and stop of the URI string with quotes, Gaia nulls double quotes " ", so use single quotes ' '. Place them inside of the parentheses around the URI.

[milkbunnii]

hello~~ fantastic thread! helped me out a bunch cause i am huge newb to css lol
i had one question though, i'm trying to extend the content section (i...think) to 100% so there's no gap at the bottom, but its giving me a lot of trouble and there's not much touching on using percentages for height and width.

i got this thanks to some googling but still no luck

html {
height: 100%;
}

body {
cursor: url('http://i42.tinypic.com/2v14uxj.png'), default;
background-image:url('http://i52.tinypic.com/23iea2t.jpg')
background-color:black;
background-repeat: repeat;
background-attachment:fixed;
height: 100%;
}

#content {
background-color:#FCFCFC;
border-color:#FCFCFC;
margin: auto;
width: 760px;
min-height: 100%;
border: 0px;
}

plus there's this pesky transparent bit above the header that appeared and will not go away. do you have any advice?

[IMANOOT]

James Eagen Holmes

Knight Yoshi

James Eagen Holmes

Knight Yoshi

This post is reserved

I have this code for my profile

html, body {background: url(http://i1212.photobucket.com/albums/cc441/iT4NGO/Gaia Profile/JEH.jpg) no-repeat fixed center left;}

And it works when I click the "update" button, but when I try to save it goes back to a gallery image. How do I fix this so that the image I want stays on the screen?

You're having the problem because the image URI you're using has a space in it. This makes the URI non-standard and the browser can't read this. You need to mark the start and stop of the URI string with quotes, Gaia nulls double quotes " ", so use single quotes ' '. Place them inside of the parentheses around the URI.

Ok cool, also I don't quite understand how the text thing works, I want my text boxes to be black and the text color inside them to be green, how do I put that in code?

See the 'background-color' and 'color' properties. View the examples if you don't understand.

[IMANOOT]

paperplanejane

hello~~ fantastic thread! helped me out a bunch cause i am huge newb to css lol
i had one question though, i'm trying to extend the content section (i...think) to 100% so there's no gap at the bottom, but its giving me a lot of trouble and there's not much touching on using percentages for height and width.

i got this thanks to some googling but still no luck

html {
height: 100%;
}

body {
cursor: url('http://i42.tinypic.com/2v14uxj.png'), default;
background-image:url('http://i52.tinypic.com/23iea2t.jpg')
background-color:black;
background-repeat: repeat;
background-attachment:fixed;
height: 100%;
}

#content {
background-color:#FCFCFC;
border-color:#FCFCFC;
margin: auto;
width: 760px;
min-height: 100%;
border: 0px;
}

plus there's this pesky transparent bit above the header that appeared and will not go away. do you have any advice?

Definitely thanks for the feed back, I'll be sure to address percentages more, there are some sections of the thread I'm re-doing because of obvious lack of explanations and things being spread out that should be condensed. Percentages though, rely on the dimensions of the parent element (even if the parent element relies on it's parent or ancestor element).

Do you mind providing screenshots of the problem and put a red box around it, I'm not seeing it. sweatdrop

[milkbunnii]

Knight Yoshi

well i'm subscribed to the thread! i'll be looking forward to it 3nodding what you do have is very well done though, i especially appreciate the examples.

ah sorry it might be a bit too light on some screens! i should probably darken it up so it's a bit easier on the eyes. but of course screenshots~~ here's the tiny gap at the top of the page. it became really obvious around when i changed the gaia header background color but looking at it now it looks like its on the default custom classic profile anyway.

and then there is the bottom gap. its been there since i started and it seems to be on all the unedited classic custom profiles. besides the percentages i don't know exactly which selector(s?) this would fall under either. i was thinking i'd just make the #content height:100% but obviously that didn't work out lol. but if i'm understanding what you said correctly i would specify some height for whichever section it is in addition to using the percentage attribute?