tektek.org > Profile: Final Fantasy 8 - Iris

tektek.org > Profile: Final Fantasy 8 - Iris - Squall

Profile Themes and Layouts for GaiaOnline.com

Old School Profile: Final Fantasy 8 - Iris - Squall

Submitted by Zylette

Preview Theme

Submitter Notes: Iris just seems to fit Squall to me, so I made a profile... I think it turned out pretty well, so I hope someone likes it xD Comments, Friends, About Me

Install Profile Theme

Rate Profile

Profile Code

Designed for a BLOCKS 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;}
#content #main, #about, #comments, #friends, details {height: auto;}
#extendedProfileBody #header #avatar, #journal, #multimedia, #signature, #wishlist {display: none;}
#extendedProfileBody #header h1
{
background:
url(http://www.picturebay.net/img/members/Zylette/FFVIIIlayout.png)
no-repeat center top;
width: 750px;
height: 1483px;
}

#header {border-right: 0px;}

body {background: #000000;}

#content {background: none; border: none;}

#content h2, #details h2, #profile h2, #about h2, #profile .items, #signature h2, #comments h2 { display: none; }

#signature {
background: transparent;
position: absolute;
left: 400px;
top: 500px;
overflow: auto;
width: 285px;
height: 152px;
border: none;
}

#friends {
background: transparent;
position: absolute;
left: 16px;
top: 1239px;
overflow: auto;
width: 699px;
height: 106px;
border: none;
}

#comments {
background: transparent;
position: absolute;
left: 465px;
top: 640px;
width: 250px;
height: 552px;
border: none;
overflow-y: auto;
overflow-x: hidden;
}

#comments .message { background:transparent; }
#comments .caption { border:none; background:none; }
#comments .caption2 { border:none; background:none; }
.caption:before { display:none;}
.caption:after { display:none;}
.caption2:before { display:none;}
.caption2:after { display:none;}
#comments dl dt.avatar img { display:none }
#comments dl dt.avatar2 img { display:none }
#comments dl dd { color: #000; margin: 0 0;}

#details {
background: #transparent;
position: absolute;
left: 210px;
top: -853px;
overflow: auto;
width: 207px;
height: 177px;
text-align: right;
border: none;
}

#profile {
background: transparent;
position: absolute;
left: 6px;
top: -853px;
overflow: auto;
width: 200px;
height: 177px;
text-align: center;
border: none;
}

#about {
position: absolute;
left: 16px;
top: 828px;
overflow: auto;
width: 411px;
height: 363px;
border: none;
}

#extendedProfileBody #footer
{background: #ececdc;
border: none}
#site {margin:auto;}

#friendGroup li img { background: {display: none;} }
#friends #friendGroup li { border: none; }

#profile #bar{background: transparent;}

#bar #onlineButton {background:
url(http://public.tektek.org/img/themes/7079/ivg4xy.gif) no-repeat;}
#bar #offlineButton {background:
url(http://public.tektek.org/img/themes/7079/ivg56q.gif) no-repeat;}
#bar #hiddenButton {background:
url(http://public.tektek.org/img/themes/7079/ivg5c8.gif) no-repeat;}

#profile #bar #addButton img, #profile #bar #tradeButton img, #profile #bar #msgButton img, #profile #bar #ignoreButton img
{
filter:alpha(opacity=0);
opacity:0;
}
#profile #bar #addButton , #profile #bar #addButton a
{
background: url(http://public.tektek.org/img/themes/7079/ivg5f6.gif)
no-repeat;
}
#profile #bar #msgButton, #profile #bar #msgButton a
{
background: url(http://public.tektek.org/img/themes/7079/ivg5m9.gif)
no-repeat;
}
#profile #bar #tradeButton, #profile #bar #tradeButton a
{
background: url(http://public.tektek.org/img/themes/7079/ivg5s2.gif)
no-repeat;
}
#profile #bar #ignoreButton, #profile #bar #ignoreButton a
{
background: url(http://public.tektek.org/img/themes/7079/ivg5tx.gif)
no-repeat;
}

#profile, #details, #wishlist, #about, #journal, #friends, #multimedia, #comments, #signature
{ background: none;
border: none;
font-size: 10px;
border-top: 0px solid;
border-bottom: 0px solid;
border-left: 0px solid;
border-right: 0px solid;
}

body
{ color: #faf7f7; font-size:10px; text-decoration: none}
a:link, a:visited, a:active
{ color: #f0efef; font-size:10px; font-weight: bold; text-decoration: none}
a:hover { color: #fdea70; font-size:10px; font-weight: bold;
text-decoration: dash}
#corp a:link, a:active, a:visited
{ color: #f0efef; font-size:10px; font-weight: bold; text-decoration: none}
a:hover { color: #fdea70; font-size:10px; font-weight: bold;
text-decoration: dash}

Popular

Sponsor

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