Welcome to Gaia! :: View User's Journal | Gaia Journals

 
 

View User's Journal

User Image
Profile layout code

EDIT 15 Sept 06: Hojeez, 10 months after writing this people are still reading it! xd That's fantastic, although I've made 2 other profiles since and the one this refers to doesn't exist anymore and wasn't particularly impressive anyway sweatdrop Please keep that in mind if you're using this tutorial, and I'll write another one for my current profile soon!

EDIT: Due to a few incidents of people using my entire theme on their profile, I've taken out the urls to my images and colours. I'm sad that people would do this; please respect the work that people put into these profile themes.

Okay I was asked by a few people to explain my code, so hopefully people will find this useful ^_^ Feel free to use any
code from my profile theme, but please do not use any of the images.

A few definitions first...


Basics
CSS 'rules' can be applied to different HTML tags to change the way they appear. Besides the basic HTML tags, you can also specify an id (using 'id=...') for specific sections, and a class (using 'class=...') for different sections that share some things about the way they're displayed. Any tag can have an id, a class or both, so if you look in the HTML code for the Profile page, you might see something like this:
<div id="about" class="section">

That means that that section of code has an id of 'about' and is part of the 'section' class.

We can't edit the HTML for the profile pages, but its still good to know so the CSS makes sense 3nodding

Now, to specify styles for a tag in CSS, you'd write:
TAGNAME {
styles here;
}


If its an id you'd add a hash to the front:

#TAGNAME {
styles here;
}


And if its a class you'd add a dot to the front:

.TAGNAME {
styles here;
}


Each style rule should go on a new line, and must end with a semi-colon.

So, onto the real code. Remember, you'll need to replace the parts in capitals ('IMAGE URL' and 'COLOR') with your own image urls and colours.

Header
This is the header that appears under the logo and navigation bars, and shows the current user's avatar.
#extendedProfileBody #header h1 {
background-image: url(IMAGE URL)
height: 152px;
}
All I've done here is set the background image to my header, and changed the header's height. This is important if your
header image is larger or smaller than the default size, otherwise it will be cut off or have a large gap.

Content
The 'content' section is everything under the navigation down to before the footer; its the main content of the page.


#content {
background: #COLOR url(IMAGE URL) bottom left no-repeat;
}
This changes the background of the whole Content section. The first value changes the background colour, the second puts an image onto the background, 'bottom left' says where on the page the image should go, and 'no-repeat' stops it from tiling.

#content a {
color: #COLOR;
text-decoration: none;
}

#content a:hover {
color: #COLOR;
text-decoration: underline;
}

This part changes all links (<a> tags) within the Content section. The first part sets the text colour and turns off the default underlines. The second part changes what colour the text displays as when the mouse is hovering over it, and turns on an underline.

Section (general)
'Section' is a class used for all the main sections in the profile; this means that the About, Comments, etc boxes will be affected by this bit of code.

.section {
border: 0px 1px 1px 1px;
font-size: 11px;
margin-bottom: 5px;
padding: 0px 10px 10px 10px;
}

.section h2 {
font-size:0px;
height: 83px;
}

The first part affects sections in general. Looking at it bit by bit:
border: 0px 1px 1px 1px;

... sets the border widths for all sections. The first value is for the top border, second is for the left, third is right, fourth is bottom. You can set different widths this way; I've just set the top one to 0 so it doesn't appear at all, with 1px borders on all other sides.

font-size: 11px;

... changes the font size for all text within a section.

margin-bottom: 5px;
padding: 0px 10px 10px 10px;

These bits I just added in so all my things line up properly... 'margin' is the space outside of an object, and 'padding' is the lining inside an object. I've set the top padding to 0 so my headings sit at the top of each section.

.section h2 {
font-size:0px;
height: 83px;
}

The <h2> tag is around all the headings of the sections. I've made my own headings and don't want these in there, so I've set the font-size to 0. I have put background on them though, so I've set the height to the height of my background images so they don't get cut off.

Profile
Okay, onto the specific sections. If you want the borders, backgrounds, headings etc. to appear the same in each section you can just specify everything in the general section part, but I have different headings for each of mine so I do them all separately.

#profile {
background: #COLOR url(IMAGE URL) top left no-repeat;
border-color: #COLOR;
}

#profile h2 {
background: url(IMAGE URL) top left no-repeat;
}

