Welcome to Gaia! ::

Witch_Kitty666's avatar
  • 200
  • 100
  • 100
i was trying to add the scrolling code to "about me" but it wouldn't work ! !, can anyone show me how to use it ? (i have no idea what i'm doing) sweatdrop
Knight Yoshi's avatar
  • 300
  • 200
Witch_Kitty666
i was trying to add the scrolling code to "about me" but it wouldn't work ! !, can anyone show me how to use it ? (i have no idea what i'm doing) sweatdrop


#id_about {overflow-y: auto; height: value; width: value;}

Replace "value" with the height and width you want.
Witch_Kitty666's avatar
  • 200
  • 100
  • 100
it didn't work crying
Knight Yoshi's avatar
  • 300
  • 200
Witch_Kitty666
it didn't work crying


What did you do exactly?
Because that is how its done, and that's the correct ID tag to target the about for your profile.

Also, what browser are you using?
Witch_Kitty666's avatar
  • 200
  • 100
  • 100
Knight Yoshi
Witch_Kitty666
it didn't work crying


What did you do exactly?
Because that is how its done, and that's the correct ID tag to target the about for your profile.

Also, what browser are you using?


i paste the code and change the value like you said in the theme area for profiles then saved it

(this is what i type in) ----> #id_about {overflow-y: auto; height: 10; width: 10;}

using google chrome
Knight Yoshi's avatar
  • 300
  • 200
Witch_Kitty666
Knight Yoshi
Witch_Kitty666
it didn't work crying


What did you do exactly?
Because that is how its done, and that's the correct ID tag to target the about for your profile.

Also, what browser are you using?


i paste the code and change the value like you said in the theme area for profiles then saved it

(this is what i type in) ----> #id_about {overflow-y: auto; height: 10; width: 10;}

using google chrome


That's why, you forgot what units of measurement to tell it to use.
Basically the browser reads it as, ' "ten" what? Statement is void. '
You forgot the px after 10: 10px

And 10px isn't very big at all, try I'd say probably 400x400 for your about section, give or take.
Witch_Kitty666's avatar
  • 200
  • 100
  • 100
Knight Yoshi
Witch_Kitty666
Knight Yoshi
Witch_Kitty666
it didn't work crying


What did you do exactly?
Because that is how its done, and that's the correct ID tag to target the about for your profile.

Also, what browser are you using?


i paste the code and change the value like you said in the theme area for profiles then saved it

(this is what i type in) ----& #id_about {overflow-y: auto; height: 10; width: 10;}

using google chrome


That's why, you forgot what units of measurement to tell it to use.
Basically the browser reads it as, ' "ten" what? Statement is void. '
You forgot the px after 10: 10px

And 10px isn't very big at all, try I'd say probably 400x400 for your about section, give or take.


the code works BUT it didn't make the scroll bar hidden though.......
Knight Yoshi's avatar
  • 300
  • 200
Witch_Kitty666
Knight Yoshi
Witch_Kitty666
Knight Yoshi
Witch_Kitty666
it didn't work crying


What did you do exactly?
Because that is how its done, and that's the correct ID tag to target the about for your profile.

Also, what browser are you using?


i paste the code and change the value like you said in the theme area for profiles then saved it

(this is what i type in) ----& #id_about {overflow-y: auto; height: 10; width: 10;}

using google chrome


That's why, you forgot what units of measurement to tell it to use.
Basically the browser reads it as, ' "ten" what? Statement is void. '
You forgot the px after 10: 10px

And 10px isn't very big at all, try I'd say probably 400x400 for your about section, give or take.


the code works BUT it didn't make the scroll bar hidden though.......


Make it more complex why don't ya. Lol blaugh

Wrap everything in your about section between the BBcode "list"

[list]
The rest of your about section
[/list]


#id_about {height: 400px; overflow: hidden;}
#id_about ul {height: 100%; width: 115%; overflow: hidden; overflow-y: auto;}


If you don't mind the suggestion
The free floating avatars of you and your I'm presuming BF would look better with rounded corners, so it doesn't look so jagged
#pictures_container div img[id*='avatar'] {border-radius: 5px;}
^-- will apply to any free floating avatar image, optionally I think a box shadow would look nice as well box-shadow: 0 0 10px #000;
Witch_Kitty666's avatar
  • 200
  • 100
  • 100
Knight Yoshi
Witch_Kitty666
Knight Yoshi
Witch_Kitty666
Knight Yoshi
Witch_Kitty666
it didn't work crying


