first cb profile layout Rating Options

[rickysaurus]

Many thanks to elletricity for coding this. girls a damn magician.

click to enlarge

[jiyong]

LOL even though I coded this... Simple and clean (: I like the link icons ahaha.

[Firiath]

Now work on your coding xD

[Detective]

It's a bit plain, but simple. Good luck on coding though! :)

[Mikeplyts]

Nice job Ricky, haha. :D

[schizo]

I like it, but the links don't work for me. D:

[datass]

something about the top friend box is irking me. i think its the fact that the top and bottom of the box are closer to the pictures than the left and right. you get me?

[Meganmon]

I see this, on firefox. :T

[markmejia]

haha i like the simplicity. i'm just not feeling the rounded, slightly-feathered-looking borders on the "top friends," "contact," and "comment" boxes.

dang, it'd be cool though if the nav buttons had a hover.

[Mikeplyts]

http://i27.tinypic.com/sdcoie.png

I see this, on firefox. :T

I have FF and it's not doing that for me. >_> I think that just depends on the resolution someone has. :/

[jiyong]

I like it, but the links don't work for me. D:

I don't know what I did when I coded it D: It seems to work in all the browsers for me, both Macs and PCs.

thats cutee lol

in your preview your website links look aligned but when i check your profile they're out of the box =[

Fixed. I'm PMing Ricky the new code. The margins look a bit odd though, still gotta work on that.

http://i27.tinypic.com/sdcoie.png

I see this, on firefox. :T

Fixed. PMing him the new code.

[rickysaurus]

^ My one woman support staff.

[schizo]

I don't know what I did when I coded it D: It seems to work in all the browsers for me, both Macs and PCs.

I'm in IE8. I'd look at the code for you, but I can't view source on the page for some reason. D:

[jiyong]

^ Here's the CSS I used:
Header:

CODE

<style type="text/css">
#logo, #nav, #splash, #aboutme, #comments, #links, #stats, #footer { display:none; }

h2 { display:none; }

body { background-image:none; }

#ricky {
position:absolute;
left:50%;top:50px;
margin-left:-400px;
background-image:url("http://img210.yfrog.com/img210/5759/layoutkfv.jpg");
width:800px;height:900px;
}

#bestfriends {
position:absolute;
left:50%;top:370px;
margin-left:-200px;
z-index:10;
}
#bestfriends a img { max-width:60px; }
#bestfriends p a { display:none; }

#contactme {
position:absolute;
left:50%;top:465px;
margin-left:-208px;
z-index:10;
width:415px;
}

#comment {
position:absolute;
left:50%;top:590px;
margin-left:-200px;
z-index:10;
width:405px;
}

#login {
position:absolute;
left:50%;top:75px;
margin-left:-400px;
z-index:10;
width:800px;
text-align:center;
}

#login a {
font:15px georgia;
letter-spacing:1px;
font-style:italic;
text-transform:lowercase;
}

a, a:link, a:visited, a:active { color:#D0D2D3; }
a:hover { color:#8b8c8c; }

textarea { height:35px; }
input { padding:0px!important;margin:0px; }

</style>

Footer:

CODE

<div id="ricky">
<img src="http://img210.yfrog.com/img210/5759/layoutkfv.jpg" usemap="#nav" border="0" />
<map name="nav">
<area href="http://createblog.com" shape="rect" coords="168, 127, 284, 248" />
<area href="http://rickysaurus.createblog.com/friends/add.php?height=100&width=300&nocache=1192663004" shape="rect" coords="296, 138, 378, 250" />
<area href="http://rickysaurus.createblog.com/wink.php?height=100&width=300&nocache=1239496417" shape="rect" coords="411, 141, 484, 248" />
<area href="http://www.createblog.com/forums/index.php?act=Msg&CODE=4&MID=721527" shape="rect" coords="504, 163, 630, 252" />
</map>
</div>

<div class='outerbox col3' id="comment">
<h2>Comment</h2>
<div class='innerbox'>
<form action='comment.php' method='POST'>
<textarea name='comment' style="border:0px;">Comment here.</textarea>
<input type='submit' value='Comment' class='button' />
</form>
</div>
</div>

[schizo]

I could be wrong, but I think the problem might be that you have the main image as the background of the div and you put it in the div as the image map. I would try getting rid of the background image in the ricky layer.

If it doesn't work, I'm sorry I failed you. D:

[*Shelby-Zu*]

i REALLY like this,
simple, minimalistic, <3

[manny-the-dino]

It's so cute! When I first saw the wink smiley, I thought of a teacup too lol.