This is the basic parts for my Profile section (the part with your own avatar and items). In the first part I've put on a background colour and image like before, and chosen a background colour.

The second part changes how the <h2> tag is displayed, which is at the top of the section. I'm using an image I created as a heading, so I've specified it as the background. Image headings for the left hand column sections need to be less than 230px wide.

#profile .caption {
display: none;
}

Still in the Profile section... this pertains to anything with a class 'caption' withing the 'profile' section, which is the speech bubble with my quote. I don't want it to appear at all, so I've set it to display: none. You can do this with any section you don't want to appear on the screen.

#profile ul {
background-color: #COLOR;
padding: 2px;
border: 3px double #COLOR;
}

This part pertains to any unordered-list tags (ul) in the profile section, which in this case is the items I'm currently wearing, displayed under my avatar. Just changed the background and padding, and added a border. 'double' makes it a double border; 'single' would make it a single solid border, and 'dotted' would make a dotten border.

Details


#details{
border-color: #COLOR;
color: #COLOR;
background: #COLOR url(IMAGE URL) bottom left no-repeat;
}

#details h2 {
background: url(IMAGE URL) top left no-repeat;
}

Pretty much the same as for Profile, but also changed the colour of the text using:
color: #COLOR;


Wishlist

#wishlist{
border-color: #COLOR;
background: #COLOR url(IMAGE URL) bottom left no-repeat;
}

#wishlist h2 {
background: url(IMAGE URL) top left no-repeat;
}

Same as for Profile, different header image.


About
#about {
background-color: #COLOR;
border-color: #COLOR;
background: #COLOR url(IMAGE URL) top right no-repeat;
}

#about h2 {
background: url(IMAGE URL) top left no-repeat;
}

Same as Details, different header image.

Friends
#friends {
background-color: #COLOR;
border-color: #COLOR;
font-size: 11px;
}

#friends h2 {
background: url(IMAGE URL) top left no-repeat;
}

Same as the other sections, different header image.

#friends #friendGroup li {
border-right: 1px dotted #COLOR;
background: url(IMAGE URL) bottom center no-repeat;
}

Changes how the avatars in the Friends section appear. I've put a dotted border on the right of each one which acts as a divider, and put a graphic behind each avatar.


Journal
#journal {
background-color: #COLOR;
border-color: #COLOR;
font-size: 11px;
}

#journal h2 {
background: url(IMAGE URL) top left no-repeat;
}

Same as for the other sections

#journal h3 {
display: none;
}

This is for the name of your journal. I don't want mine to appear, so I 'disappeared' it with display: none;

#journal p {
margin-top: 10px;
text-align:center;
}

This is for the description of your journal. I found it too close to my journal image, so I moved it down a little by making margin-top larger, and made the text center aligned.

#journal ul {
padding-top: 15px;
margin-left: 25px;
}

The list of your most recent journal articles. Just added some space around it with padding and margins.

#journal li {
padding-bottom: 5px;
list-style-type: circle;
}

Each item in the list of your most recent journal entries. The padding-bottom spaces them out a bit more, and the list-style-type puts the little circle in front of each one. Instead of circle you could make it square, disc, or none, which is the current default.


Comments
#comments {
background-color: #COLOR;
border-color: #COLOR;
font-size: 11px;
}

#comments h2 {
background: url(IMAGE URL) top left no-repeat;
}

Same as the others again.

#comments dl dt.avatar img {
background: url(IMAGE URL) left no-repeat;
padding-left: 3px;
margin-bottom: 2px;
}

#comments dl dt.avatar2 img
{
background: url(IMAGE URL) bottom right no-repeat;
_margin-right: 20px;
margin-bottom: 2px;
}

This is for the avatars of people who make comments on your page. The first bit is for avatars on the left, the second for avatars on the right. I've put an image behind them, and used margins and padding to position them where I want them to be.

This:

_margin-right: 20px;
... is an IE hack, meaning its a style only read by Internet Explorer. It's useful because different browsers display CSS differently. In IE my right avatars where shifted too far to the right, so I added a margin to shift them back. If you want something to only work in IE, just put an underscore at the front of it.

Signature

#signature {
background-color: #COLOR;
border-color: #COLOR;
}

#signature h2 {
background: url(IMAGE URL) top left no-repeat;
}

Same again.

Captions (aka speech bubbles)
The 'caption' class is used for all speech bubbles in the page, such as the ones in the Comments section. You need to specify styles for the left and right hand captions separately.

