From the one who gives you banners... TP Custom Profile!

[Kaze no Takuto]

Lucky you! You get this before TekTek does!

I'm finally done with my Twilight Princess themed profile, and as promised, I shall give you the CSS code!

Put your theme override in Blocks setting--otherwise it won't show up right.

body { cursor: url('http://luneknight.com.ru/curs/uploads/f45jdi.cur') }
a:link { cursor: url('http://luneknight.com.ru/curs/uploads/f45jdi.cur') }
a:visited { cursor: url('http://luneknight.com.ru/curs/uploads/f45jdi.cur') }
body{
background: #172B10 url(http://img99.imageshack.us/img99/2536/v435vhb4.gif)}

#profile
{background: #172B10 url(http://img85.imageshack.us/img85/1189/greenmarble3ik.jpg)}

#profile .avatar
{background: url(http://img82.imageshack.us/img82/6051/zeldaavibackgroundme5qd.jpg) top left no-repeat; color: }

.section #profile,#details,#journal,#friends,#comments,#multimedia,#wishlist,#signature,#about
{
background: #172B10
url(http://img85.imageshack.us/img85/1189/greenmarble3ik.jpg)}

.section #profile,#details,#journal,#friends,#comments,#multimedia,#wishlist,#signature,#about
{
color: #54B963
}



#extendedProfileBody #header h1
{
background: url(http://img136.imageshack.us/img136/4686/assswww7ox.gif)
border: #54B963
}

#extendedProfileBody #header #avatar
{display: TOP:10px; LEFT:200px;}



.section h2
{
color: transparent;
font-size: 0px;
}

#profile h2
{
background: url(http://img82.imageshack.us/img82/5329/zeldaaviheader8qa.jpg) top left no-repeat; color:
text-indent: -5000px;

}

#details h2
{
background: url(http://img82.imageshack.us/img82/3637/zeldaaviheader23gp.jpg) top left no-repeat;
text-indent: -5000px;
border: 0px
}

#journal h2
{
background: url(http://img82.imageshack.us/img82/939/zeldafjound3rd.jpg) top left no-repeat;
text-indent: -5000px;
}

#wishlist h2
{
background: url(http://img82.imageshack.us/img82/8581/zeldawish2er.jpg) top left no-repeat;
text-indent: -5000px;
}


#friends h2
{
background: url(http://img82.imageshack.us/img82/7899/zeldafriendsheader6zv.jpg) top left no-repeat;
text-indent: -5000px;
}

#comments h2
{
background: url(http://img82.imageshack.us/img82/5183/zeldafriendsheader43vc.jpg) top left no-repeat;
text-indent: -5000px;
}

#multimedia h2
{
background: url(http://img82.imageshack.us/img82/917/zeldafriendsheader58vs.jpg) top left no-repeat;
text-indent: -5000px;
}

#signature h2
{
background: url(http://img82.imageshack.us/img82/4282/zeldafriendsheader28ml.jpg) top left no-repeat;
text-indent: -5000px;
}

#about h2
{
background: url(http://img82.imageshack.us/img82/1410/zeldafriendsheader39hr.jpg) top left no-repeat;
text-indent: -5000px;
}

#comments dl dt.avatar img
{
background: url(http://img82.imageshack.us/img82/9717/zeldaavibackgroundthem5sz.jpg) top left no-repeat;
}
#comments dl dt.avatar2 img
{
background: url(http://img82.imageshack.us/img82/857/zeldaavibackgroundthem5dg.jpg) top left no-repeat;
}

#content{
background: url(http://img82.imageshack.us/img82/4378/zeldatilebackground7rb.gif)
}


#comments .caption
{ background: #54B963;}
#comments .caption
{ color: #172B10;}

#profile .caption
{ background: #54B963;}
#profile .caption
{ color: #172B10}

#profile
.caption {border: 1px solid #172B10;}


#comments .caption2
{ background: #54B963;}
#comments .caption2
{ color: #172B10;}

#friends #friendGroup li{border-right:0px;}

#friends #friendGroup li img {background: url(http://img82.imageshack.us/img82/6163/zeldaavibackgroundfri8ik.jpg) top no-repeat;}

.section #profile,#details,#journal,#friends,#comments,#multimedia,#wishlist,#signature, #about,
{border: #54B963;}

#profile,
{border: #54B963;}

#comments
.caption {border: 1px solid #54B963;}

.caption2 { border: 1px solid #54B963;}

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

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

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

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

.caption .message
{
background: url() top left no-repeat;


}

.caption2 .message
{
background: url() top right no-repeat;
}

body {position: absolute; width: 760px; left: 50%; margin-left: -380px;}

After a week I'll sticky this thread, but for now it is a fresh announcement! whee  

[Momcilo]

o.o Wow. I just used that code for my profile and it's amazing! You're really skilled. You make awesome banners and now a profile! Congrats. =P  

[Kaze no Takuto]

Also, a lot of the base CSS is modeled after Archica's OoT theme, however the only image that is hers is the lime green semi-backround. 3nodding  

[seendroe]

Wow I really have to say you did a really nice job. smile  

[Twilight Vestige]

It's gorgeous! eek I have much to learn.  

[link freak131]

That's cool! I'm going to use bits of it and add it to my profile. ^-^ heart  

[Kaze no Takuto]

Eh... Is it just me or did the headers die? gonk It must be because of what they're doing with the V2 profile project. (V2 will still be CSS compatable)  

[winters_melody]

Wow! That's absolutely amazing! Great job!  

[[.Torina.]]

Whee! Those rule, do more! Like mine, except TP and I'll pay you! (in a white theme) Here's my profile theme code if you need it~

BODY
{background-color: #000000;}

#extendedProfileBody #header h1
{background: url(http://img509.imageshack.us/img509/2258/zeldaheader4qt.png
)}

#content
{background-color: #003300;}

#comments
{background: #FFFFFF url(http://img385.imageshack.us/img385/4479/jimcomments4hv.png) top right no-repeat;}
#comments dl dt.avatar img
{background: url(http://img162.imageshack.us/img162/1476/chickencommentator4ii.png) bottom left no-repeat;}
#comments dl dt.avatar2 img
{background: url(http://img350.imageshack.us/img350/1079/chickencommentator26ul.png) bottom right no-repeat;}
#comments h2
{background: url(http://img361.imageshack.us/img361/9510/commentsheader4db.png) no-repeat; height: 36px;}
#comments f2
{background: url(http://img508.imageshack.us/img508/3583/zoracomments3ph.png
) bottom center no-repeat;}

#friends #friendGroup li{border-right:0px;}
#friends h2
{background: url(http://img361.imageshack.us/img361/4326/friendsheader9kq.png) no-repeat; height: 36px;}
#friends
{background: #FFFFFF url(http://img468.imageshack.us/img468/1206/sariafriends4gj.png) top right no-repeat;}

#wishlist
{background: #FFFFFF url(http://img361.imageshack.us/img361/4364/zeldawishlist0lw.png) top right no-repeat;}
#wishlist h2
{background: url(http://img361.imageshack.us/img361/1981/wishlistheader3vm.png) no-repeat; height: 36px; font-size: .1pt;}

#journal
{background: #FFFFFF url(http://img505.imageshack.us/img505/386/eponajournal5uk.png) top right no-repeat;}
#journal h2
{background: url(http://img361.imageshack.us/img361/4549/journalheader8dh.png) no-repeat; height: 36px;}

#multimedia
{background: #FFFFFF url(http://img118.imageshack.us/img118/7094/volvagiamedia4cf.png) top right;}
#multimedia h2
{background: url(http://img361.imageshack.us/img361/4161/multimediaheader3iq.png) no-repeat; height: 36px;}

#signature
{background: #FFFFFF;}
#signature h2
{background: url(http://img361.imageshack.us/img361/7769/sigheader0io.png) no-repeat; height: 36px;}

#about
{background: #FFFFFF url(http://img317.imageshack.us/img317/575/poeabout6jp.png) top right no-repeat;}
#about h2
{background: url(http://img162.imageshack.us/img162/248/aboutheader9st.png) no-repeat; height: 36px;}

#profile
{background: #FFFFFF url(http://img505.imageshack.us/img505/3563/linkprofile2qh.png) top right no-repeat;}
#profile h2
{background: url(http://img361.imageshack.us/img361/9272/profileheader7sc.png) top left no-repeat; height: 36px; font-size: 15pt; color: #003300;}

#details
{color:006600;}
#details
{background: #FFFFFF url(http://img368.imageshack.us/img368/5552/shiekdetails4co.png) top right no-repeat;}
#details h2
{background: url(http://img361.imageshack.us/img361/763/detailsheader9en.png) no-repeat; height: 36px; font-size: .1pt;}
#details
{font-size: 8pt;}

#profile,#details,#wishlist,#about,#friends,#comments,#journal,#multimedia,#signature
{border-color: #006600;}

a:link { color:#333366;}
a:visited { color: #333333;}
a:active { color: #333333;}
a:hover { color: #006600; font-weight: bold; text-decoration: underline}

 

[Kaze no Takuto]

Hmm... It may take a while (as I need more TP images! So far I'm thinking Link howling and Princess Zelda, possibly with Midna appearing as Link's shadow once I find a suitable image, but that's all I can think of on the spot... Hmm... I'd like to use some snowy Twilight Realm pics, however the style of the Twilight Realm has changed from white and bleak to bright and colorful (check updates sticky)... So I'll need to think up a new white backround.)

I'll let you know when I get 'inspiration.' smile  

[[.Torina.]]

Kaze no Takuto

Hmm... It may take a while (as I need more TP images! So far I'm thinking Link howling and Princess Zelda, possibly with Midna appearing as Link's shadow once I find a suitable image, but that's all I can think of on the spot... Hmm... I'd like to use some snowy Twilight Realm pics, however the style of the Twilight Realm has changed from white and bleak to bright and colorful (check updates sticky)... So I'll need to think up a new white backround.)

I'll let you know when I get 'inspiration.' smile

YAY! Thanks!  

[Twilight Vestige]

Quick question Kaze, was there any music with the profile? sweatdrop Because my computer lacks sound, and I think someone mentioned music with it before.  

[Kaze no Takuto]

Music is not included in CSS... (but you can put some in your multimedia)  

[Orion13]

Sweet!! Thats awesome. Still gotta keep the RE4 theme though.



body{
background: #000000 url(http://clinically-cynical.com/inuyashawatermark.jpg) bottom left no-repeat}

#profile
{background: #000000 }

#profile .avatar
{background: url() center no-repeat}

.section #profile,#details,#journal,#friends,#comments,#multimedia,#wishlist,#signature,#about
{
background: #000000
}

.section #profile,#details,#journal,#friends,#comments,#multimedia,#wishlist,#signature,#about
{
color: #7B0100
}



#extendedProfileBody #header h1
{
background: url(http://clinically-cynical.com/re4header.jpg);
border: #000000
}


.section h2
{
color: transparent;
font-size: 0px;
}

#profile h2
{
background: url(http://clinically-cynical.com/re4aviheader.jpg) top left no-repeat;
text-indent: -5000px;

}

#details h2
{
background: url(http://clinically-cynical.com/re4detailsheader.jpg) top left no-repeat;
text-indent: -5000px;

}

#journal h2
{
background: url(http://clinically-cynical.com/re4journalheader.jpg) top left no-repeat;
text-indent: -5000px;
}

#wishlist h2
{
background: url(http://clinically-cynical.com/re4wishlistheader.jpg) top left no-repeat;
text-indent: -5000px;
}


#friends h2
{
background: url(http://clinically-cynical.com/re4friendsheader.jpg) top left no-repeat;
text-indent: -5000px;
}

#comments h2
{
background: url(http://clinically-cynical.com/re4commentsheader.jpg) top left no-repeat;
text-indent: -5000px;
}

#multimedia h2
{
background: url(http://clinically-cynical.com/re4multimediaheader.jpg) top left no-repeat;
text-indent: -5000px;
}

#signature h2
{
background: url(http://clinically-cynical.com/re4signatureheader.jpg) top left no-repeat;
text-indent: -5000px;
}

#about h2
{
background: url(http://clinically-cynical.com/re4aboutheader.jpg) top left no-repeat;
text-indent: -5000px;
}

#comments dl dt.avatar img
{
background: url() top left no-repeat;
}
#comments dl dt.avatar2 img
{
background: url() top left no-repeat;
}

#content{
background: #CC9D8F;
}

#content
{padding-bottom: 325px; background: #CC9D8F url(http://clinically-cynical.com/re4background.jpg) bottom no-repeat}

#comments .caption
{ background: #7B0100;}
#comments .caption
{ color: #FFFFFF;}

#profile .caption
{ background: #7B0100;}
#profile .caption
{ color: #FFFFFF}

#profile
.caption {border: 1px solid #FFFFFF;}


#comments .caption2
{ background: #7B0100;}
#comments .caption2
{ color: #FFFFFF;}

#friends #friendGroup li{border-right:0px;}

#friends #friendGroup li img {background: url() top left no-repeat;}

.section #profile,#details,#journal,#friends,#comments,#multimedia,#wishlist,#signature,#about
{border: #10154F;}

#profile,
{border: #7B0100;}

#comments
.caption {border: 1px solid #FFFFFF;}

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

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

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

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

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

.caption .message
{
background: url() top left no-repeat;


}

.caption2 .message
{
background: url() top right no-repeat;
}

body {position: absolute; width: 760px; left: 50%; margin-left: -380px;}  

[Hespereia]

ok. I would like a baner. but all I see is complicated codes I dont understand and it looks so complicated. How do I achually get it on my profile? Id ask my sister but she left for colege yesterday and probably wont be able to show me until around cristmas crying . and Im not that computer savvy so I would defenatly like some help. Please!