July 06, 2003
happy alien  The alien profile uses absolute positioning to create a new and unique layout for your profile. by atlass To use this profile skin you need to download the background image and upload it to your own webhost. Get the url. Then paste this code into the stylesheet box on your edit profile page remembering to change the url of the image in the skin below into the ful http:// url of your image. /* profile css 2002 JR.o *//* default *//* happy alien by atlass *//* http://www.spayce.net/ezdesign */body { margin:0 0 0 0; padding: 0 0 0 0; color: #5d657c; background: #ffffff; font: 11px tahoma, sans-serif; letter-spacing: 1px; text-align:center; }a { color: #5d657c; text-decoration: none;}a:link { text-decoration: inherit; }a:visited { text-decoration: inherit; }a:hover { background: #5d657c; color: #ffffff; text-decoration: underline; }a:active { background: transparent; color: #5d657c; text-decoration: underline; } h1 { font : bold 24px "andale mono", sans-serif; margin : 0; letter-spacing: 4px; padding-bottom: 10px; color: #ffffff;}h2 { color : #5d657c; font: bold 10px tahoma, sans-serif; letter-spacing: 2px; padding: 0 0 3px 0; border-bottom: 1px dotted #5d657c; margin: 10px }.title { color : #5d657c; font : 10px tahoma, sans-serif; display:block; padding:1px 3px 1px 0px; border-top: 1px solid #5d657c; }.value { color : #9999b1; border-bottom: 1px solid #d7d7e1; width:100%; display: block;}.privatevalue { color : #666666; font-style : italic;}dl { font-size : 10px; margin : 6px 0 0 0px; padding : 0 0 0 5px; }dd {padding: 0 0 5px 0;}h1 img {height: 20px; width: 20px}/* master positioning */#wrapper { background : transparent; width : 600px; height: 700px; text-align:left; background: url(alien.gif); background-repeat: no-repeat; background-position: 20px 0px; margin: 20px 0 20px 0; }#heading { position:relative; left:0px; top:0px; width: 500px; height:170px; z-index: 8; }#hypermatch { background-color : #9999b1; border: 1px solid #5d657c; text-align:center; position:absolute; left:390px; top:190px; width: 220px; }a.hypermatch { display : block; padding: 0 10px 0 10px; color: #ffffff}a.hypermatch:hover { display : block; padding: 0 10px 0 10px; text-decoration: none;} #personalphoto { margin-right: 10px; width:60px; border: 1px solid #d7d7e1; position:absolute; left:200px; top:10px; width:60px; height:60px; z-index: 3; }#profileheader { background-color : #9999b1; border: 1px solid #5d657c; position:absolute; left:240px; top:50px; padding: 6px; padding-left: 30px; z-index: 2; height: 50px;}#totalposts, #membersince { padding: 6px; background-color : #5d657c; border: 1px solid #d7d7e1; color : #eeeeee; font : 10 px Tahoma, verdana, sans-serif; letter-spacing: 2px;}#totalposts { position:absolute; left:20px; top:120px; z-index: 3; width:200px}#membersince { position:absolute; left:50px; top:100px; z-index: 3; width:400px}#main { position:relative; left:100px; top:-10px; width:500px; padding: 5px; z-index: 1; display:block; height: auto; }#personalinfo { background-color : #ffffff; width:280px; border: 1px solid #d7d7e1; position:static; overflow: inherit;}#contactinfo { background-color : #ffffff; width:260px; border: 1px solid #d7d7e1; position:absolute; left:250px; top:50px} #firstname, #lastname, #age, #location, #occupation, #hobbies, #personalbio, #communities { margin: 10px 40px 10px 10px; position: static; top:0px, left: 0px} #email, #pm, #im, #link, #recentposts { margin : 10px; } #privatemessageform { font-size : .75em; margin : 2px 0 0 15px; padding : 0 0 0 5px; width : 150px; text-align : right;} input#subject, textarea#message { background-color: #d7d7e1; font : 11px "Courier New", Courier, monospace; width : 150px; color: #5d657c;} input#send { background-color: #9999b1; color: #d7d7e1;}#footing { background-image: url(cappucino1.jpg); background-position: left bottom; background-color : #ffffff; color : #9999b1; font-size : 10px; padding: 2px 10px 2px 10px; position:relative; left:120px; top:0px; width: 200px; text-align:center; z-index: 20; }#footing a:link, #footing a:visited { color : #9999b1; }#footing a:hover { color: #ffffff; background-color: #9999b1; }img { border: 0; vertical-align : baseline; }div.spacer { clear: both; } |
 |
