Printable View
Charles posted this before
but it doesn't work, or I'm doing it wrong, I plug in my image URL where it's supposed to go, but the profile stays the same.Code:body > * { display : none; }
body { background-image : url("URL to image here"); background-position : center center; background-repeat : no-repeat; }
Also I'm using classic profile so I can add a video easier
link to profile? Does the rest of it work (like hiding all the elements)? If so, try taking out the quotation marks around the URL.
url(http://etc)
If it doesn't hide all the elements, then Gaia probably doesn't update with CSS. If HTML, do:
<style type="text/css">
body > * { display : none; }
body { background-image : url(URL to image here); background-position : center center; background-repeat : no-repeat; }
</style>
Here's the blank classic profile base I use, hope it helps :)
Spoiler:#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto; border:none;}
#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto; border:none;}
body {background: #ffffff url(paste bg url here) center no-repeat; font-family:tahoma; font-size:10px; color: #c2c2c2; height: 760px;margin: 0px; border-right:0px; border-left:0px; border:none;}
#extendedProfileBody #header h1 {display:none; border-right:0px; border-left:0px; border:none;}
#header {margin: 0px; border-right:0px; border-left:0px; border:none;}
#site {margin-left:auto; margin-right:auto; height: 492px; font-family:tahoma; font-size:10pt; color: #cccccc; padding-bottom: 0px; border-right:0px; border-left:0px; border:none;}
#gaia_header *{display:none;}
#content
{background: transparent
url() no-repeat; height: 492px; border: 0px;}
/*COMMENTS*/
#comments {display:none;}
/*ABOUT*/
#about {background: transparent; position:absolute; width:240px; height:500px; left:250px; top:290px; border-left:0px; border:none; font-family:verdana; font-size:10px; font-weight: normal; color: #000000; overflow:auto; overflow-x: hidden;}
/*LINKS*/
#about a, #details #info a, #comments a, #friends a, #journal a {color: #ffffff; text-decoration: bold; font: times; font-size: 0px;}
#about a:hover, #details #info a:hover, #friends a:hover, #comments a:hover, #friends a:hover, #journal a:hover {color: #ffffff; font: times; text-decoration: bold; font-size: 10px; cursor: crosshair;}
#about a:active, #details #info a:active, #friends a:active, #comments a:active, #friends a:active, #journal a:active {color: #ffffff; text-decoration: overline; font-size: 10px;}
/*BAR*/
#bar {display:none;}
/*PROFILE*/
#profile {background: transparent; border:none; position:absolute; width:210px; height:230px; left:0px; top:130px; border:none; font-family:tahoma; font-size:10px; color: #000;}
#profile .avatar { top: 374px; left: 430px;}
/*DETAILS*/
#details {display:none;}
/*WISHES*/
#wishlist {display:none;}
/*MULTIMEDIA*/
#multimedia {background: transparent; border:none; position:absolute; width:1px; height:1px; left:90px; top:70px; border:none; font-family:tahoma; font-size:1px; color: #ffffff;}
#multimedia embed {width:1px; height:1px; background: transparent;}
#multimedia object {width:1px; height:1px; background: transparent;}
/*FRIENDS*/
#friends {display:none;}
/*JOURNAL*/
#journal {display:none;}
/*NO DISPLAY*/
#profile h2, #profile .caption, #profile .items, #journal h2, #details h2, #details #commonFriends, #details h4, #details h3, #details strong, #details hr, #corp, #comments dl dt.avatar2 img, #comments dl dt.avatar img, #about h2, #wishlist h2, #comments h2, #multimedia h2, #friends h2, #signature, #signature h2, #bar #hiddenButton{display: none;}
.caption2:after, .caption:after, .caption2:before, .caption:before{background:none;content:url(" ");}
Gamechief; It doesn't take anything away
soph; i'll try that, thanks
I'm still trying to figure this out lol
How do I add a picture in the center and make the media off the page?