What did you do exactly?
Because that is how its done, and that's the correct ID tag to target the about for your profile.

Also, what browser are you using?


i paste the code and change the value like you said in the theme area for profiles then saved it

(this is what i type in) ----& #id_about {overflow-y: auto; height: 10; width: 10;}

using google chrome


That's why, you forgot what units of measurement to tell it to use.
Basically the browser reads it as, ' "ten" what? Statement is void. '
You forgot the px after 10: 10px

And 10px isn't very big at all, try I'd say probably 400x400 for your about section, give or take.


the code works BUT it didn't make the scroll bar hidden though.......


Make it more complex why don't ya. Lol blaugh

Wrap everything in your about section between the BBcode "list"

[list]
The rest of your about section
[/list]


#id_about {height: 400px; overflow: hidden;}
#id_about ul {height: 100%; width: 115%; overflow: hidden; overflow-y: auto;}


If you don't mind the suggestion
The free floating avatars of you and your I'm presuming BF would look better with rounded corners, so it doesn't look so jagged
#pictures_container div img[id*='avatar'] {border-radius: 5px;}
^-- will apply to any free floating avatar image, optionally I think a box shadow would look nice as well box-shadow: 0 0 10px #000;


hey it's not like i'm asking you, to help me beat up old people ! !

also it cuts off some of the stuff i wrote at the bottom sweatdrop
Knight Yoshi's avatar
  • 300
  • 200
Witch_Kitty666


What do you mean, I see everything just fine. Excluding stuff being cut off from the right User Image - Blocked by "Display Image" Settings. Click to show.
Also you can add this to the "#id_about ul" declaration block

padding-right: 45px;
box-sizing: border-box;

^-- That'll move it away from the right side
Witch_Kitty666's avatar
  • 200
  • 100
  • 100
Knight Yoshi
Witch_Kitty666


What do you mean, I see everything just fine. Excluding stuff being cut off from the right User Image - Blocked by "Display Image" Settings. Click to show.
Also you can add this to the "#id_about ul" declaration block

padding-right: 45px;
box-sizing: border-box;

^-- That'll move it away from the right side


SORRY FOR ASKING YOU SO MANY QUESTIONS ! ! ! !

and yeah try that, i put the code right under the last one you gave me but still nothing. this is how i have it..............

#id_about {height: 400px; overflow: hidden;}
#id_about ul {height: 100%; width: 115%; overflow: hidden; overflow-y: auto;}
padding-right: 45px;
box-sizing: border-box;
Knight Yoshi's avatar
  • 300
  • 200
Witch_Kitty666
Knight Yoshi
Witch_Kitty666


What do you mean, I see everything just fine. Excluding stuff being cut off from the right User Image - Blocked by "Display Image" Settings. Click to show.
Also you can add this to the "#id_about ul" declaration block

padding-right: 45px;
box-sizing: border-box;

^-- That'll move it away from the right side


SORRY FOR ASKING YOU SO MANY QUESTIONS ! ! ! !

and yeah try that, i put the code right under the last one you gave me but still nothing. this is how i have it..............

#id_about {height: 400px; overflow: hidden;}
#id_about ul {height: 100%; width: 115%; overflow: hidden; overflow-y: auto;}
padding-right: 45px;
box-sizing: border-box;


Because you didn't add it to the declaration block! You're suppose to add it within the curly brackets of the #about ul...
Witch_Kitty666's avatar
  • 200
  • 100
  • 100
Knight Yoshi
Witch_Kitty666
Knight Yoshi
Witch_Kitty666


What do you mean, I see everything just fine. Excluding stuff being cut off from the right User Image - Blocked by "Display Image" Settings. Click to show.
Also you can add this to the "#id_about ul" declaration block

padding-right: 45px;
box-sizing: border-box;

^-- That'll move it away from the right side


SORRY FOR ASKING YOU SO MANY QUESTIONS ! ! ! !

and yeah try that, i put the code right under the last one you gave me but still nothing. this is how i have it..............

#id_about {height: 400px; overflow: hidden;}
#id_about ul {height: 100%; width: 115%; overflow: hidden; overflow-y: auto;}
padding-right: 45px;
box-sizing: border-box;


Because you didn't add it to the declaration block! You're suppose to add it within the curly brackets of the #about ul...


it works now thank you sweatdrop

Quick Reply

Submit
Manage Your Items
Other Stuff
Get Items
Get Gaia Cash
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff