Welcome to Gaia! ::

Gaia Forums » GAIA Community » Gaia Community Discussion » Profile Discussion
<3 </3
Reply
1

ninac11's Significant Otter

Married Bachelorette

Offline
Hi, I'm too lazy to fix the code for my profile so can someone help?
****I'm willing to give away 1 mil to whoever can fix my profile code. :3*****
I really want to get rid of that white space in my profile below my wishlist and randomly in the comments section.

My code is:
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#extendedProfileBody #header h1{
background: none;
display: none;
height: 1px;
}

body {background: #ffffff
url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) cursor: se-resize;}
a {color: #ffffff; text-decoration: none; cursor: move;}
a:hover {color: #EDCA75; text-decoration: line-through; cursor: move;}

#profile
{
background: #ffffff
url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#profile h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
text-indent: 0 px;
}

#details
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
height: 1%; /* Holly Hack */
}

#details h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
text-indent: 45px;
}

#wishlist
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#wishlist h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
text-indent: 45px;
}


#about
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
height: 1%; /* Holly Hack */
}

#about h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
}

#friends
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
height: 1%; /* Holly Hack */
}

#friends h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
}


#journal
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#journal h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
}


#multimedia
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#multimedia h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
}

#comments
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#comments h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-y;
}


#signature
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-y;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
text-align: center;
}

#signature h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
}

Beloved Darling

Offline
0ct

Your #content background is white, so that's the white part that's showing up under your wishlist. I think you want to make it transparent.

For the comments section, the background to repeat horizontally (repeat-x), but the background photo isn't large enough to accompany it, so you should really tell it to repeat-y.

And that is all ^_^

As a side note, the black font is kind of hard to read on top of the background. You might want to consider changing that. Well, if you want; it's your profile after all.

It's nice to see someone coding a v1. It seems to me like it's dying out.

reinasachiko's Senpai

Dramatic Gentleman

23,715 Points
  • Fan Before It Was Cool 500
  • Nuclear Plant 500
  • Rat Conqueror 500
Offline
Confelicity
0ct


It's nice to see someone coding a v1. It seems to me like it's dying out.
not really, although it is less popular than it was. There are still many profile shops out there who still do classic profile. I even alao do classic. To be honest, if you know the classic profile tricks. It is more powerful than current profile.

ninac11's Significant Otter

Married Bachelorette

Offline
Confelicity
0ct

Your #content background is white, so that's the white part that's showing up under your wishlist. I think you want to make it transparent.

For the comments section, the background to repeat horizontally (repeat-x), but the background photo isn't large enough to accompany it, so you should really tell it to repeat-y.

And that is all ^_^

As a side note, the black font is kind of hard to read on top of the background. You might want to consider changing that. Well, if you want; it's your profile after all.

It's nice to see someone coding a v1. It seems to me like it's dying out.

do you mind just adding your fixes to the code and I can paste it to see if it works? sweatdrop
and yeah, I haven't even gotten to the font yet ;_;

ninac11's Significant Otter

Married Bachelorette

Offline
Fredy-san
Confelicity
0ct


It's nice to see someone coding a v1. It seems to me like it's dying out.
not really, although it is less popular than it was. There are still many profile shops out there who still do classic profile. I even alao do classic. To be honest, if you know the classic profile tricks. It is more powerful than current profile.


Oh really? I think lots of people just take the coding from other sources and alter it.......like me sweatdrop sweatdrop sweatdrop sweatdrop sweatdrop

Beloved Darling

Offline
0ct
I checked my fixes while I was looking at your profile with developer tools, but if it's hard to understand, here's the code:


#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#extendedProfileBody #header h1{
background: none;
display: none;
height: 1px;
}

body {background: #ffffff
url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) cursor: se-resize;}
a {color: #ffffff; text-decoration: none; cursor: move;}
a:hover {color: #EDCA75; text-decoration: line-through; cursor: move;}

#profile
{
background: #ffffff
url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#profile h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
text-indent: 0 px;
}

#details
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
height: 1%; /* Holly Hack */
}

#details h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
text-indent: 45px;
}

#wishlist
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#wishlist h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
text-indent: 45px;
}


#about
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
height: 1%; /* Holly Hack */
}

#about h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
}

#friends
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
height: 1%; /* Holly Hack */
}

#friends h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
}


#journal
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#journal h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
}


#multimedia
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#multimedia h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
}

#comments
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-y;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#comments h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-y;
}


#signature
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-y;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
text-align: center;
}

#signature h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
}

#content {background: transparent}


    I just changed the "repeat-x" in the comments section to "repeat-y" and added a content selector with a white background at the end.

    And true, lots of people take coding from somewhere and use it as a base code, but the people running shops (should) know not to do that. Their customers would know that they're not getting the real deal if their product looks like someone else's work, and they'll get in trouble for copying if they're found out.

ninac11's Significant Otter

Married Bachelorette

Offline
Confelicity
0ct
I checked my fixes while I was looking at your profile with developer tools, but if it's hard to understand, here's the code:


#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
#extendedProfileBody #header h1{
background: none;
display: none;
height: 1px;
}

body {background: #ffffff
url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) cursor: se-resize;}
a {color: #ffffff; text-decoration: none; cursor: move;}
a:hover {color: #EDCA75; text-decoration: line-through; cursor: move;}

#profile
{
background: #ffffff
url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#profile h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
text-indent: 0 px;
}

#details
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
height: 1%; /* Holly Hack */
}

#details h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
text-indent: 45px;
}

#wishlist
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#wishlist h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
text-indent: 45px;
}


#about
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
height: 1%; /* Holly Hack */
}

#about h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
}

#friends
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
height: 1%; /* Holly Hack */
}

#friends h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
}


#journal
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#journal h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
}


#multimedia
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#multimedia h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
}

#comments
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-y;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#comments h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-y;
}


#signature
{
background: #ffffff url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-y;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
text-align: center;
}

#signature h2
{
background: url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) top left repeat-x;
}

#content {background: transparent}


    I just changed the "repeat-x" in the comments section to "repeat-y" and added a content selector with a white background at the end.

    And true, lots of people take coding from somewhere and use it as a base code, but the people running shops (should) know not to do that. Their customers would know that they're not getting the real deal if their product looks like someone else's work, and they'll get in trouble for copying if they're found out.


Omg thanks for the effort! I have it on my current profile now, but I was hoping for the entire section where there's no picture to also have the starry picture as well. Do you think you can do that? sweatdrop

Beloved Darling

Offline
0ct

Oh, yes; sorry, I didn't see the bug earlier. It's in the body selector:

body {background: #ffffff
url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) cursor: se-resize;}


Delete the "cursor: se-resize;" part and it will work.

Also, that hex code for the color white in front of "url" is not necessary if you're having the background picture repeat itself because the white won't show up.

ninac11's Significant Otter

Married Bachelorette

Offline
Confelicity
0ct

Oh, yes; sorry, I didn't see the bug earlier. It's in the body selector:

body {background: #ffffff
url(http://i1021.photobucket.com/albums/af339/0ctober-/e4fa10d3.png) cursor: se-resize;}


Delete the "cursor: se-resize;" part and it will work.

Also, that hex code for the color white in front of "url" is not necessary if you're having the background picture repeat itself because the white won't show up.

Ahhh thank you so much! Sending trade now ;D
Gaia Forums » GAIA Community » Gaia Community Discussion » Profile Discussion

Quick Reply

Submit
Manage Your Items
Other Stuff
More
Get GCash
Offers
More
Get Items
More Items
More
Where Everyone Hangs Out
Other Community Areas
  • Guilds
    fan clubs for the stuff you love
  • Chat
    chat in real time with other Gaian's
  • Art Arenas
    browse & rate gaian art galleries
  • Clans
    play zOMG with others
More
Virtual Spaces
Fun Stuff
More
Gaia's Games
Mini-Games
More
Play with GCash
Play with Platinum
More