.caption {
border: 1px solid #COLOR;
}

.caption2 {
border: 1px solid #COLOR;
}

I didn't like the chunky grey border, so this changes it to a 1px border. I've used different colours for the left and right captions.

.caption:before {
content: url(IMAGE URL)
background: url(IMAGE URL) top right no-repeat;
}

.caption2:before {
content: url(IMAGE URL)
background: url(IMAGE URL) top right no-repeat;
}
This changes the top of the caption. If you want rounded borders, make the images and put the top left one in the first url, an top right in the second. If you're happy with the hard corners, just leave the url blank ( url() ), to get rid of the default Gaia corners.

.caption:after {
content: url(IMAGE URL)
background: url(IMAGE URL) bottom right no-repeat;
}

.caption2:after {
content: url(IMAGE URL)
background: url(IMAGE URL) bottom right no-repeat;
}

Same thing, but for the bottom corners. Left first, then right.

.caption .message {
background: url(IMAGE URL) top left no-repeat;
font-size: 11px;
}

.caption2 .message {
background: url(IMAGE URL) top right no-repeat;
font-size: 11px;
}
This is the little pointer bit on the speech bubble. Just change the url to your own image.


The Full Code
So here's my finished product! If you're using this to work on, please take out the links to my images when you put it up so it doesn't take up my bandwidth ~_~ Thankyou!

/* custom layout made by Chisa. Feel free to take any code, just don't take my images ^_^ */

/* MAIN HEADER --------*/
#extendedProfileBody #header h1 {
background-image: url(IMAGE URL)
height: 152px;
}

/* CONTENT -------- */
/* styles for the content dive around all the other sections */
#content a {
color: #COLOR;
font-size: 11px;
text-decoration: none;
}

#content a:hover {
color: #COLOR;
text-decoration: underline;
}

#content {
background: #COLOR url(IMAGE URL) bottom left no-repeat;
color: #COLOR;
}

/* SECTION ------ */
/* styles across all sections */
.section {
border: 0px 1px 1px 1px;
font-size: 11px;
margin-bottom: 5px;
padding: 0px 10px 10px 10px;
}

.section h2 {
font-size:0px;
height: 83px;
text-indent: -3000px;
}


/* PROFILE --------- */
/* styles for the Profile section */
#profile {
background: #COLOR url(IMAGE URL) top left no-repeat;
border-color: #COLOR;
}

#profile h2 {
background: url(IMAGE URL) top left no-repeat;
}

/* don't display speech bubble */
#profile .caption {
display: none;
}

/* current items list */
#profile ul {
background-color: #COLOR;
padding: 2px;
border: 3px double #COLOR;
}


/* DETAILS --------- */
/* styles for the Details section */
#details{
border-color: #COLOR;
color: #COLOR;
background: #COLOR url(IMAGE URL) bottom left no-repeat;
}

#details h2 {
background: url(IMAGE URL) top left no-repeat;
}


/* WISHLIST --------- */
/* styles for the Wishlist section */
#wishlist{
border-color: #COLOR;
background: url(IMAGE URL) bottom left no-repeat;
}

#wishlist h2 {
background: url(IMAGE URL) top left no-repeat;
}


/* ABOUT ------------ */
/* styles for the About section */
#about {
background-color: #COLOR;
border-color: #COLOR;
background: #COLOR url(IMAGE URL) top right no-repeat;
}

#about h2 {
background: url(IMAGE URL) top left no-repeat;
}


/* FRIENDS ---------- */
/* styles for the Friends section */
#friends {
background-color: #COLOR;
border-color: #COLOR;
font-size: 11px;
}

#friends h2 {
background: url(IMAGE URL) top left no-repeat;
}

/* avatars */
#friends #friendGroup li {
border-right: 1px dotted #COLOR;
background: url(IMAGE URL) bottom center no-repeat;
}


/* JOURNAL ---------- */
/* styles for the Journal section */
#journal {
background-color: #COLOR;
border-color: #COLOR;
font-size: 11px;
}

#journal h2 {
background: url(IMAGE URL) top left no-repeat;
}

#journal h3 {
display: none;
}

#journal p {
margin-top: 10px;
text-align:center;
}

#journal ul {
padding-top: 15px;
margin-left: 25px;
}

#journal li {
padding-bottom: 5px;
list-style-type: circle;
}

