tektek.org > Profile: JTHM v2

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: JTHM v2

Submitted by Meeki

Submitter Notes: This theme is based on Johnny, The Homicidal Maniac by Jhonen Vasquez. I had a lot of positive feedback on the JTHM theme, so wanted to fix it up with some better coding and graphics. I left the top portion of the profile header blank so users can add their own name to the image, or I can do that for you if you send me a pm. That way the theme flows together better. Thanks for the positive feedback, guys!

Install Profile Theme

More In This Category
More From This Submitter

Rate Profile

Profile Code

Designed for a CLASSIC setting on CLASSIC / OLD SCHOOL profile

Copy this CSS code into your Theme Override box:

#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
body {
background-color: #000000;
color:#000;
background-image: url(http://img444.imageshack.us/img444/575/jthmbun9kl.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom right;
}

#extendedProfileBody #header h1
{
background: url('http://img457.imageshack.us/img457/5476/jthmback0pq.jpg'); 
}

#footer
{background: url(http://img457.imageshack.us/img457/5639/jthmfooter5zc.jpg) repeat-x;
    text-align: right;
    height: 27px;
    line-height: 27px;
    color: #000000;
    font-size: 10px;
    border: 2px solid #FFFFFF }

#footer div
{background: url('http://img457.imageshack.us/img457/5639/jthmfooter5zc.jpg') no-repeat;
    background color: #000000}

#footer div p
{background: url('http://img457.imageshack.us/img457/5639/jthmfooter5zc.jpg') no-repeat;
    margin: 0px;
    padding: 0 10px 0 0;
border: 2px solid #FFFFFF}

#content 
{ 
background: #FFFFFF; 
}

.caption
{
    border: 2px solid #FFFFFF;
    background: #000000;
}

.caption2
{
    border: 2px solid #FFFFFF;
    background: #000000;
}

.caption .message
{
    background: url('http://img457.imageshack.us/img457/6704/jta7ig.gif') top left no-repeat;
color: #FFFFFF;
}

.caption2 .message
{
    background: url('http://img457.imageshack.us/img457/8681/jta15ro.gif') top right no-repeat;
color: #FFFFFF;
}

#profile #bar{background: transparent;}

#profile #bar #onlineButton {background: transparent url(http://img444.imageshack.us/img444/88/jthmonline5ve.gif); no-repeat; 
}

#profile #bar #offlineButton {background: transparent url(http://img444.imageshack.us/img444/1841/jthmoffline7ju.gif); no-repeat; 
}

#profile #bar #hiddenButton {background: transparent url(http://img444.imageshack.us/img444/5418/jthmhidden0yo.gif); no-repeat; 
}

#profile #bar #addButton {background: transparent url(http://img458.imageshack.us/img458/5357/jthmpal5qt.gif) no-repeat;}

#profile #bar #msgButton {background: transparent url(http://img458.imageshack.us/img458/7464/jthmpm0xk.gif) no-repeat;}

#profile #bar #tradeButton {background: transparent url(http://img458.imageshack.us/img458/6934/jthmbank3cx.gif) no-repeat;}

#profile #bar #ignoreButton {background: transparent url(http://img458.imageshack.us/img458/3899/jthmignore3qj.gif) no-repeat;}

#profile #bar #addButton a:hover {background: transparent url(http://img444.imageshack.us/img444/145/jthmpal25or.gif) no-repeat;}

#profile #bar #msgButton a:hover {background: transparent url(http://img444.imageshack.us/img444/193/jthmpm28me.gif) no-repeat;}

#profile #bar #tradeButton a:hover {background: transparent url(http://img444.imageshack.us/img444/6006/jthmbank21pv.gif) no-repeat;}

#profile #bar #ignoreButton a:hover {background: transparent url(http://img444.imageshack.us/img444/8528/jthmignore23qz.gif) no-repeat;}

#avatar
{
opacity: 75;
filter: GLOW(color=#FFFFFF, strength=15); 
}

#profile
{
background: #000000 url(http://img337.imageshack.us/img337/6163/jthmavback2fc.jpg) top left no-repeat;
border: 2px solid #FFFFFF;
margin-bottom: 10px;
}

#profile h2
{
color: #808080;
background: transparent;
text-indent: -5000px;
}

#about h2
{
color: #808080;
background: transparent;
text-indent: -5000px;
}

#friends h2
{
color: #808080;
background: transparent;
text-indent: -5000px;
}

#friends #friendGroup li img {background: url(http://img337.imageshack.us/img337/59/hnb5vu.jpg) no-repeat center left;}

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

#journal h2
{
color: #808080;
background: transparent;
text-indent: -5000px;
}

#comments h2
{
color: #808080;
background: transparent;
text-indent: -5000px;
}

#multimedia h2
{
color: #808080;
background: transparent;
text-indent: -5000px;
}

#signature h2
{
color: #808080;
background: transparent;
text-indent: -5000px;
}

#wishlist h2
{
color: #808080;
background: transparent;
text-indent: -5000px;
}

#details h2
{
color: #808080;
background: transparent;
text-indent: -5000px;
}

#about 
{
color: #FFFFFF;
background: #000000 url(http://img337.imageshack.us/img337/2845/abouthead3ij.jpg) no-repeat;
border: 2px solid #FFFFFF;
margin-bottom: 10px;
}

#friends 
{
color: #FFFFFF;
background: #000000 url(http://img337.imageshack.us/img337/3061/friendhead6fd.jpg) no-repeat;
border: 2px solid #FFFFFF;
margin-bottom: 10px;
}

#journal
{
color: #FFFFFF;
background: #000000 url(http://img337.imageshack.us/img337/2306/journalhead4qz.jpg) no-repeat;
border: 2px solid #FFFFFF;
margin-bottom: 10px;
}

#comments 
{
color: #FFFFFF;
background: #000000 url(http://img337.imageshack.us/img337/1063/commenthead1nk.jpg) no-repeat;
border: 2px solid #FFFFFF;
margin-bottom: 10px;
}

#multimedia
{
color: #FFFFFF;
background: #000000 url(http://img337.imageshack.us/img337/8527/multimediahead8ke.jpg) no-repeat;
border: 2px solid #FFFFFF;
margin-bottom: 10px;
}

#signature
{
color: #FFFFFF;
background: #000000 url(http://img337.imageshack.us/img337/8159/sighead9ps.jpg) no-repeat;
border: 2px solid #FFFFFF;
margin-bottom: 10px;
}

#wishlist
{
color: #FFFFFF;
background: #000000 url(http://img187.imageshack.us/img187/781/wishead9xq.jpg) no-repeat;
border: 2px solid #FFFFFF;
margin-bottom: 10px;
}

#details
{
color: #FFFFFF;
background: #000000 url(http://img187.imageshack.us/img187/9124/detailshead9lg.jpg) no-repeat;
border: 2px solid #FFFFFF;
margin-bottom: 10px;
}

#content .caption:after
{
background: none;
content: '';
}

#content .caption:before
{
background: none;
content: '';
}

#content .caption2:after
{
background: none;
content: '';
}

#content .caption2:before
{
background: none;
content: '';
}

#content #main
{
border-left: 0;
padding-left: 10px;
}

#comments dl dt.avatar img
{
background: url('http://img187.imageshack.us/img187/5969/jthmavie4ro.gif') no-repeat;
}
#comments dl dt.avatar2 img
{
background: url('http://img187.imageshack.us/img187/5969/jthmavie4ro.gif') no-repeat;
}

#content
{
background: #000000;

}

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

div#content a:hover
{ color: #000000; background-color: #FFFFFF;
text-decoration: overline underline;
}

#corp 
{ 
    background: #000000;
    margin-top:5px;
    font-size: 10px;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    line-height: 22px;
    a:hover (color: #E50606; font-weight: bold; text-decoration: underline);
}

#corp a:link, a:active, a:visited
{  
    color: #FFFFFF;
    font-variant: small-caps;
    text-decoration: none;
}

#content
{
border: 2px solid #FFFFFF;
}

Popular

Sponsor

About tektek.org Contact Us Advertise on tektek.org Terms of Service