user lookup backgrounds

[Emily]

If I just wanted a coloured background, or even just an image in the background, and different coloured text in my user lookup, would I need to use a whole lookup code, or just background and font tags? I've never worked with CSS before, just flash and html, so I thought I would ask before having a go at it and either doing way more work than I need to, or not enough. I would use a premade, but all the one's I've found are chock full of images, including a huge one at the top, which I really don't want. I just want a change from the boring white background and black font.

[Xepha]

CSS would be the way to go :)

You just need to place all your CSS between

<style>
</style>

 

This page is about background in CSS.

[Emily]

I also tried altering a pre-made lookup (with permission, as long as you cite where the original came from), but every time I try to remove the large header picture, it moves down the navigation bar for shops, games, customize, etc. How do I keep this from happening? I'd rather alter an existing code, just getting rid of the large header image, as I like everything else about it.

 

 

the problem

 

^^ that keeps happening

[Izzy ♥]

You need to actually post the code...

 

It looks like you're not editing out the #navigation positioning stuff though.

[Emily]

I actually found one that I liked off sunnyneo. I just need to get the NC Mall modules to go under the wishlist module and beside the trophies...

 

I have the code this time!

 

 

 

 

 

 

<div id="img">

<img src="http://sunnyneo.com/userlookups/UL_labjellies_Header.jpg" width="800" height="1024"></div>

 

<div id="nav">

<a href="/myaccount.phtml">My Account</a><br><a href="/customise/"> Customise</a><br><a href="/games/arcade.phtml"> Games</a><br><a href="/explore.phtml"> Explore</a><br><a href="/nf.phtml"> News</a><br><a href="/petcentral.phtml"> Pet Central</a><br><a href="/neoboards/index.phtml"> Boards</a><br><a href="/objects.phtml"> Shops</a><br><a href="/mall/index.phtml"> NC Mall</a><br><a href="/~alan_rogers2132">SunnyNeo</a>

</div>

 

<div id="about">

I'm a second-year university student studying English Literature and Theory. I love books, movies, music and of course Neopets!

</div>

 

<div id="status">

Neofriends: OPEN<br><br>

Neomail: OPEN<br><br>

Guilds: OPEN<br><br>

BattleDome: OPEN<br><br>

Games: OPEN<br><br>

</div>

 

<div id="wish">

I'm looking to restart my Negg gallery. If you have any Neggs you want to get rid of, neomail is always open! I often put up free trades in the trading post, so my trades are usually worth checking out as well :)

</div>

 

<br><table><style>

body {

background: url("http://sunnyneo.com/userlookups/UL_labjellies_BG.jpg");

color: -blocked-;

}

a, body, div, p {

font: 8pt verdana;

color: -blocked-;

text-align: center;

font-weight: bold;

}

.contentModuleContent {

width: 524px;

}

.contentModule, .contentModuleTable, .contentModuleContent {

border: none;

background: none;

}

.contentModuleTable, #wish, #status, #about, #nav, #img {

position: absolute;

}

.contentModuleHeaderAlt, .contentModuleHeader, #usertrophies .contentModuleHeaderAlt {

color: #000000;

font-size: 14pt;

background: none;

font-weight: bold;

letter-spacing: 4px;

text-align: center;

font-family: Georgia;

}

#nst, .sf, hr, #header, #footer, #userneohome, #habitarium {

display: none;

}

table, #n, td, #main, img {

background: transparent;

border: none;

}

#usertrophies td {

padding: 0px;

font-size: 7pt;

}

#usertrophies td b {

font-size: 7pt;

}

#usertrophies img {

width: 50px;

height: 50px;

}

.trophy_cell td {

padding: 0px;

}

.content div a img, .content div b, #nav img {

display: none;

}

.contentModule div a img, .contentModule div b, #status b, #wish b, #about b {

display: inline;

}

#userinfo .contentModuleTable {

left: 50px;

top: 440px;

width: 300px;

height: 290px;

}

#usercollections .contentModuleTable {

left: 370px;

top: 440px;

width: 260px;

}

#userneopets .contentModuleTable {

left: 10px;

top: 760px;

width: 570px;

}

#usertrophies .contentModuleTable {

left: 17px;

top: 1030px;

width: 570px;

text-align: center;

}

#usershop .contentModuleTable {

left: 642px;

top: 674px;

width: 136px;

}

b {

font: 8pt verdana;

color: #1B316D;

font-weight: bold;

}

i {

font: 8pt verdana;

color: #63CFF1;

font-weight: bold;

}

#main a b, a {

text-decoration: none;

color: #B2E4EB;

}

#main a:hover b, a:hover {

font-weight: bold;

color: #63CFF1;

}

#img {

top: 0px;

left: 0px;

z-index: -blocked-;

}

#nav {

left: 642px;

top: 58px;

height: 137px;

width: 136px;

overflow: auto;

z-index: 1;

}

#wish {

left: 642px;

top: 900px;

height: 500;

width: 136px;

overflow: auto;

z-index: 2;

}

#status {

left: 642px;

top: 487px;

height: 135px;

width: 136px;

overflow: auto;

z-index: 2;

}

#about {

left: 642px;

top: 255px;

height: 155px;

width: 136px;

overflow: auto;

z-index: 2;

}

#usershop img {

display: none;

}

#usertrophies td {

padding: 0px;

}

#usertrophies b, #usertrophies {

font: 7pt verdana;

font-weight: normal;

}

.brand-mamabar {

display: none;

}

#ban {

display: none;

}

#main {

margin-top: 0px;

margin-left: 0px;

}

</style></table>