wombat - i am
(?)Community Member
- Posted: Sat, 10 Nov 2012 08:20:13 +0000
here is the profile
asd you can see, its all coded up except for the contact buttons and the comments. currently i have the way i want the comments to look as part of the content background, but if there's a way to do it with just coding (which is preferred), please let me know
basically, i want to know how to code the comments so that the commenters username is on the yellow strip, and the comment with the comment date is in the grey block. hopefully its possible D;
here's the code!
/**PROFILE BY THEY GO OF WOMBAT DESIGNS @ GAIA, FOR USE BY SOXL ONLY. DO NOT REDISTRIBUTE, CLAIM AS YOUR OWN, OR RIP. KTHXBAI**/
BODY {
color: #3b3b3b;
font-size: 11px;
line-height: 120%;
font-family: tahoma;
overflow-x:hidden;
background: #fff url('http://i827.photobucket.com/albums/zz199/ssserpentine/WOMBAT DESIGNS/profiles/sockl/bg.png')
background-attachment: fixed;
}
#site {
border: none;
overflow: hidden;
width: 679px; height: 906px;
margin-left: auto; margin-right: auto; margin-top: 20px;
background: url('http://i827.photobucket.com/albums/zz199/ssserpentine/WOMBAT DESIGNS/profiles/sockl/content1.png') no-repeat center;
}
#content {
width: 679px; height: 906px;
background: none;}
.section {
border: none;
background: none;
}
/*------------GAIA HEADER----------*/
#gaia_header #header_left { background-color: #adbaff !important; }
#gaia_header { background-color: #adbaff !important; }
#gaia_header *{background-color: #adbaff !important; }
#gaia_header * a{
color:#FFF !important;
text-decoration:none;
text-transform:uppercase;
font-family:georgia;
font-size:0.7em;
letter-spacing:1px;}
#gaia_header * a:hover{color: #4d4f4a !important }
#header{
background-position:upper left;
width:0px;
height:0px;
border:0px;
padding-left:1200px;
padding-top:0px;}
#gaia_header{
position:fixed;
}
#header_left{
height:20px !important;
overflow:hidden;
margin-top:2px;}
#header_left img{
width:0px;
height:0px;
padding-left:47px;
padding-bottom:19px;
background-image:url('http://i827.photobucket.com/albums/zz199/ssserpentine/WOMBAT DESIGNS/profiles/vxnt6s_zps68eb1f6b.png')
background-position:0px -2px;
opacity:0.8;
position:relative;
margin-top:-5px;}
#header_left a:hover img{
opacity:1;
margin-bottom:-2px;
margin-top:-6px;}
#header_left {
position:relative;
top:1px;}
#header_right {
position:relative;
top:-2px;}
/*----------LINKS-----------*/
a:link, a:active, a:visited {
color: #adbaff;
text-align: center;
font-family: tahoma;
text-transform: lowercase;
text-decoration: none;
-o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;
}
a:hover {
color: #333!important;
}
/*----------PROFILE----------*/
#profile {
background: none;
width: 0px; height: 0px;
}
#avatar_dropbox { display: none !important;
}
#details, #details h2, #details #info, #details #stats, #details h3, #details hr, #details dl, #details dd {display: none;}
/*----------PROFILE BAR----------*/
#profile .avatar {
display: none;
}
#profile h2 {display:none;}
#profile #bar {
background: none;
}
#profile #bar #addButton a, #profile #bar #msgButton a, #profile #bar #tradeButton a, #profile #bar #ignoreButton a {display:none;
}
/*----------WISHLIST----------*/
#wishlist {display:none;}#wishlist h2 {display: none;}
/*----------ABOUT ME----------*/
#about {
width: 480px; height: 165px;
margin-left: -160px; margin-top: 130px;
overflow-y:auto;overflow-x:hidden;
text-align: justify;
padding-right: 3000px;
}
#about ol:nth-of-type(1) {
position:absolute;
margin-left:-5px; margin-top:270px;
height:190px; width:250px;
overflow-y:auto;overflow-x:hidden;
text-align: justify;
}
#about ol:nth-of-type(2) {
position:absolute;
left:350px; top:655px;
height:190px; width:230px;
overflow-y:auto;overflow-x:hidden;
text-align: justify;
padding-right: 3000px;
}
#about ol:nth-of-type(2) a:link, a:visited, a:active {color: #adbaff;
text-align: center;
font-family: tahoma;
font-size: 20px;
text-transform: lowercase;
display: block;
background: #ffed9c;
padding: 10px;
text-decoration: none;
-o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;}
#about ol:nth-of-type(2) a:hover {color: #adbaff;
background: #f5f4f4;
text-decoration: none;}
#about h2 {display: none}
/*-----------FRIENDS-------*/
#friends p, #friends, #friends #friendGroup li, #friendGroup li img, #friends h2 {display:none;}
/*----SIGANTURE-----*/
#signature, #signature h2 {display: none;}
/*-----------MULTIMEDIA-----------*/
#multimedia h2, #multimedia, #multimedia embed, #multimedia object {display: none;}
/*----------COMMENTS----------*/
#comments {
overflow-y:auto;overflow-x:hidden;
position: absolute;
width: 280px; height: 180px;
left: 95px; top: 390px;
padding-right: 3000px;
}
#comments h2 {display: none;}
#comments .caption a {font-size: 30px; text-align: center; display: block; padding-bottom: 10px;}
.caption {
border: none;
font-size: 11px;
background: none;
line-height: 95%;
font-family: georgia;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #79ccca;
}
.caption2 {
border: none;
font-size: 11px;
background: none;
line-height: 95%;
font-family: georgia;
border-bottom: 1px solid #79ccca;
}
.caption .message, .caption2 .message {
font-size: 12px;
background: none;
}
#comments .caption .date {
color: #79ccca;
font-size: 10px;
font-family: arial;
font-style: normal;
}
#comments .caption2 .date {
color: #79ccca;
font-size: 10px;
font-family: arial;
font-style: normal;
}
#comments dl dd { margin: 0px; 0px;
}
#comments .alert_container a {display:none;}
#comments #alerts_banner {display:none;}
/*------------UNWANTED CODES----------*/
#extendedProfileBody #header h1, #journal, #profile .caption, #profile ul.items, #profile #bar #onlineButton, #profile #bar #offlineButton, #avatar_menu, #comments dl dt.avatar img, #comments dl dt.avatar2 img, .caption:before, .caption:after, .caption2:before, .caption2:after, #comments .links + p
,#alerts_banner { display: none;
}
#content #main {border:none;}
#content, #header {border-right:none;}