CCS Help - yet again. :P

[~Xandria]

I'm curious if anyone would be able to provide me with a code for this. If so it would be greatly appreciated! Hopefully I can explain this correctly.

 

I'm looking for a code that I see used on many pre-made look-ups. Problem is I have no clue which part of the code it is and I have been wracking my brain trying to find it.

 

I want all of the boxes around everything gone... and to have all of my info/pets/everything centered in the middle in plain white, with some headers. Then I wanted to use my own background.

 

I have a pre-made on my lookup right now that shows what I mean. I want something like that except I want the middle white part to not be as wide. Then I can work on applying my own background, font style & color, etc.

 

So if anyone knows what I'm talking about and happens to know the code for it; I would be so greatful! I know I ask for coding help a lot, you'd think I'd have the hang of it by now. :P

 

Oh and if you happen to know of a website that explains anything like this, a link would come in handy. Most of the CSS/Html coding sites I've came across don't quite explain complex things like this.

[-Ryan]

... pffft, lol i see what you did there

[~Xandria]

... pffft, lol i see what you did there

:laughingsmiley: I honestly didn't even notice it until you pointed it out. Sorry about that. :P

[jcpet]

I've never done CSS for user lookups, but from what I looked up just now, this is the code to remove borders:

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

 

I'm not too sure what you mean by wanting the middle part less wide, but if you're talking about the entire white part in your current layout, you would have to change the width in the following code:

#main, #content {
width: 785px;
border: 0;
margin-top: -35px;
padding: 8px;
}

 

CSS is usually pretty logical with the terms they use. ie. 'border' changes the border, background changes the background, width changes the width, etc. If you don't know a certain term, you can always search it up. I suggest looking on http://www.w3schools...css/default.asp

The tricky part is identifying where to put in the styles. For example, I needed to figure out to change the border in .contentModule, .contentModuleTable, .contentModuleContent from above. If you're modifying layouts, one way to figure this out (if you're using Chrome), is to go on the user lookup page and right click and select "inspect element". The part that you clicked will be highlighted in code, and on the right side, it will show the 'Matched CSS Rules'.

 

Hopefully that helps a bit.

[The_Warblers]

If you want a look-up that looks like your old one with some modifications like you have mentions. Post the code that you are using here. I ll see if I can point out which part of the code does which

[NeuroticRequiem]

Here is the exact style sheet for that page.

 

<style>
{
}
body {
background: #cde3f6;
}
b {
color: #d67bc4;
font-weight: bold;
text-transform: uppercase;
font-size: 7pt;
letter-spacing: 0;
}
a:link, a:visited, a b, a:visited b {
color: #9d9d9d;
font: 8pt georgia;
}
body, td, p, .content, .medText {
font: 8pt "tahoma";
letter-spacing: 1px;
word-spacing: 2px;
color: #9389c1;
line-height: 10pt;
}
#main, #content {
width: 785px;
border: 0;
margin-top: -35px;
padding: 8px;
}
#main {
border: 1px solid #cfcfcf;
}
.sidebar, #header, #footer, #nst, .nav_image, #habitarium, #userneohome {
display: none;
}
#userneopets hr, #usertrophies hr {
display: none;
}
.contentModuleHeader, .contentModuleHeaderAlt {
font: 15pt "times new roman";
color: #e386af;
background: white;
letter-spacing: 3px;
word-spacing: -2px;
text-transform: uppercase;
border: 0;
padding: 2px;
font-weight: bold;
text-align: center;
}
.contentModule, .contentModuleTable, .contentModuleContent {
border: 0;
}
#nav a:hover {
color: #c4c4c4;
border-bottom: 2px solid #ffdeff;
}
#nav a:link, #nav a:visited {
display: inline;
font: 8pt "times new roman";
color: #a570e5;
font-weight: bold;
text-transform: uppercase;
padding: 8px;
}
#ban, .brand-mamabar {
display: none;
}
</style>

 

 

This here is how you remove all the borders.

 

<style>
.contentModule, .contentModuleTable, .medText {
border: 0px;
}
td {
padding: 0px;
}
</style>

 

This is where she changed the color and font of all the headers

 

}
.contentModuleHeader, .contentModuleHeaderAlt {
font: 15pt "times new roman";
color: #e386af;
background: white;
letter-spacing: 3px;
word-spacing: -2px;
text-transform: uppercase;
border: 0;
padding: 2px;
font-weight: bold;
text-align: center;
}

 

Finally, this is how she got the plain white area in the middle

 

#main, #content {
width: 785px;
border: 0;
margin-top: -35px;
padding: 8px;
}

 

 

Also here is a page that has some helpful remove codes and color codes

http://www.neopets.com/~darkest_faerie_lair

 

Hope this helps!

 

Sorry TDN I don't know how to add spoilers to make this any shorter. :guiltysmiley: