Premade User Profiles

Premade Profiles by Tilcara

Here are premade profiles Tilcara has made specifically for ASP members. Thank you Tilcara!

To use :
1. Go to personal, edit profile. Make sure you disposed your boxes in the column as I indicated for each profile. Don't forget to click on "add content" and "profile". If not, your profile won't be displayed ! Paste the code.
3. If you need to rearrange the boxes in the columns, or add a section, you'll have to delete the code before, and copy/paste it again when you're finished.



Column 1 : everything except the comment box and profile

Column 2 : comment box

Column 3 : profile

Code:



<style>

/*Profile by Tilcara, EXCLUSIVITY FOR ASP MEMBERS*/

html

body

{background-color: #f1f1c3;height:768px !important;min-width:1024px;font-family: Constantia,American Typewriter,Bitstream Charter, serif;color:#5a484b;}

#overall {position:absolute;top:0px;left:0px; width:1024px!important;height:768px!important;background-image: url(http://i19.photobucket.com/albums/b173/tarynmiriel/Freebies/memoryforASP.png);background-repeat: no-repeat;}

p {text-align:justify;}

.div_float {position:absolute !important}

i {color:#64809c}

b {color:#b2c384;text-shadow:1px 1px #fff}

#navigation {display:none;}

#navigation:hover{filter:-moz-opacity:1.0;opacity: 1.0;filter:alpha(opacity=100);}

a, a:link, a:active, a:visited {color:#81aaa7;}

a {-webkit-transition-property:color;-webkit-transition-duration: .5s, .3s;-webkit-transition-timing-function: linear, ease-out;-moz-transition-property:color;-moz-transition-duration: .5s, .3s;-moz-transition-timing-function: linear, ease-out;}

a:hover {color:#99c3c0;text-decoration:none;}

#column2 a:hover, #navigation a:hover {border-bottom:1px dotted #597694;}

#navigation,.comment_table,.header,.block,.info_block

{background-image:none;border:0px;}

.header {font-family:century gothic;}

#column1 {width:350px;height:750px;position:absolute;top:0px;left:620px;overflow:hidden;z-index:2}

#column1:hover {overflow:auto;}

#column2 .header {background-color:transparent;font-size:0px;color:#ffffff;}

#column2_comment{width:330px;height:90px!important;padding:0!important;margin:0!important;}

.textbox {width:330px!important;}

.forminput {height:15px;text-align:center; color:#000!important;background-color:transparent;filter:-moz-opacity:0.3;opacity: 0.3;filter:alpha(opacity=30);-webkit-transition-property: opacity;-webkit-transition-duration: .5s, .3s;-webkit-transition-timing-function: linear, ease-out;-moz-transition-property: opacity;-moz-transition-duration: .5s, .3s;-moz-transition-timing-function: linear, ease-out;}

.forminput:hover {filter:-moz-opacity:0;opacity:0;filter:alpha(opacity=0);}

#column2 textarea{height:90px !important;color:#4d3726;border:0;background:transparent;outline:none;}

#column2 input{border:0;color:transparent;}

#column2_comment td {height:140px!important;}

#column2 .infoblock {padding:0!important;margin:0!important;}

#column2 {position:absolute;left:80px;top:590px;font-size:10px;z-index:1}

#column1 .header {background-color:#d7d7a1;border-radius:10px;color:#80691f;text-align:center;text-shadow:1px 1px #fff;}

#column1_avatar {height:280px;padding:0!important;margin:0!important;filter:-moz-opacity:0.8;opacity: 0.8;filter:alpha(opacity=80);-webkit-transition-property: opacity;-webkit-transition-duration: .5s, .3s;-webkit-transition-timing-function: linear, ease-out;-moz-transition-property: opacity;-moz-transition-duration: .5s, .3s;-moz-transition-timing-function: linear, ease-out;}

#column1_avatar:hover{filter:-moz-opacity:1.0;opacity: 1.0;filter:alpha(opacity=100);}

#column3 {display:none;}

#column3 .header {display:none}

#header_profile {display:none}

</style>

Column 1 : multimedia widget (video youtube, height:140, width:150), HA, options

Column 2 : everything left except comment box and profile

Column 3 : comment box, profile

Code:

<style>

/*Profile by Tilcara, EXCLUSIVITY FOR ASP MEMBERS*/

html

body

{background-color: #6e88a3;height:660px !important;min-width:1024px;font-family: Constantia,American Typewriter,Bitstream Charter, serif;color:#5a484b;}

#overall { margin-left: auto; margin-right: auto; width:1024px!important;height:660px!important;

background-image: url(http://i19.photobucket.com/albums/b173/tarynmiriel/Freebies/winterlove.png);

background-repeat: no-repeat;}

.div_float {position:absolute !important}

p {text-align:justify;}

i {color:#64809c}

b {color:#64809c;text-shadow:1px 1px #fff}

#navigation {position: relative; top: 10px; left: 520px;background: transparent; width:700px !important; border-bottom: none; font-size:10px; color: #d0d8e1;font-family:century gothic;filter:-moz-opacity:0.5;opacity: 0.5;filter:alpha(opacity=50);-webkit-transition-property: opacity;-webkit-transition-duration: .5s, .3s;-webkit-transition-timing-function: linear, ease-out;-moz-transition-property: opacity;-moz-transition-duration: .5s, .3s;-moz-transition-timing-function: linear, ease-out;}

#navigation:hover{filter:-moz-opacity:1.0;opacity: 1.0;filter:alpha(opacity=100);}

a, a:link, a:active, a:visited {color:#24486e;}

a {-webkit-transition-property:color;-webkit-transition-duration: .5s, .3s;-webkit-transition-timing-function: linear, ease-out;-moz-transition-property:color;-moz-transition-duration: .5s, .3s;-moz-transition-timing-function: linear, ease-out;}

a:hover {color:#597694;text-decoration:none;}

#column2 a:hover, #navigation a:hover {border-bottom:1px dotted #597694;}

#navigation,.comment_table,.header,.block,.info_block

{background-image:none;border:0px;}

.header {font-family:century gothic;}

#column1 {width:180px;height:260px;position:absolute;top:310px;left:80px;z-index:2}

#column1 .header {background-color:transparent;font-size:0px;color:#ffffff;}

#column3_comment{width:200px;height:120px!important;padding:0!important;margin:0!important;}

.textbox {width:200px!important;}

.forminput {height:15px;text-align:center; color:#000!important;background-color:transparent;filter:-moz-opacity:0.3;opacity: 0.3;filter:alpha(opacity=30);-webkit-transition-property: opacity;-webkit-transition-duration: .5s, .3s;-webkit-transition-timing-function: linear, ease-out;-moz-transition-property: opacity;-moz-transition-duration: .5s, .3s;-moz-transition-timing-function: linear, ease-out;}

.forminput:hover {filter:-moz-opacity:0;opacity:0;filter:alpha(opacity=0);}

#column3 textarea{height:90px !important;color:#4d3726;border:0;background:transparent;outline:none;}

#column3 input{border:0;color:transparent;}

#column3_comment td {height:140px!important;}

#column3 .infoblock {padding:0!important;margin:0!important;}

#column1_multimedia {width:120px;height:70px;position:absolute;top:-150px;left:55px;}

#column2 {width:230px;height:326px;position:absolute;left:670px;top:40px;overflow:auto;font-size:10px;z-index:1}

#column2 .header {background-color:#6e88a3;border-radius:10px;color:#d0d8e1;text-align:center;}

#column1_avatar {height:245px;padding:0!important;margin:0!important;filter:-moz-opacity:0.8;opacity: 0.8;filter:alpha(opacity=80);-webkit-transition-property: opacity;-webkit-transition-duration: .5s, .3s;-webkit-transition-timing-function: linear, ease-out;-moz-transition-property: opacity;-moz-transition-duration: .5s, .3s;-moz-transition-timing-function: linear, ease-out;}

#column1_avatar:hover{filter:-moz-opacity:1.0;opacity: 1.0;filter:alpha(opacity=100);}

#column2_stickers {position:relative;top:-8px;}

#column2_userinfo2 {position:relative;top:-14px;height:185px;}

#column3 {width:200px;height:120px!important;position:absolute;left:685px;top:490px;overflow:visible;font-size:13px;}

#column3 .header {display:none}

#column1_options .header {display:none;}

#column1_options {font-size:10px!important;position:absolute;top:280px;left:355px;width:200px;filter:-moz-opacity:0.2;opacity: 0.2;filter:alpha(opacity=20);-webkit-transition-property: opacity;-webkit-transition-duration: .5s, .3s;-webkit-transition-timing-function: linear, ease-out;-moz-transition-property: opacity;-moz-transition-duration: .5s, .3s;-moz-transition-timing-function: linear, ease-out;}

#column1_options:hover{filter:-moz-opacity:1.0;opacity: 1.0;filter:alpha(opacity=100);}

#header_profile {display:none}

</style>

Just do whatever you want with your 3 columns ^^ This one is recommended for people who have a ton of things on their profile.

Code:

<style>

/*Profile by Tilcara, EXCLUSIVITY FOR ASP MEMBERS*/

html

body

{background-color: #d2590c;min-height:760pxwidth:1024px;font-family: Constantia,American Typewriter,Bitstream Charter, serif;color:#000;background-image: url(http://i19.photobucket.com/albums/b173/tarynmiriel/Freebies/witchyp.png);background-repeat: no-repeat;}

.div_float {position:absolute !important}

i {color:#592605}

b {color:#000;text-shadow:1px 1px #f2a76e}

#navigation {position: relative; top:-5px; left: 180px;background: transparent; width:700px !important; border-bottom: none; font-size:10px; color: #f2b689;font-family:century gothic;filter:-moz-opacity:0.5;opacity: 0.5;filter:alpha(opacity=50);-webkit-transition-property: opacity;-webkit-transition-duration: .5s, .3s;-webkit-transition-timing-function: linear, ease-out;-moz-transition-property: opacity;-moz-transition-duration: .5s, .3s;-moz-transition-timing-function: linear, ease-out;}

#navigation:hover{filter:-moz-opacity:1.0;opacity: 1.0;filter:alpha(opacity=100);}

a, a:link, a:active, a:visited {color:#f2ccb0;1px 1px #d2590c;}

a {-webkit-transition-property:color;-webkit-transition-duration: .5s, .3s;-webkit-transition-timing-function: linear, ease-out;-moz-transition-property:color;-moz-transition-duration: .5s, .3s;-moz-transition-timing-function: linear, ease-out;}

a:hover {color:#dd803d;text-decoration:none;}

#navigation,.comment_table,.header,.block,.info_block {background-image:none;border:0px;}

.header {font-family:century gothic;text-shadow:1px 1px #f2b689}

.textbox {border:none;position:relative;left:20px;border-radius:10px;background-color:#dd803d}

.forminput {border:none;position:relative;left:20px;height:15px;text-align:center; color:#000!important;background-color:transparent;filter:-moz-opacity:0.3;opacity: 0.3;filter:alpha(opacity=30);-webkit-transition-property: opacity;-webkit-transition-duration: .5s, .3s;-webkit-transition-timing-function: linear, ease-out;-moz-transition-property: opacity;-moz-transition-duration: .5s, .3s;-moz-transition-timing-function: linear, ease-out;}

.forminput:hover {filter:-moz-opacity:0;opacity:0;filter:alpha(opacity=0);}

.header {background-color:transparent;border-radius:10px;color:#000;text-align:center;box-shadow:0px 0px 5px #ccc;}

#header_profile {display:none}



#column1 {width:270px;position:absolute;top:100px;left:-30px;}

#column2 {width:380px;position:absolute;top:600px;left:280px;}

#column3 {width:320px;position:absolute;top:120px;left:700px;}

</style>


Premade Profile by Bohemian



How to use the profile
1. go to personal > edit profile, and edit your profile so that all the items are in the right column.
For this profile this means:
Column 1: everything you want to display, except for comments and profile
Column 2: the comment section
Column 3: the profile section (you can add it, by pressing 'add content' and choosing 'profile'). If you don't have the profile section, the profile will not work.
2. Go to personal > site preferences > the profile tab, and paste the code.
3. If you need to rearrange the sections in the columns, it's best to delete the code, and copy/paste it again when you're finished.

Code:

<style> /* THIS PROFILE IS MADE BY BOHEMIAN AND IS MADE FOR ASP MEMBERS EXCLUSIVELY */ body {background:#cccccc url(http://i444.photobucket.com/albums/qq169/kiliasty/layouts/roselayout.png); background-repeat: no-repeat; background-position: 10px 10px; width: 1100px; height: 800px; overflow:auto;} .header {background:transparent; font-family:serif; font-style:italic; font-size:18px; color:#b30308; letter-spacing;1px; text-decoration:none; border-left: none;} div, table, td, tr {font-family:verdana; font-size:11px; color:#444444; text-decoration:none; letter-spacing:1px;} a:link, a:active, a:visited {font-family:verdana; font-size:11px; color:#fb0a15; text-decoration:none; letter-spacing:1px; } a:hover {color:#aaaaaa} .block, .info_block {background:transparent; border:none;} #column1_filler, #column2_filler, #column3_filler {display:none;} #column3 {display:none;} #header_comment {display:none;} #navigation,.comment_table,.header,.block,.info_block {background-image:none; border:none;} #navigation {background-color: transparent; font-size:11px; font-family:serif; filter:-moz-opacity:0.1; opacity: 0.1; filter:alpha(opacity=10);} #navigation:hover{filter:-moz-opacity:1.0;opacity: 1.0;filter:alpha(opacity=100);} #column1 {padding:0px; margin: 0px; border: 0px; position: absolute; left: 650px; top:170px; width: 350px; height: 520px; overflow:hidden;} #column1 li {background-color:transparent; border:none;} #column1:hover {overflow: auto;} #column2 {padding:0px; margin: 0px; border: 0px; position: absolute; left: 750px; top:718px; width: 300px; height: 300px; overflow:auto; filter:-moz-opacity:0.0; opacity: 0.0; filter:alpha(opacity=00);} #column2 li {background-color:transparent; border:none;} #column2:hover {filter:-moz-opacity:1.0; opacity: 1.0; filter:alpha(opacity=100); } #content_comment {text-align: center;} #content_comment {background: url(http://i444.photobucket.com/albums/qq169/kiliasty/layouts/rosecommentbox.png); height:115px !important; width: 250px; border: 1px solid #606060; padding:0px; } #content_comment textarea {background: transparent; border: 1px solid #b30308; width: 200px !important; height: 90px !important; margin-top:3px;} #content_comment input {background: transparent; border: none; width: 206px !important; height: 20px;} .textbox {font-family: arial; font-size: 12px !important; color:#606060;} .forminput {font-style: lucida console; color:#161616; font-size: 12px !important;} </style>