/* COMMENTS ---------- */
/* styles for the Comments section */
#comments {
background-color: #COLOR;
border-color: #COLOR;
font-size: 11px;
}

#comments h2 {
background: url(IMAGE URL) top left no-repeat;
}

/* avatars */
#comments dl dt.avatar img {
background: url(IMAGE URL) left no-repeat;
padding-left: 3px;
margin-bottom: 2px;
}

#comments dl dt.avatar2 img
{
background: url(IMAGE URL) bottom right no-repeat;
_margin-right: 20px;
margin-bottom: 2px;
}


/* SIGNATURE ---------- */
/* styles for the Signature section */
#signature {
background-color: #COLOR;
border-color: #COLOR;
}

#signature h2 {
background: url(IMAGE URL) top left no-repeat;
}

/* CAPTIONS ---------- */
/* styles for all speech bubbles in Comments section */
.caption {
font-size: 11px;
border: 1px solid #COLOR;
}

.caption2 {
border: 1px solid #COLOR;
}

.caption:before {
content: url(IMAGE URL)
background: url(IMAGE URL) top right no-repeat;
}

.caption:after {
content: url(IMAGE URL)
background: url(IMAGE URL) bottom right no-repeat;
}

.caption2:before {
content: url(IMAGE URL)
background: url(IMAGE URL) top right no-repeat;
}

.caption2:after {
content: url(IMAGE URL)
background: url(IMAGE URL) bottom right no-repeat;
}

.caption .message {
background: url(IMAGE URL) top left no-repeat;
font-size: 11px;
}

.caption2 .message {
background: url(IMAGE URL) top right no-repeat;
font-size: 11px;
}


Thats it! Have fun, and don't forget to experiment!






User Comments: [71] Viewing page 0 of 2 · Goto Page: 1 2 »  [add]
Dj
Community Member
avatar
commentCommented on: Mon Nov 14, 2005 @ 03:28am
Thank you for this chisa!!
Hopefully ill be able to make a profile as bueatiful as yours. ^^


commentCommented on: Mon Nov 14, 2005 @ 04:24pm
I appreciate you sharing your code with us; it is a great help. My profile is still a work in progress, but I couldn't have gotten this far without this post; thank you. ^^ User Image - Blocked by "Display Image" Settings. Click to show. User Image - Blocked by "Display Image" Settings. Click to show.



Sky Render
Community Member
[vo_Odka]
Community Member
avatar
commentCommented on: Tue Nov 15, 2005 @ 02:21pm
I love your profile and finally I can go off to experiment with my own ^^
Thanks for sharing all this info, my mouth dropped when I saw your profile. Its awesome.


commentCommented on: Tue Nov 15, 2005 @ 10:21pm
EEEEE! Thankyouthankyouthankyouthankyouthankyoooou! heart heart heart heart heart Makes this so much easier when I get to work on mine T~T Of course, not you have all the stuff that you said weren't there...there now...I think XD



Emi
Community Member
Chisa
Community Member
avatar
commentCommented on: Wed Nov 16, 2005 @ 05:57am
Yup, I'll be adding that stuff in soon 3nodding

I also need to take out all the links to image, because a few people have been copying my code completely and sticking in their profiles, images and all sad

Glad people are finding it useful ^_^


commentCommented on: Fri Nov 18, 2005 @ 05:40pm
Thank you for the code explanation!

I'll definently be using your guide more and more as I try to tighten up my layout.

heart



STKMisu
Community Member
Gantz Wessel
Community Member
avatar
commentCommented on: Fri Nov 18, 2005 @ 05:46pm
oi, I hate being a dumbass with no time to spare....


huff*

I shall get this eventually.... for now All I've learned is how to change my avi in the profile....

lol

Its a moogle...

Thanks for all this......thorough.... information.. lol oi *buckles down to start reading*


commentCommented on: Sat Nov 19, 2005 @ 02:15pm
Hokay, taken out all my image urls (stoopid theives stare ) and added in the code to change the page header. I'll put in the code for the profile bar once I get around to reimplementing it for the new changes.



Chisa
Community Member
Meggi
Community Member
avatar
commentCommented on: Sat Nov 19, 2005 @ 11:21pm
Thank you so much for this explanation! I found it extremely helpful. 3nodding And I'm sorry to hear about the layout thieves. sad


