Welcome to Gaia! ::

wombat - i am's avatar

Dapper Dabbler

User Image - Blocked by "Display Image" Settings. Click to show.

            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;}



T7C's avatar

Shapeshifter

your comment code
Is this what you were looking for?
wombat - i am's avatar

Dapper Dabbler

T7C
your comment code
Is this what you were looking for?



User Image - Blocked by "Display Image" Settings. Click to show.

            No, I'm after the actual css styling for the comments section. I've creative an alternative ,but thanks anyway
Knight Yoshi's avatar

Loyal Gaian

they go
User Image - Blocked by "Display Image" Settings. Click to show.

            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!

You need to remove this rule form your CSS or at least remove the display declaration. It's preventing the navigation links from working in Firefox.
#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;}

But it looks like you really need to go back and fix the links when hovered and clicked all together

Quick Reply

Submit
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games