Welcome to Gaia! ::

02's Official Fan Guild - In Remembrance

Back to Guilds

 

 

Reply 02 Art
02 Profile Theme!

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

How's the profile look so far?
  Poll gold!
  Lookin' good.
  Needs work. (suggestions? pwease?)
  Lookin' good, but needs work. (seriously, I like suggestions)
View Results

Catzandbirdz

PostPosted: Fri Apr 06, 2007 1:09 am


It's free!
It's easy to use!

AND

...It's over a month late. xd


-----User Image-----User Image-----


Whether it's a work of fandom or a product of boredom, it doesn't really matter. What does matter is that it's finally to a point where it's usable and ready for sharing. Sure, there's a flaw in the status bar, and sure, it's a little bland in spots, but overall...

Meh, let's just say it's usable, will likely be updated as more graphics, codes, and other tidbits are worked out, and leave it at that. pirate Rules of use? Use common sense and I'm sure we'll get along fine. You don't even have to save the graphics to your own image hosting account (though it would help take a load off of mine *hint hint* mrgreen ). I'd just better not see this in the forums being sold, used in contests, or posted on tektek or another site by someone other than me, or else some Zurg energy drink is going to hit the fan.

What it mostly looks like
Yes, that is one of my mule accounts. ninja

*When using this profile theme, make sure the theme is set to "Blocks".
02 Profile Code

/*Profile theme created by Catzandbirdz on GaiaOnline.com. Not to be sold or used in any contest.*/

/*clears stray border edge*/
#extendedProfileBody #header
{border: 0px;}

#extendedProfileBody #header h1
{background: url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/02profileheader5.gif); border: none; height: 150px; width: 760px;}

body
{background: #000000 url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/02filmstrip2-1.gif) repeat-y top right; border: 0px;}

#content
{background: transparent; border: 0px;}

#profile{background:#ccff99; border-color:#336633; border-width:thin;}
#profile h2
{background: url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/02profileheader_avi.gif) center; height: 50px; text-indent: -5000px;}

#details{background:#ccff99; border-color:#336633; border-width:thin;}
#details h2
{background: url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/02profileheader_details.gif) center; height: 50px; text-indent: -5000px; border-color: #336633;}

#wishlist{background:#ccff99; border-color:#336633; border-width:thin;}
#wishlist h2
{background: url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/02profileheader_wishlist.gif) center; height: 50px; text-indent: -5000px; border-color: #336633;}

#about{background:#ccff99; border-color:#336633; border-width:thin;}
#about h2
{background: url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/02profileheader_about.gif) center; height: 50px; width: 500px;}

#friends{background:#ccff99; border-color:#336633; border-width:thin;}
#friends h2
{background: url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/02profileheader_friends.gif) center; height: 50px; width:500px;}
#friends #friendGroup li { border: none; }

#journal{background:#ccff99; border-color:#336633; border-width:thin;}
#journal h2
{background: url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/02profileheader_journal.gif) center; height: 50px; width:500px;}

#multimedia{background:#ccff99; border-color:#336633; border-width:thin;}
#multimedia h2
{background: transparent url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/02profileheader_multimedia.gif); height: 50px; width:500px;}
#multimedia embed {background:#ccff99; width: 478px;}

#comments{background:#ccff99; border-color:#336633; border-width:thin;}
#comments h2
{background: url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/02profileheader_comments.gif) center; height: 50px; width:500px;}

#signature{background:#ccff99; border-color:#336633; border-width:thin;}
#signature h2
{background: url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/02profileheader_signature.gif) center; height: 50px; width:500px;}

/*STATUS BAR*/
#bar {background: transparent; height:30px; border: 0px;}
#bar #onlineButton {background: transparent url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/02online.png) center; height30px; width:50px;}
#bar #offlineButton {background: url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/02offline.png) center; height:30px; width:50px;}
#bar #hiddenButton {background: url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/02hidden.png) center; height:30px; width:50px;}

#bar #addButton {background: transparent url(http://graphics.gaiaonline.com/images/thumbnails/19f6e0a62c7f.png) no-repeat; position:relative; height:30px; width:30px;}
#bar #msgButton {background: url(http://graphics.gaiaonline.com/images/thumbnails/5b15babbac3.png) no-repeat; position:relative; height:30px;}
#bar #tradeButton {background: url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/miniTradeicon.png) no-repeat; position:relative; height:30px;}
#bar #ignoreButton {background: url(http://graphics.gaiaonline.com/images/thumbnails/7aa69f81a49.png) no-repeat; position:relative; height:30px;}

/*LINKS*/
a:hover {color: #336633;}

/*SCROLLBAR*/
html {
scrollbar-arrow-color: #003333;
scrollbar-track-color: #336633;
scrollbar-face-color: #6bd60d;
scrollbar-highlight-color: #ccff99;
scrollbar-3dlight-color: #009933;
scrollbar-darkshadow-color: #003333;
scrollbar-shadow-color: #009933;}



-----User Image-----User Image-----


Special Thanks
Kris (20 Shades of Crazy) for help with coding.
Kahime and her CSS profile tutorial.
The 02 guild for being so cool. cool

Other Credits
Original images are property of GaiaOnline.
Graphics edited by me in Adobe ImageReady CS2 and MS Paint.

-----User Image-----User Image-----
PostPosted: Fri Apr 06, 2007 1:10 am


Graphics Details/Options


Don't want the film strip on the side?
In the code, replace
Quote:
body
{background: #000000 url(http://i19.photobucket.com/albums/b163/catzandbirdz/profile/02forever/02filmstrip2-1.gif) repeat-y top right; border: 0px;}

with
Quote:
body
{background: #000000; border: 0px;}


Top Header
Font: Kristen ITC, various sizes
Alternate Images: "Long Live 02", "02 Forever", Blank (for customizing)

Section Headers
Font: Jokerman, 30px
Alternate Images: Avatar (blank for customizing)

Status Bar Images -- Because you can't see the offline graphics when you're offline.
Online: User Image
Offline: User Image
Hidden: User Image

Profile Quilt Patch
Animated: In the making
Not Animated: Also in the making

-----User Image-----User Image-----


Code/Image Updates
None yet

Stuff that could use fixing/more work
~ Status bar button glitch (I have some test graphics, but having some trouble with the code)
~ Graphics for quote and comment boxes
~ Graphics for friends section
~ 02 cursor? (anyone have experience with cursor making? ^^; )

Catzandbirdz


Catzandbirdz

PostPosted: Fri Apr 06, 2007 1:11 am


[Reserved, just in case]
PostPosted: Mon Apr 09, 2007 10:39 pm


The Profile is looking good so far.
My suggestion is to always try to use different images throughout.
Maybe take the Watermeat and 02 Present out of the top image?
My reason is because you show them throughout the profile anyway.

Nekolover_8

Dapper Gaian

8,250 Points
  • Hygienic 200
  • Citizen 200
  • Happy Birthday! 100

Catzandbirdz

PostPosted: Wed Apr 11, 2007 11:49 am


Thanks for the suggestion! I'll make another header set without those two items. There aren't many 02 images in the comic updates to work with, but I can see what you mean with it being a little too repetitive. sweatdrop
Reply
02 Art

 
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