commentCommented on: Sun Nov 20, 2005 @ 10:26pm
Well written! It's a good introduction to the basics of CSS design. I am going to probably write an article on altering the document flow. I should email Bobby van der Sluis and ask about using his stuff regarding document flow when he developed Garden Party for the csszg.

Thanks for the XML feed by the way. ^^ *goes back to writing the bank code*



Jakobo
Community Member
K i c h o u
Community Member
avatar
commentCommented on: Sat Nov 26, 2005 @ 02:50am
Of course we're finding it useful! It's so awesome! Only thing now is that without the images, It's going to be a pain for me to figure out which image will appear where XD (And I meant I would have just copied the link and looked...and then looked at your profile and matched it up so I could know where I'd want the image razz )


commentCommented on: Tue Nov 29, 2005 @ 06:36am
User Image - Blocked by "Display Image" Settings. Click to show.[User Image - Blocked by "Display Image" Settings. Click to show.]User Image - Blocked by "Display Image" Settings. Click to show.
~might as well let you know.. that you /**/ codes didn't work on me! but the rest do ^^,



m4st3r_Gankutsuou
Community Member
Chisa
Community Member
avatar
commentCommented on: Wed Nov 30, 2005 @ 12:31am
Whoops, forgot to mention in the post... but the /* */ and everything between them are comments, which don't show up on the browser but are still there in the code for anyone who looks at it.


commentCommented on: Wed Nov 30, 2005 @ 05:36pm
I should write one of these. It would give me an excuse to clean out my code.



Triskdaemon
Community Member
Rosy Graymalkin
Community Member
avatar
commentCommented on: Sat Dec 03, 2005 @ 03:50am
Amazing job you've done here! Your profile is stunning and the How-to is flawless. It's clear, consise and well organized. I can't express my gratitude enough <33

Keep up the awesome work! heart


commentCommented on: Tue Dec 06, 2005 @ 03:51am
Oi. I was having issues with some of the coding not working on my profile and having read through this, I was finally able to fix some things that I wanted to change. whee heart


Thank you so much for putting this up. It was, least to say, very helpful. (HUGS + SMOOCHES!!)



brenji
Community Member
Sir Scott le Charles
Community Member
avatar
commentCommented on: Mon Jun 19, 2006 @ 05:06am
Thanks a bunch for this code, now my profile is Resident Evil, so prettiful ^.^


commentCommented on: Wed Jun 21, 2006 @ 03:05pm
your profile is amazing!
that being said, thank you for the guide-- it's helpful and easy to understand! (now if only i could make time to use it whee )



