Userlookup coding.

[torridity]

Does anyone know how to properly format a userlookup so that the content modules are aligned in the center and all the same width?

I've tried using div codes, and coding it into my CSS, but it hasn't worked yet.

[Xepha]

Hum...

I know how to make the lookup center, but I don't know how you could make "the content modules are aligned in the center and all the same width". (Surely, it is with css...)

 

What did you try so far? Coding lookup can be a pain, and I know it because I code about 20 lookups compatables with version 2.

[Zac]

it might not be possible as each module stretches to fit the the content....and as they are all coded with teh same css code....you would have to have access to the php source code....i think :P

 

Edit: its against neopets rules to cover up part of your stats like that.....

[torridity]

I have seen it done before, and I've looked at people's sources to try and figure it out.

 

OK, the boxes with info in them (user info, neopets, collections, trophies) are coded as divs,

so in my CSS I put #userinfo and position values inside the regular brackets like position: absolute and the width, top and left.

Then I put in the values I wanted for the neopets box and the trophies box.

The problem is that all the boxes aren't resized, and the border I coded for elsewhere in my CSS disappears.

 

Oh, I'm not trying to cover up any of my stats either.

[Xepha]

If you copy your lookup code here (in a codebox), I'll have a look at it and try to figure it all...

[Uber Computer Geek]

Without looking at anything, I would asume it would be something like:

 

<style>
.contentModule{width: 300px; height 300px;}
</style>

 

You may have tried that though, if you did and it didn't work. I don't know.

[Uber Computer Geek]

But accually putting everyone into one box and completely removing the content modules, I don't know.

[torridity]

<style>

body,div {
scrollbar-face-color:#117755; 
scrollbar-highlight-color:#117755; 
scrollbar-3dlight-color:#117755; 
scrollbar-shadow-color:#117755; 
scrollbar-darkshadow-color:#117755; 
scrollbar-track-color:#117755; 
scrollbar-arrow-color:#FCFDD3;
background:url(http://i32.photobucket.com/albums/d38/torridity/Christmas3.png);
}

.hdr, center font b, #ban, #ald, #m, #n, #mb, #ad, #ol, #header, #footer, 
.eventIconsf, .tt, hr, #usercollections, #usershop {
display: none;
}

#main {
background:none;
}

#content div {
visibility: visible;
}

#content table {
visibility: visible;
}

td,p,body,.medText {
color: #000000; 
font-family: verdana; 
font-size:14px;
}

.contentModuleHeader, 
.contentModuleHeaderAlt {
background-color: #D93147;
text-transform: uppercase;
}

.contentModule {
border: 3px solid #117755;
}

.contentModuleTable {
border: 0;
}

#userinfo {
position: absolute;
left: 250;
top: 350;
width: 500;
}

#userneopets {
position: absolute;
left: 250;
top: 700;
width: 500;
}

#usertrophies {
position: absolute;
left: 250;
top: 1020;
width: 500;
}

#blog {
position: absolute;
overflow: auto;
left: 250;
top: 100;
width: 500;
height: 200;
background-color: #FFFFFF;
}

a:link,a:visited {
color: #D93147;
font-weight: bold;
} 

a:hover {
color: #D93147;
}

</style>

<div id="blog">
This is where text goes.
<br>This is where text goes.
<br>This is where text goes.
<br>This is where text goes.
<br>This is where text goes.
<br>This is where text goes.
<br>This is where text goes.
<br>This is where text goes.
</div>

 

OK, that's the code for my entire lookup.

I did manage to align the boxes with info in them, but now quite a few other things are messed up.

There is only a partial background for the Trophies box, there are no borders, the div background isn't showing up as a solid colour but rather as the image that is the whole page's background, and there's a weird thingie at the top of the page that I can't get rid of. :S

[Xepha]

It looks really odd... I installed it on a side account of mine.

Not compatible with Firefox, I think, unless you add px after all your numbers.

 

Do you want the christmas background under everything, or a color background. I'm confuse...

[torridity]

I want the Christmas thing as the main background, with a green-coloured background for the little text area.

It does look strange, doesn't it? :S

[Xepha]

Yes, it does look very strange...

will relook at it later...

 

 

EDIT : I rock :D

		<style>		
.hdr, center font b, #ban, #ald, #m, #n, #mb, #ad, #ol, .eventIconsf, .tt, hr, #usercollections, #usershop, #userneohome {display: none;}

#userinfo {
position: absolute;
left: 250px;
top: 350px;
width: 500px;
}

#userneopets {
position: absolute;
left: 250px;
top: 700px;
width: 500px;
}

#usertrophies {
position: absolute;
left: 250px;
top: 1020px;
width: 500px;
}

#userneopets img {height: 110px; width: 110px;}
#header, #footer {display: none;}
#main {width: 500px;border:none; background:none}
#content, .content {width: 500px; background-color: none;}

.contentModuleHeader,
.contentModuleHeaderAlt {
background-color: #D93147;
text-transform: uppercase;
}

.contentModule, .contentModuleTable {
border: 0px;
}

.contentModuleContent {background-color: #117755;}
#blog {
position: absolute;
overflow: auto;
left: 250px;
top: 100px;
width: 500px;
height: 200px;
background-color: #FFFFFF;
}
body{background:url(http://i32.photobucket.com/albums/d38/torridity/Christmas3.png);  }
BODY {scrollbar-face-color:#117755;
scrollbar-highlight-color:#117755;
scrollbar-3dlight-color:#117755;
scrollbar-shadow-color:#117755;
scrollbar-darkshadow-color:#117755;
scrollbar-track-color:#117755;
scrollbar-arrow-color:#FCFDD3;}

td,p,body,.medText {
color: #000000;
font-family: verdana;
font-size:12px;
}

a:link,a:visited {
color: #D93147;
font-weight: bold;
}

a:hover {
color: #D93147;
}

</style>


<div id="blog">
DON'T FORGET TO PROVIDE A NAVIGATION ON YOUR LOOKUP, OR YOU COULD BE FROZEN! <p>

This is where text goes.
<br>This is where text goes.
<br>This is where text goes.
<br>This is where text goes.
<br>This is where text goes.
<br>This is where text goes.
<br>This is where text goes.
<br>This is where text goes.
</div>

[torridity]

Well I tried it, and it looks great.

Thanks! :D

[Xepha]

You are welcome!

 

I'm so proud to have figured it :D