Welcome to Gaia! ::

Opposites Attract: A Zutara Fan Guild

Back to Guilds

A Haven For Zutara Shippers 

Tags: Shipping, Zutara, Avatar: The Last Airbender, Zuko, Katara 

Reply Art Share, Trade, & Discuss
Zutara Profile themes by me! (New theme!) Goto Page: 1 2 3 [>] [»|]

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

Sjs Katuko

 
Offline
PostPosted: Wed Feb 14, 2007 7:43 am


Rules:
-All themes are old school with Blocks override
-Don't have to give credit
-You can edit them anyway you like
-Enjoy
(EDIT): Ok guys, put all of my Avatar themes and several Naruto ones I made in my journal> ]http://www.gaiaonline.com/journal/journal.php?mode=view&u=1286485
-Also: I added a section to change the icons on the first theme to the DH Crossroads of Destiny sprites. If anyone copied that theme before February 20, you don't have it. For those of you who want to change the online/offline/message trade/ignore/friend buttons, it'll be in the color green. Just copy it, and add it after the rest of the layout.
-As of February 21, I added a part to all of the profile themes other than the pink one. It makes the Firebender sign show behind anyone who comments on the left side of the comment box and anyone who comments on the right side gets the Waterbender sign. So, anyone using these, copy the part of the code in blue and add it to you profile. Add it if you want.

Zutara Crossroads of Destiny/Just other Zutara stuff theme:

#extendedProfileBody #header h1{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/0014.jpg);
}

.section{
margin-top: 10px;
margin: 3px;
}

#content{
background-color: #9966CC;
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/YinYang.jpg) no-repeat bottom left;
border: 0px solid #663366;
width: 760px;
}

body{
background-color: #660099;
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/omg.png) repeat;
font: 11px Trebuchet MS;
position: absolute;
width: 760px;
left: 50%;
margin-left: -380px;
}

#profile #bar{
height: 22px;
margin-left: 2px;
}

#profile .avatar{
position: relative;
}

.caption:before, .caption:after, .caption2:before, .caption2:after {display:none;}

#friends #friendGroup li{
border-right: thick #660099;
}

a:link{color: #9966CC; text-decoration: none font-weight: bold;}
a:hover{color: #9966CC; font-style: italic; text-transform: uppercase;}
a:visited{color: #9966CC; text-decoration: none; font-weight: bold;}

#profile .caption .message{
color: #660099;
font: 11px Trebuchet MS;
}

#profile, #details, #wishlist{
background-color: #9966CC;
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/nonya2.jpg) repeat;
background-color: #9966CC;
border-right: thick solid #9966CC;
border-bottom: thick solid #9966CC;
border-left: thick solid #9966CC;
border-top: thick solid #9966CC;
font: 11px Trebuchet MS;
color: #9966CC;
}

#about, #friends, #multimeda, #journal, #signature{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/347bc818.jpg) repeat;
background-color: #B1010E;
border-right: thick solid #9966CC;
border-bottom: thick solid #3300CC;
border-left: thick solid #9966CC;
border-top: thick solid #FF0033;
font: 11px Trebuchet MS;
color: #9966CC;
}

#comments{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/ZutaraEmpire.gif) repeat;
background-color: #660099;
border-right: thick solid #660099;
border-bottom: thick solid #660099;
border-left: thick solid #660099;
border-top: thick solid #660099;
font: 11px Trebuchet MS;
color: #660099;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
height: 300px;
width: 492px;
position: relative
}

#comments .caption{
background: #CC99FF;
border: thick dashed #660099;
}

#comments .caption2{
background: #CC99FF;
border: thick dashed #660099;
}

#profile h2, #details h2, #wishlist h2{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/omg.img);
letter-spacing: -2px;
text-align: center;
font: 23px Georgia;
color: #660099;
}

#about h2, #friends h2, #multimeda h2, #journal h2, #comments h2, #signature h2{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/Zutara2.gif);
letter-spacing: -2px;
text-align: center;
font: 23px Georgia;
color: #660099;
}

#friends #friendGroup li{background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/Fire.gif) no-repeat;}

#multimedia {background: url(http://www.firebender.com/w9/images/346.jpg) repeat;}

#multimedia h2{background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Fanart by me/Nonya2.jpg) repeat;}

.caption .message, .caption2 .message{background: transparent;}