wonderfinch
Community Member
` Martyr
Community Member
avatar
commentCommented on: Sat Jul 01, 2006 @ 12:40am
Thank you. heart


commentCommented on: Sat Jul 29, 2006 @ 07:39pm
Thanks for taking the time to code up this journal =)



filth in the beauty
Community Member
MnM_LOVER
Community Member
avatar
commentCommented on: Tue Aug 29, 2006 @ 05:26am
THANK YOU SO MUCH CHISA! It's great that you're nice enough to share this with other people and you've helped me so much. Thanks.
heart biggrin heart


commentCommented on: Fri Sep 08, 2006 @ 11:41pm
wahh. crying crying I still don't get it.... Can you tell me much easier by messaging me please?



Itsumi Omoyashi
Community Member
First2Go-Last2Know
Community Member
avatar
commentCommented on: Tue Sep 26, 2006 @ 11:25pm
I wanted to know if you could send me the code for multimedias, please.


commentCommented on: Sat Oct 28, 2006 @ 12:00am
I was wondering: What system do you use to make images and add graphics?



Aziku Peppercoin
Community Member
fray_ava
Community Member
avatar
commentCommented on: Sun Oct 29, 2006 @ 01:11am
im sorry but i still dont get it. i guess i jsut dont know what kind of numbers to use... how do u find out?
heart FRAY heart


commentCommented on: Sat Nov 18, 2006 @ 07:22pm
is this for Old school profiles or V2 profiles im not sure you said wich one it was



Carnageking
Community Member
~S~I~S~
Community Member
avatar
commentCommented on: Sat Nov 25, 2006 @ 08:50pm
o.O I'll see if I can make my own profile now......It's confusing but i'll eventually get it...somehow sweatdrop


commentCommented on: Sat Dec 09, 2006 @ 11:27pm
Hi there, I know u put all the codes and all but I still dont get it, can u help me?



moonlight1993
Community Member
Marko Ramius
Community Member
avatar
commentCommented on: Sun Dec 10, 2006 @ 06:40am
If you need any help learning the CSS, http://www.w3schools.com/css/ will teach anyone.

Once you know css this tutorial/how to/template becomes so much easier to use!


commentCommented on: Sat Jan 06, 2007 @ 03:13am
omg this is great thanx so much heart heart heart



IknowmyABC
Community Member
DevilEx
Community Member
avatar
commentCommented on: Tue Jan 09, 2007 @ 10:48am
Thanks A LOT!!!
:3
I think I'll re-read this again tomorrow and maybe even the day after
and then experiment on my profile
^^;;

Thanks again~


commentCommented on: Sat Jan 13, 2007 @ 02:30am
where the mutlimedia secton?????



Sorano Matsuki
Community Member
-paperphlox
Community Member
avatar
commentCommented on: Sat Jan 27, 2007 @ 08:17pm
Question. It is used for New Profile or Old School?


commentCommented on: Tue Feb 13, 2007 @ 11:51pm
omg thank you so much for posting this. I've been to several different pages on how to do profiles, and none have helped me as much as this one has!! 3nodding



Ellesandria Sterling
Community Member
Vellric
Community Member
avatar
commentCommented on: Sat Mar 17, 2007 @ 11:00pm
It sounds hard for me. I don't get it/.


commentCommented on: Sun Mar 18, 2007 @ 03:01pm
This is wonderful! Thanks for posting this! Now I can make my own profile layouts! biggrin

YOU ROX SOX! whee



sw33t_bliss
Community Member
- H a j i l e -
Community Member
avatar
commentCommented on: Tue Mar 20, 2007 @ 08:09pm
This is the first thing I've found that actually explains what each code is doing. o.o

{Scurries off to tell friends}


commentCommented on: Tue Apr 03, 2007 @ 05:47pm
Thanks. I finally have been able to create my first Gaia layout, thanks to you. It is VERY simple, but it's a start! THANKS! <3



Ki-Emi
Community Member
[Murder.and.Cookies]
Community Member
avatar
commentCommented on: Mon Apr 16, 2007 @ 12:47am
do these work the same way for version 1 profiles and the version 2?


commentCommented on: Mon Jun 04, 2007 @ 11:15pm
Thanks so much for this. It's really helpful.I just have to redo mine. sweatdrop Oh and I made sure I kept the credit in the code.

Thanks again & congrats on your wedding!

heart



7th_sin
Community Member
MiStReSs_VaMpIrE_244
Community Member
avatar
commentCommented on: Sat Jul 14, 2007 @ 03:33am
omg!! thankx so much! these codes are amazing!!


commentCommented on: Tue Jul 17, 2007 @ 11:57pm
Thanks Chisa! <3



Beloved Whisper
Community Member
Gogandantes_Onimusha2
Community Member
avatar
commentCommented on: Sat Jul 21, 2007 @ 08:56am
u make it sound ver easy. i have HTML experiance but very little in css. thank u 4 helping me to learn a new language! heart


commentCommented on: Sat Jul 21, 2007 @ 09:10am
images of the different sections would be nice to see more clearly which section is what when your working on it instead of always having to go look every time you want to add/change something.



Gogandantes_Onimusha2
Community Member
x-raiin dance
Community Member
avatar
commentCommented on: Wed Aug 15, 2007 @ 02:24am
Woot! thanks for the help. blaugh


commentCommented on: Thu Nov 01, 2007 @ 01:47pm
Is for oldschool or V2 profiles? sweatdrop



Technicolored Android
Community Member
Undeniable Heroine
Community Member
avatar
commentCommented on: Sat Dec 08, 2007 @ 03:29am
Thank you very much! I hope I can put it to good use! ^_^


commentCommented on: Fri Dec 14, 2007 @ 04:51am
Really helpful! Thanks!



Tara the Wolf
Community Member
Westlife8D
Community Member
avatar
commentCommented on: Sun Dec 30, 2007 @ 11:23pm
This is so defical...
i can't understand what u trying to tell us...
what do we need? "Paint" to make pro.?


commentCommented on: Sun Jan 06, 2008 @ 03:17am
This was SOOOOOO helpful. biggrin just one question, why put it in your journal? why not make it a thread? just asking sweatdrop



x-c a n d i i e e-x
Community Member
User Comments: [71] Viewing page 0 of 2 · Goto Page: 1 2 »  [add]
 
 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum