tektek.org > Profile: Final Fantasy X Theme

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: Final Fantasy X Theme

Submitted by Drakyn Ral

Preview Theme

Submitter Notes: This is the first theme I've made. I basicly was just using Final Fantasy X pictures while playing around learning the coding, and it turned out alright.

Install Profile Theme

Rate Profile

Profile Code

Designed for a CUSTOM 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: #B3C0D2 url(http://img301.imageshack.us/img301/7632/ffx29c3mz.jpg) bottom right no-repeat; 
cursor: crosshair; 
background-attachment: fixed}

#content{
background: url();
}

#extendedProfileBody #header h1
{
background: url(http://img301.imageshack.us/img301/2855/ffx2c3up.jpg)center;
}

#profile
{background: #FFFFFF url(http://img155.imageshack.us/img155/9404/ffx15b9xi.jpg) bottom no-repeat;
    border-right: 1px solid #546A8F;
    border-left: 3px solid #546A8F;
}

#profile h2
{background: url(http://img212.imageshack.us/img212/2838/ffx268c7ri.jpg) left;
    text-indent: 1px;
font-size: 12pt; color: #FFFFFF;
}

#details
{background: #FFFFFF url(http://img301.imageshack.us/img301/6617/ffx178b1fz.jpg) center no-repeat;
    border-right: 1px solid #546A8F;
    border-left: 3px solid #546A8F;
font-size: 7pt;
}

#details h2
{background: url(http://img212.imageshack.us/img212/2838/ffx268c7ri.jpg) left;
    text-indent: 1px;
font-size: 12pt; color: #FFFFFF;
}

#wishlist
{background: #FFFFFF url(http://img213.imageshack.us/img213/4051/ffx254b6ev.jpg) top no-repeat;
    border-right: 1px solid #546A8F;
    border-left: 3px solid #546A8F;
font-size: 7pt;
}

#wishlist h2
{background: url(http://img212.imageshack.us/img212/2838/ffx268c7ri.jpg) left;
    text-indent: 1px;
font-size: 12pt; color: #FFFFFF;
}

#about
{background: #FFFFFF url(http://img73.imageshack.us/img73/361/ffx14c3fc.jpg) top right;color: #00C5CD;
    border-right: 3px solid #8B3A3A;
    border-left: 3px solid #546A8F;
    height: 1%; /* Holly Hack */
}

#about h2
{background: url(http://img212.imageshack.us/img212/2838/ffx268c7ri.jpg) left;
    text-indent: 1px;
font-size: 12pt; color: #FFFFFF;
}

#friends
{background: #FFFFFF url(http://img73.imageshack.us/img73/361/ffx14c3fc.jpg) top right;
    border-right: 3px solid #8B3A3A;
    border-left: 3px solid #546A8F;
    height: 1%; /* Holly Hack */
}

#friends h2
{background: url(http://img212.imageshack.us/img212/2838/ffx268c7ri.jpg) left;
    text-indent: 1px;
font-size: 12pt; color: #FFFFFF;
}

#friends #friendGroup li
{
    float: left;
    width: 110px;
    height: 130px;
    text-align: center;
    border-right: 1px dashed #8E9AB8;
}

#journal
{background: #FFFFFF url(http://img73.imageshack.us/img73/361/ffx14c3fc.jpg) top right;color: #00C5CD;
    border-right: 3px solid #8B3A3A;
    border-left: 3px solid #546A8F;
}

#journal h2
{background: url(http://img212.imageshack.us/img212/2838/ffx268c7ri.jpg) left;
    text-indent: 1px;
font-size: 12pt; color: #FFFFFF;
}

#multimedia
url(http://img73.imageshack.us/img73/361/ffx14c3fc.jpg) top right;color: #00C5CD;
    border-right: 3px solid #8B3A3A;
    border-left: 3px solid #546A8F;;
}

#multimedia h2
{background: url(http://img212.imageshack.us/img212/2838/ffx268c7ri.jpg) left;
    text-indent: 1px;
font-size: 12pt; color: #FFFFFF;
}

#comments
{background: #FFFFFF url(http://img73.imageshack.us/img73/361/ffx14c3fc.jpg) top right;
    border-right: 3px solid #8B3A3A;
    border-left: 3px solid #546A8F;
}

#comments h2
{background: url(http://img212.imageshack.us/img212/2838/ffx268c7ri.jpg) left;
    text-indent: 1px;
font-size: 12pt; color: #FFFFFF;
}

#signature
{background: #FFFFFF url(http://img73.imageshack.us/img73/361/ffx14c3fc.jpg) top right;color: #00C5CD;
    border-right: 3px solid #8B3A3A;
    border-left: 3px solid #546A8F;
}

#signature h2
{background: url(http://img212.imageshack.us/img212/2838/ffx268c7ri.jpg) left;
    text-indent: 1px;
font-size: 12pt; color: #FFFFFF;
}

#profile a {cursor: crosshair;}
#profile a:hover {background: url(http://img455.imageshack.us/img455/7858/dgtliceitembg1lr.gif); cursor: crosshair;}
#wishlist a {cursor: crosshair;}
#wishlist a:hover {background: url(http://img455.imageshack.us/img455/7858/dgtliceitembg1lr.gif); cursor: crosshair;}
#about a {color: #6990AB; text-decoration: none; cursor: crosshair;}
#about a:hover {color: #98B9D0; text-decoration: line-through; cursor: crosshair;}

#friends a {color: #6990AB; text-decoration: none; cursor: crosshair;}
#friends a:hover {color: #98B9D0; text-decoration: line-through; cursor: crosshair;}

#journal a {color: #6990AB; text-decoration: none; cursor: crosshair;}
#journal a:hover {color: #98B9D0; text-decoration: line-through; cursor: crosshair;}

#comments a {color: #6990AB; text-decoration: none; cursor: crosshair;}
#comments a:hover {color: #98B9D0; text-decoration: line-through; cursor: crosshair;}

#signature a {color: #6990AB; text-decoration: none; cursor: crosshair;}
#signature a:hover {color: #98B9D0; text-decoration: line-through; cursor: crosshair;}

.caption
{
    border: 1px solid #000000;
    background: #D4E2F0;
}

.caption2
{
    border: 1px solid #000000;
    background: #D4E2F0;
}

.caption .message
{
    position: center;
    padding: 0 0 0 32px;
    min-height: 45px;
    margin: 0 -12px 0 0;
    background: url(http://img474.imageshack.us/img474/8710/dgtlicecaptionl7ag.gif) top left no-repeat;
    font-size: 12px;
    font-weight: normal;
    left: -21px;
font-face: tahoma;
}

.caption2 .message
{
    position: relative;
    padding: 0 32px 0 0;
    min-height: 45px;
    margin: 0 0 0 -12px;
    background: url(http://img474.imageshack.us/img474/2503/dgtlicecaptionr1zh.gif) top right no-repeat;
    font-size: 13px;
    font-weight: normal;
    right: -22px;
}

/* tektek add-in to fix caption boxes */
.caption2:after{background:none;content:url(http://tinyurl.com/8rzvl);}
.caption:after{background:none;content:url(http://tinyurl.com/8rzvl);}
.caption2:before{background:none;content:url(http://tinyurl.com/8rzvl);}
.caption:before{background:none;content:url(http://tinyurl.com/8rzvl);}

Popular

Sponsor

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