#friends #friendGroup li{border-right:0px;}
.caption:before, .caption:after, .caption2:before, .caption2:after{display:none;}

#content, #header{border:0px;}

{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/water.gif) no-repeat;
}
#comments dl dt.avatar2 img
{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/Fire.gif) no-repeat;
}

#bar #msgButton, #bar #msgButton a {background: transparent url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/zuko.gif); text-indent: -5000px;}

#bar #tradeButton, #bar #tradeButton a{background: transparent url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/katara-2.gif); text-indent: -5000px;}
#bar #ignoreButton, #bar #ignoreButton a {background: transparent url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/azula-1.gif); text-indent: -5000px;}
#bar #addButton, #bar #addButton a {background: transparent url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/aang.gif); text-indent: -5000px;}
#bar #onlineButton {background: transparent url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/iroh-1.gif); width: 60px; height: 22px;}
#bar #offlineButton {background: transparent url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/bluespirit-1.gif); width: 60px; height: 22px;}
#comments dl dt.avatar img
{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/Fire.gif) no-repeat;
}
#comments dl dt.avatar2 img
{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/water.gif
) no-repeat;
}
PostPosted: Wed Feb 14, 2007 7:44 am


Zutara Valentine theme:
#extendedProfileBody #header h1{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/zkvalentine.jpg);
}

.section{
margin-top: 10px;
margin: 3px;
}

#content{
background-color: #FF99CC;
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/zkvalentine-2.jpg) no-repeat bottom left;
border: 0px solid #663366;
width: 760px;
}

body{
background-color: #FF99CC;
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/zkvalentine-3.jpg) repeat;
font: 11px Trebuchet MS;
position: absolute;
width: 760px;
left: 50%;
margin-left: -380px;
}

#profile #bar{
height: 22px;
margin-left: 2px;
}

#profile .avatar{
position: relative;
}

.caption:before, .caption:after, .caption2:before, .caption2:after {display:none;}

#friends #friendGroup li{
border-right: thick #FF99CC;
}

a:link{color: #FF66CC; text-decoration: none font-weight: bold;}
a:hover{color: #FF66CC; font-style: italic; text-transform: uppercase;}
a:visited{color: #FF66CC; text-decoration: none; font-weight: bold;}

#profile .caption .message{
color: #FF99CC;
font: 11px Trebuchet MS;
}

#profile, #details, #wishlist{
background-color: #FF99CC;
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Dootles by me/zkvalentine.jpg) repeat;
background-color: #FF99CC;
border-right: thick solid #FF99CC;
border-bottom: thick solid #FF99CC;
border-left: thick solid #FF99CC;
border-top: thick solid #FF99CC;
font: 11px Trebuchet MS;
color: #9966CC;
}

#about, #friends, #multimeda, #journal, #signature{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/zkvalentine-3.jpg) repeat;
background-color: #FF99CC;
border-right: thick solid #FF99CC;
border-bottom: thick solid #FF99CC;
border-left: thick solid #FF99CC;
border-top: thick solid #FF99CC;
font: 11px Trebuchet MS;
color: #FF99CC;
}

#comments{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/zkvalentine-3.jpg) repeat;
background-color: #FF99CC;
border-right: thick solid #FF99CC;
border-bottom: thick solid #FF99CC;
border-left: thick solid #FF99CC;
border-top: thick solid #FF99CC;
font: 11px Trebuchet MS;
color: #FF99CC;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
height: 300px;
width: 492px;
position: relative
}

#comments .caption{
background: #FF99CC;
border: thick dashed #FF66CC;
}

#comments .caption2{
background: #FF99CC;
border: thick dashed #FF66CC;
}

#profile h2, #details h2, #wishlist h2{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/zkvalentine-4.jpg);
letter-spacing: -2px;
text-align: center;
font: 23px Georgia;
color: #FF99CC;
}

#about h2, #friends h2, #multimeda h2, #journal h2, #comments h2, #signature h2{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/zkvalentine-4.jpg);
letter-spacing: -2px;
text-align: center;
font: 23px Georgia;
color: #FF99CC;
}

#friends #friendGroup li{background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/zkvalentine-3.jpg) no-repeat;}

#multimedia {background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/zkvalentine-3.jpg) repeat;}

#multimedia h2{background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/zkvalentine-4.jpg) repeat;}

.caption .message, .caption2 .message{background: transparent;}

#friends #friendGroup li{border-right:0px;}
.caption:before, .caption:after, .caption2:before, .caption2:after{display:none;}

#content, #header{border:0px;}

#comments dl dt.avatar img
{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/steam37gi.jpg) no-repeat;
}
#comments dl dt.avatar2 img
{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/steam37gi.jpg) no-repeat;
}

Sjs Katuko

 
Offline

RockyRoadSmith
Captain

Married Fatcat

7,450 Points
  • Treasure Hunter 100
  • Married 100
  • V-Day 2011 Event 100
 
Offline
PostPosted: Wed Feb 14, 2007 8:46 am


You're so talented! ^_^
PostPosted: Fri Feb 16, 2007 2:41 pm


Coolz!!!! heart

Happy Valentine's Day! (I'm saying this until the event is over. Same with the pink font.)

Yinari

Dapper Dabbler

8,600 Points
  • Megathread 100
  • Nudist Colony 200
  • Inquisitor 200
 
Offline

RockyRoadSmith
Captain

Married Fatcat

7,450 Points
  • Treasure Hunter 100
  • Married 100
  • V-Day 2011 Event 100
 
Offline
PostPosted: Sat Feb 17, 2007 3:21 am


I hope you make even more themes! You do such a great job on them! *Currently has one of them on her profile* heart
PostPosted: Tue Feb 20, 2007 8:47 am


In honor of School Time Shipping and the 2 year Avatar anniversery tomorrow I made a Zutara/Blutara School house shipping layout. For those of you who don't know what School Time Shipping is, here's the link but before you click it, the password is Koh. http://www.nick.com/avatarshort/
Evedently, the layout contains a huge spoiler for the Avatar short, School house shipping.
Zutara/Blutara layout:
#extendedProfileBody #header h1{
background: url(http://i179.photobucket.com/albums/w308/Zutaramule33/Gaia profile layout/nonya.jpg);
}

.section{
margin-top: 10px;
margin: 3px;
}


body{
background-color: #CCFFFF;
background: url(http://i179.photobucket.com/albums/w308/Zutaramule33/Gaia profile layout/nonya-1.jpg) repeat;
font: 11px Trebuchet MS;
position: absolute;
width: 760px;
left: 50%;
margin-left: -380px;
}

#profile #bar{
height: 22px;
margin-left: 2px;
}

#profile .avatar{
position: relative;
}

.caption:before, .caption:after, .caption2:before, .caption2:after {display:none;}

#friends #friendGroup li{
border-right: thick #CCFFFF;
}

a:link{color: #66CCFF; text-decoration: none font-weight: bold;}
a:hover{color: #66CCFF; font-style: italic; text-transform: uppercase;}
a:visited{color: #66CCFF; text-decoration: none; font-weight: bold;}

#profile .caption .message{ color: #66CCFF;
font: 11px Trebuchet MS;
}

#profile, #details, #wishlist{
background-color: #CCFFFF;
background: url(http://i179.photobucket.com/albums/w308/Zutaramule33/Gaia profile layout/nonya-4.jpg) repeat;
background-color: #CCFFFF;
border-right: thick solid #CCFFFF;
border-bottom: thick solid #CCFFFF;
border-left: thick solid #CCFFFF;
border-top: thick solid #CCFFFF;
font: 11px Trebuchet MS;
color: #66CCFF;
}

#about, #friends, #multimeda, #journal, #signature{
background: url(http://i179.photobucket.com/albums/w308/Zutaramule33/Gaia profile layout/untitled0202020202020202020202-1.jpg) repeat;
background-color: #CCFFFF;
border-right: thick solid #CCFFFF;
border-bottom: thick solid #CCFFFF;
border-left: thick solid #CCFFFF;
border-top: thick solid #CCFFFF;
font: 11px Trebuchet MS;
color: #66CCFF;
}

#comments{
background: url(http://i179.photobucket.com/albums/w308/Zutaramule33/Gaia profile layout/nonya-3.jpg) repeat;
background-color: #CCFFFF;
border-right: thick solid #CCFFFF;
border-bottom: thick solid #CCFFFF;
border-left: thick solid #CCFFFF;
border-top: thick solid #CCFFFF;
font: 11px Trebuchet MS;
color: #66CCFF;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto; height: 300px;
width: 492px;
position: relative
}

#comments .caption{
background: #CCFFFF;
border: thick dashed #66CCFF;
}

#comments .caption2{
background: #CCFFFF;
border: thick dashed #66CCFF;
}



