Eureka seveN profile help | Page 1 | General Discussion [Chatterbox] | Guild Forums

Kaiminx

Offline

Posted: Wed Aug 01, 2007 5:41 pm

Hey y'all, it's the Anemone, aka "the prize". xd Most of you know who controls me. I didn't feel like logging out and logging back in so I'll just post from here.

I'm trying to break into css coding and I'm using the Anemone as a guinea pig. I'm trying to make an Anemone-themed profile. Can anyone tell me how to replace the title bars? (I.E, where it says "about", "media", etc) I heard someone say the whole background had to be messed with for that....confusing! @___@

So, helps?

Posted: Wed Aug 01, 2007 6:06 pm

Oh butchering, how much fun that is....Well anyways, you wanna start out with like the very basic & most normal profile. Not some that your avatar is center screen, like a normal one.

Demetrius Plateau

Offline

Soren DeGali
Crew

Offline

Posted: Wed Aug 01, 2007 6:18 pm

I haven't dabbled with the new profiles (just old ones), so I don't know if it works different there, but that would probably be like...

"#about h2
{ (stuff here modifying it)
}"

Each of the sections has a name applied to it in the original code.

#profile = avatar space
#details (the rest of these are self-explanatory)
#wishlist
#about
#friends
#multimedia
#journal
#comments
#signature

Basically the "h2" will apply to the header part that has the text. It'll affect that little square and nothing else, whereas if you leave it without the "h2", it'll affect the content of the box, I.E., the stuff below the header. So if you're trying to change the headers, you'll need to use the "h2".

If you want to affect several sets with the same look and such, you can type like...

"#profile h2, #wishlist h2
{ (stuff here)
}"

I'm not very good at this, but hey, that might help a bit. xp And no, the background won't be affected at all, if I'm not mistaken.

EDIT: You use Firefox, right, Kayako? Then I would suggest downloading this extension called Web Developer. It lets you modify the CSS while viewing the page, so it makes coding profiles ten times faster. It also helps you learn what works and what you're just screwing up really bad. razz

Posted: Wed Aug 01, 2007 6:51 pm

what soren said.

Plus this:

