5 replies to this topic

[sarah.]

This is a copy of my base CSS when making a user lookup, it's nothing fancy, just a starting point. Also includes navigation, since removing it completely can get you frozen.

Explanation of the coding is in the spoiler, and the whole thing is also attached as a text file.

Spoiler

Start with:

<style>

Removes the header, footer, habi, neohome, nc mall, adverts, events & horizontal rules:

#header, #footer, #habitarium, #userneohome, #ncmall, #ban_bottom, #ban, .adBox2, .ad_wrapper_fixed , .sidebar, .sf, hr {
	display: none;
}

Removes Username: ____ ?:

.content div b, .content div a img {
	display: none;
}
.contentModule div a img, .contentModule div b {
	display: inline;
}

Sets the background, font, link & heading (h1) styles:

body {
	background: #eeeeee;
	font: 11px Tahoma;
	color: #4c4c4c;
}

td, .medText, body {
	font: 11px Tahoma;
	color: #4c4c4c;
}

a:link, a:active, a:visited, a:hover, b{
	color: #C7C7C7;
}

h1 {
	font-size: 24px;
	font-family: Georgia, Serif;
	color: #C7C7C7;
	font-style: italic;
}

Sets the width, borders & content module styles:

#main {
	margin-top: -5px;
	border: 0px;
	padding: 0px;
	width: 700px;
}

#content {
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: 700px;
	}

.contentModule, .contentModuleTable {
	border: none;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

.contentModuleHeaderAlt, .contentModuleHeader {
	background: #C7C7C7;
	font-size: 22px;
	font-family: Georgia, Serif;
	text-transform: none;
	line-height: 20px;
}

Resizes trophy images, and font not bold:

#usertrophies img {
	width: 45px;
	height: 45px;
	}
	
#usertrophies b {
font-weight: normal;
color: #4c4c4c;
}

Bold/Images work properly when you enter your own text/info & aligns text to the left:

#mycontent {
	border: 0px;
	padding: 0px;
	text-align: left;
}

div #mycontent b, i, img {
	display: inline;
	color: #C7C7C7;
}

Block Navigation:

ul#nav {
	list-style:none;
	margin: 0px;
	padding: 0px;
	font: 14px Tahoma;
}

ul#nav li {
display: inline;
}

ul#nav li a {
padding: 6px;
background:#C7C7C7;
color: #FFFFFF;
text-align: center;
}

ul#nav li a:hover {
background: #eeeeee;
color: #4c4c4c;
}

End with:

</style>

Navigation/Your Content:

<ul id=nav>
<li><a href="/myaccount.phtml">My Account</a></li>
<li><a href="/customise/">Customise</a></li>
<li><a href="/games/arcade.phtml">Games</a></li>
<li><a href="/explore.phtml">Explore</a></li>
<li><a href="/nf.phtml">News</a></li>
<li><a href="/petcentral.phtml">Pet Central</a></li>
<li><a href="/neoboards/index.phtml">Neoboards</a></li>
<li><a href="/objects.phtml">Shops</a></li>
<li><a href="/mall/index.phtml">NC Mall</a></li>
</ul>
<h1>Username!</h1>
<div id="mycontent">
Your text goes here... Write anything you want about yourself...
Your text goes here... Write anything you want about yourself...
Your text goes here... Write anything you want about yourself...
Your text goes here... Write anything you want about yourself...<br><br>
<b>bold</b> <i>italic</i><br>
<a href="/objects.phtml">link</a>
</div>

Feel free to use/edit this for your own use, but not to create premades/custom UL's etc!

Attached Files

•  UL Base.txt   2.75KB   13 downloads

[Graz]

Nice base, but may I ask why you only change .contentModule and .contentModuleTable but not .contentModuleContent.

[sarah.]

Nice base, but may I ask why you only change .contentModule and .contentModuleTable but not .contentModuleContent.

I didn't really see any need to for this. Do you really think it needs to be done?

Also for anyone wondering, I've tested it in Safari, Chrome, FF and IE using browsershots and it looks the same in all of them.

[Graz]

I didn't really see any need to for this. Do you really think it needs to be done?

Also for anyone wondering, I've tested it in Safari, Chrome, FF and IE using browsershots and it looks the same in all of them.

Hmm, I must've made it visible when I was making mine, I thought it had a border but it doesn't.

[RedRaz0r]

Whoa sweet, never thought anything like this existed. Thanks much!

[sarah.]

Hmm, I must've made it visible when I was making mine, I thought it had a border but it doesn't.

Yeah, if you wanted to make a more complex lookup/change the background colour etc then you could include it, but just for something quick and simple I didn't.

Whoa sweet, never thought anything like this existed. Thanks much!

You're welcome.