#friends #friendGroup li{background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/Fire.gif) no-repeat;}

#multimedia {background: url(http://i179.photobucket.com/albums/w308/Zutaramule33/Gaia profile layout/untitled0202020202020202020202-1.jpg) repeat;}


.caption .message, .caption2 .message{background: transparent;}

#friends #friendGroup li{border-right:0px;}
.caption:before, .caption:after, .caption2:before, .caption2:after{display:none;}

#content, #header{border:0px;}

{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/water.gif) no-repeat;
}
#comments dl dt.avatar2 img
{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/Fire.gif) no-repeat;
}

#content{
background-color: #CCFFFF;
background: url(http://i179.photobucket.com/albums/w308/Zutaramule33/Gaia profile layout/nonya-1.jpg) no-repeat bottom left;
border: 0px solid #663366;
width: 760px;



(http://i179.photobucket.com/albums/w308/Zutaramule33/Gaia profile layout/nonya-1.jpg)

#comments dl dt.avatar img
{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/Fire.gif) no-repeat;
}
#comments dl dt.avatar2 img
{
background: url(http://i94.photobucket.com/albums/l107/zukokatarafan/Avatar/water.gif
) no-repeat;
}

Sjs Katuko

 
Offline

intergalactic starlord

Obsessive Warlord

 
Offline
PostPosted: Tue Feb 20, 2007 10:10 am


-gasp- I really like the Bluetara one its so cute whee heart
PostPosted: Tue Feb 20, 2007 1:28 pm


I love the new layout!!!! So cute!!! *Huggles Zuko*

RockyRoadSmith
Captain

Married Fatcat

7,450 Points
  • Treasure Hunter 100
  • Married 100
  • V-Day 2011 Event 100
 
Offline

[..ZUTARA _fanZ..]

 
Offline
PostPosted: Thu Mar 15, 2007 1:39 pm


HEY sjs! nice to see ya here! oh we i love the layouts that you have made and even I make zutara layouts occasionally but they are mostly naruto like the one on my profile! but anyway I make themes to like i made the zuko theme displayed here
PostPosted: Fri Mar 16, 2007 2:39 am


[..ZUTARA _fanZ..]
HEY sjs! nice to see ya here! oh we i love the layouts that you have made and even I make zutara layouts occasionally but they are mostly naruto like the one on my profile! but anyway I make themes to like i made the zuko theme displayed here



Nice theme! Zuko... heart

RockyRoadSmith
Captain

Married Fatcat

7,450 Points
  • Treasure Hunter 100
  • Married 100
  • V-Day 2011 Event 100
 
Offline

[..ZUTARA _fanZ..]

 
Offline
PostPosted: Fri Mar 16, 2007 6:40 am


RockyRoadSmith
[..ZUTARA _fanZ..]
HEY sjs! nice to see ya here! oh we i love the layouts that you have made and even I make zutara layouts occasionally but they are mostly naruto like the one on my profile! but anyway I make themes to like i made the zuko theme displayed here



Nice theme! Zuko... heart
thanx! i heart zuko too
PostPosted: Tue Mar 20, 2007 8:22 pm


[..ZUTARA _fanZ..]
RockyRoadSmith
[..ZUTARA _fanZ..]
HEY sjs! nice to see ya here! oh we i love the layouts that you have made and even I make zutara layouts occasionally but they are mostly naruto like the one on my profile! but anyway I make themes to like i made the zuko theme displayed here



Nice theme! Zuko... heart
thanx! i heart zuko too

yeah very cool I like heart

intergalactic starlord

Obsessive Warlord

 
Offline

Xochii

Greedy Gekko

 
Offline
PostPosted: Tue Apr 10, 2007 4:20 pm


wow! your profile themes are great!
PostPosted: Mon May 07, 2007 3:07 pm


So talented and yet ill i see is text and no pictures stare  

ashleynmckay

 
Offline

Pinumbra
Crew

 
Offline
PostPosted: Mon May 07, 2007 3:19 pm


ashleynmckay
So talented and yet ill i see is text and no pictures stare

Did you apply it in your profile?
otherwise it won't show up.

If you have, and it's still not showing:
you have to set your profile to 'custom'
Reply
Art Share, Trade, & Discuss

 Goto Page: 1 2 3 [>] [»|]
 
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 Gaians
  • 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