body
{
background: #000000 url(http://www.freewebs.com/steeveeo3001/madcat.jpg) no-repeat fixed center;
font-family: arial;
font-size: 12pt;
color: #00FF00
a:link { color:#00FF00; font-weight: normal; text-decoration: none}
a:visited { color: #00FF00; font-weight: normal; text-decoration: none}
a:active { color: #00FF00; font-weight: bold; text-decoration: none }
a:hover { color: #00FF00; font-weight: bold; text-decoration: underline, strikethrough}
cursor: url(http://filexoom.com/files/2764/target.cur)
}
#content
{
background: none;
}
#profile
{
color: #000000;
background: transparent;
}

.caption:before,.caption:after,.caption2:before,.caption2:after
{
display:none;
}
.caption. message,.caption2 .message
{
background:none;
}
#friends #friendGroup li{border-right:0px;}
#comments
{
color: black;
}
#profile .caption
{
color: #00FF00;
background: #000000;
}
#comments .caption
{
color: #00FF00;
background: #000000;
}
#comments .caption2
{
color: #00FF00;
background: #000000;
}
#extendedProfileBody #header h1
{
background: url(http://www.freewebs.com/steeveeo3001/header.gif)
}
#footer
{
background: url(http://www.freewebs.com/steeveeo3001/header.gif)
}
#signature h2
{
background: url(http://www.freewebs.com/steeveeo3001/title.gif) top left no-repeat;
text-indent: 50px;
color: #00FF00
}
#about h2
{
background: url(http://www.freewebs.com/steeveeo3001/title.gif) top left no-repeat;
text-indent: 50px;
color: #00FF00
}
#multimedia h2
{
background: url(http://www.freewebs.com/steeveeo3001/title.gif) top left no-repeat;
text-indent: 50px;
color: #00FF00
}
#journal h2
{
background: url(http://www.freewebs.com/steeveeo3001/title.gif) top left no-repeat;
text-indent: 50px;
color: #00FF00
}
#friends h2
{
background: url(http://www.freewebs.com/steeveeo3001/title.gif) top left no-repeat;
text-indent: 50px;
color: #00FF00
}
#comments h2
{
background: url(http://www.freewebs.com/steeveeo3001/title.gif) top left no-repeat;
text-indent: 50px;
color: #00FF00
}
#profile h2
{
background: url(http://www.freewebs.com/steeveeo3001/title.gif) top left no-repeat;
text-indent: 50px;
color: #00FF00
}
#wishlist h2
{
background: url(http://www.freewebs.com/steeveeo3001/title.gif) top left no-repeat;
text-indent: 50px;
color: #00FF00
}
#details h2
{
background: url(http://www.freewebs.com/steeveeo3001/title.gif) top left no-repeat;
text-indent: 50px;
color: #00FF00
}
#details
{
color: #00FF00;
}
#signature
{
color: #00FF00;
}
#profile #bar { background: none; }
#profile #bar #onlineButton { background: url(http://www.freewebs.com/steeveeo3001/online.gif) no-repeat; }
#profile #bar #offlineButton { background: url(http://www.freewebs.com/steeveeo3001/offline.gif) no-repeat; }
#profile #bar #hiddenButton { background: url(http://www.freewebs.com/steeveeo3001/hidden.gif) no-repeat; }
#profile #bar #addButton { background: url(http://www.freewebs.com/steeveeo3001/add.gif) no-repeat; }
#profile #bar #msgButton { background: url(http://www.freewebs.com/steeveeo3001/message.gif) no-repeat; }
#profile #bar #tradeButton { background: url( http://www.freewebs.com/steeveeo3001/trade.gif) no-repeat; }
#profile #bar #ignoreButton { background: url(http://www.freewebs.com/steeveeo3001/ignore.gif) no-repeat; }
#profile #bar #addButton a { background: url(http://www.freewebs.com/steeveeo3001/add.gif) no-repeat; }
#profile #bar #msgButton a { background: url(http://www.freewebs.com/steeveeo3001/message.gif) no-repeat; }
#profile #bar #tradeButton a { background: url(http://www.freewebs.com/steeveeo3001/trade.gif) no-repeat; }
#profile #bar #ignoreButton a { background: url(http://www.freewebs.com/steeveeo3001/ignore.gif) no-repeat; }
#footer { background: #000 url(http://www.freewebs.com/steeveeo3001/footer.gif) right no-repeat;
color: #fff;
border: none; }

#comments, #about, #signature, #details, #multimedia, #journal, #profile, #friends
{
background: none;
color: #00FF00;
}

#about .body {position: relative; height: 200px; overflow: auto;}

#site
{width: 100%;}
#about, #friends, #multimedia, #signature, #comments
{width: 500px;}
#about ol {position: absolute; top: 200px; left: 780px; overflow-x: hidden; overflow-y: scroll; height: 500px; width: 450px; background: #000000; padding: 10px;}
#about .quote {position: absolute; top: 10px; left: 300px; width: 300px; overflow: hidden; background: transparent; color: #00FF00;}

Thats my profile code, you may copy and tweak it a bit and add your own pictures, as I am pro-knowledge-sharing.

I'll be back once again once I figure out what the stupid image dimensions are.

Keep in mind that you have to have your profile set to Old School to get CSS to work correctly.

Steeveeo
Crew

Offline

Demetrius Plateau

Offline

Posted: Wed Aug 01, 2007 7:15 pm

I think it's the PX, Steeveo

Posted: Wed Aug 01, 2007 7:25 pm

what?

Anyhoo, I found out that the title header is 760x150 pixels

Steeveeo
Crew

Offline

Kaiminx

Offline

Posted: Wed Aug 01, 2007 11:07 pm

Thanks guys, I think I've got it. I'm going to make the images and then try them out on Anemone's profile. Might take awhile though, as I'm such a dork.

Posted: Wed Aug 01, 2007 11:19 pm

Yes, yes you are, but you are this guild's copy written dork.

Demetrius Plateau

Offline

Welcome to Gaia! ::

Gaia Guilds

The Official Eureka seveN Guild

Quick Reply

More Information