UL Coding Help.

Buffy · June 14, 2017

Greetings.

I've been revamping my UL and I'm on the right road to what I want but am having trouble with several aspects.

I want to get rid of the entire navigation header. I have, of course, created, or more accurately typed up my own. I've managed to remove the content such as the links and clock but can't seem to get rid of the site theme background.

The code provided by most petpage guides doesn't work.

Same with the footer.

I can't get my content to condense to a smaller height and width.
I can't find a code to remove the white background from content images (shield, trophies etc.)

That's just what I can't figure out. There is also what I have and them mysteriously breaks when I adjust or add something.

The content height code I'd been successful with doesn't work anymore.
The NC Mall link won't appear in my custom navigation and one or more hyperlinks are left unaffected by my font color change.
My personal, 'about me'-ish text won't appear which includes credit to petpages I'd gotten the codes I'm using from.

This is the coding I've managed. DON'T look at my actual lookup, since I can't get this to work properly, I obviously haven't saved it.

I use Chrome if that matters.

Quote

<style>

body {

background: url("http://i49.tinypic.com/2vvvwq9.jpg") fixed;

}

#main {

background: none;

border: 0px;

<style>

#main {

width: 600px;

border: none;

}

</style>

}

</style><style>

td, p, body {

color: white;

font: 14pt farewell;

}

</style>

<p>

</p>

<div align="center">

<table width="65%" cellpadding="0" cellspacing="0" border="0" style="margin-top: 7px;"><tr><td height="200%" valign="top" class="contentModule">

<style>

.contentModuleContent {

background: none;

}

.contentModule {

border: 3px;

}

.contentModuleTable {

border: 7px;

}

.contentModuleHeader, .contentModuleHeaderAlt {

color: transparent;

text-align: center;

background-color: transparent;

<style>

#content {

width: 85px;

border: none;

}

</style>

<style>

#userneohome {

display: none;

}

</style>

}

</style>

<style>

#header {

display: none;

}

</style>

<style>

.user {

display: none;

}

</style>

<style>

#nst {

display: none;

}

</style>

<style>

#header a img {

visibility: hidden;

}

#header ul a img {

visibility: visible;

}

</style>

<style>

#header #template_nav {

display: none;

}

</style>

<style>

.eventIcon {

display: none;

}

</style>

<style>

#header {

background: none;

border: 0px;

}

</style>

<style>

a:link, a:visited {

   color: #ffffff;

Font: script

}

#userneohome {

   display: none;

}

#footer{

   display: none;

   border: 0px;

}

#header {

background: none;

}

<p>

<style>

a:link, a:visited {

color: #FFFFFF;

}

</style>

<div align="center">

<a href="http://www.neopets.com">Home</a> <a href="http://www.neopets.com/myaccount.phtml">My Account</a> <a href="http://www.neopets.com/customise/">Custumize</a> <a href="http://www.neopets.com/games/">Games</a> <a href="http://www.neopets.com/explore.phtml>Explore</a> <a href="http://www.neopets.com/nf.phtml>News</a> <a href="http://www.neopets.com/community/index.phtml">Community</a> <a href="http://www.neopets.com/objects.phtml>Shops</a> <a href="http://ncmall.neopets.com/mall/shop.phtml">NC Mall</a> <a href="http://nc.neopets.com/membership/">Premium</a>

<p>

<font size="3">

Name's Anne.

<p>

As you may have noticed, ever since the site conversion of 2007, I've been a drifter, on and off Neo with several 2+ year absences in between (which makes it surprising that my account is still here).

If I am active, the help boards are my turf. You can either look for me there or drop me a Neomail.

<p>

I've been here long enough to see it all and am looking for a life. Specifically a job.

<p>

Side Accounts:

<p>

TemptationEyes

</style>

</align>

</font>

<p>

<font size="2">Special thanks for the coding behind this UL to:

<p>

<a href="http://neopets.com/~kux">Kux</a>

<p>

<a href="http://neopets.com/~Oriik_">Oriik_</a>

<p>

<a href="http://www.neopets.com/~Kwensi>Kwensi</a>

<p>

and various helpers at the HC.</font></p>

<p>

</style>

</font>

</div>

</td></tr></table></div>

Any help would be appreciated.

This topic has been edited by a member of staff (Rune Valentine).
The topic was posted in the wrong area.
Please check your user inbox to see if you have been contacted regarding this topic.
Per the reason above, this topic has been MOVED from 'Neopets Help' to 'Graphics Help'.

**Mouseykins** · June 15, 2017

For starters your code is a mess! You're misusing the <style> and </style> tags quite a lot in your code. You only need the <style> at the beginning of all your CSS codes and the </style> at the end of your CSS codes. These do not go into your HTML section. I'm assuming this is what's causing the most issues for you. I can go through and clean it up for you.

Now onto your questions:

I'll look into this when I clean up your code for you.
What exactly are you trying to make smaller?
From my knowledge there is no code that does this anymore.

I'll go tweak your code and get back to you as soon as I can with it.

Buffy · June 15, 2017

Not surprised that it's a mess, I never claimed to be CSS savvy. I appreciate the offer to clean it up and will, of course, add you to my credits (great neopets UN).

2. All of my content areas; user info, collections, gallery, neopets and trophies.

3. Well crap. That sucks.

**Mouseykins** · June 15, 2017

Here is your cleaned up code:

<style>
#userneohome, #header, .user, #nst, #navigation, .eventIcon, #userneohome, #footer {
	display: none;
}

body {
	background: url("http://i49.tinypic.com/2vvvwq9.jpg") fixed;
}

#main {
	background: none;
	width: 600px;
	border: none;
}

td, p, body {
	color: white;
	font: 14pt farewell;
}

.contentModuleContent {
	background: none;
}

.contentModule {
	border: 3px;
}

.contentModuleTable {
	border: 7px;
}

.contentModuleHeader, .contentModuleHeaderAlt {
	color: transparent;
	text-align: center;
	background-color: transparent;
}

#content {
	width: 85px;
	border: none;
}

a:link, a:visited {
	color: #ffffff;
	font: script
}
</style>


<div align="center">

<table width="65%" cellpadding="0" cellspacing="0" border="0" style="margin-top: 7px;"><tr><td height="200%" valign="top" class="contentModule">

<div align="center">

<a href="http://www.neopets.com">Home</a> <a href="http://www.neopets.com/myaccount.phtml">My Account</a> <a href="http://www.neopets.com/customise/">Custumize</a> <a href="http://www.neopets.com/games/">Games</a> <a href="http://www.neopets.com/explore.phtml>Explore</a> <a href="http://www.neopets.com/nf.phtml>News</a> <a href="http://www.neopets.com/community/index.phtml">Community</a> <a href="http://www.neopets.com/objects.phtml>Shops</a> <a href="http://ncmall.neopets.com/mall/shop.phtml">NC Mall</a> <a href="http://nc.neopets.com/membership/">Premium</a>

<font size="3">

<p>Name's Anne.</p>


<p>As you may have noticed, ever since the site conversion of 2007, I've been a drifter, on and off Neo with several 2+ year absences in between (which makes it surprising that my account is still here).
If I am active, the help boards are my turf. You can either look for me there or drop me a Neomail.</p>

<p>I've been here long enough to see it all and am looking for a life. Specifically a job.</p> 

<p>Side Accounts:</p>

<p>TemptationEyes</p></font>

<font size="2">
<p>Special thanks for the coding behind this UL to:</p>

<p><a href="http://neopets.com/~kux">Kux</a></p>

<p><a href="http://neopets.com/~Oriik_">Oriik_</a></p>

<p><a href="http://www.neopets.com/~Kwensi">Kwensi</a></p>

<p>and various helpers at the HC.</font></p>

</div>
</td></tr></table></div>

Now the reason you couldn't get your last link to work is you were missing the " at the end of the url.

Another thing I noticed is your paragraph tags. You need to use <p> to start a paragraph and </p> to end it. If you just want to go to the next line then use a <br />.

Adjusting your content modules gets a little tricky! But here is the codes you need:

#userinfo {
	width: 445px;
	margin-top: 298px;
	margin-left: 0px;
}
#usercollections {
	width: 270px;
	margin-top: 298px;
	margin-left: 0px;
}
#usershop {
	width: 175px;
	margin-top: 298px;
	margin-left: 5px;
}
#userneopets {
	width: 700px;
	height: 250px !important;
	margin-top: 100px;
	margin-left: 0px;
}
#usertrophies {
	width: 900px;
	margin-top: 100px;
	margin-left: 25px;
}

These are my values that I'm currently using, so you'll need to adjust the values accordingly. I hope this helps.

Buffy · June 15, 2017

Awesome.

I'll wait for the edit.

It's almost perfect. Unfortunately, I've still got the site theme/navigation header background, the NC mall hyperlink is still missing and my personal text still isn't showing up.

This post has been edited by a member of staff (Rune Valentine) because of a violation of the forum rules.
Please keep your posts at 7 words or above.
Please check your user inbox to see if you have been contacted regarding this incident, then review our rules.

This post has been edited by a member of staff (Rune Valentine) because of a violation of the forum rules.
Please don't double post. If you would like to add something, use the 'Edit' button.
Please check your user inbox to see if you have been contacted regarding this incident, then review our rules.

**Mouseykins** · June 15, 2017

Ok you're probably missing something in your removal codes, so I'll take a look at that for you. I'll also see if I can fix your other issues.

I added #ban to your removal codes at the top and from checking it on my side account it looks like that's the one that was missing and it got rid of the header background at the top of the page. The reason your link wasn't working is you were missing a " at the end of one of your link urls. I also have your text showing up at the top of the screen. Whatever values you have for sizing and that will need to be added in as they're not on this code. To adjust your text section look for #about in your codes. Let me know how that turns out for you.

<style>
#userneohome, #header, .user, #nst, #navigation, .eventIcon, #userneohome, #footer, #ban {
	display: none;
}

body {
	background: url("http://i49.tinypic.com/2vvvwq9.jpg") fixed;
}

#main {
	background: none;
	width: 600px;
	border: none;
}

td, p, body {
	color: white;
	font: 14pt farewell;
}

.contentModuleContent {
	background: none;
}

.contentModule {
	border: 3px;
}

.contentModuleTable {
	border: 7px;
}

.contentModuleHeader, .contentModuleHeaderAlt {
	color: transparent;
	text-align: center;
	background-color: transparent;
}

#content {
	width: 85px;
	border: none;
}

a:link, a:visited {
	color: #ffffff;
	font: script
}
#about {
	width: 500px;
	margin-top: 100px;
	margin-left: 100px;
	text-align: center;
}
</style>


<div id="about" align="center">

<table width="65%" cellpadding="0" cellspacing="0" border="0" style="margin-top: 7px;"><tr><td height="200%" valign="top" class="contentModule">

<a href="http://www.neopets.com">Home</a> <a href="http://www.neopets.com/myaccount.phtml">My Account</a> <a href="http://www.neopets.com/customise/">Custumize</a> <a href="http://www.neopets.com/games/">Games</a> <a href="http://www.neopets.com/explore.phtml>Explore</a> <a href="http://www.neopets.com/nf.phtml>News</a> <a href="http://www.neopets.com/community/index.phtml">Community</a> <a href="http://www.neopets.com/objects.phtml">Shops</a> <a href="http://ncmall.neopets.com/mall/shop.phtml">NC Mall</a> <a href="http://nc.neopets.com/membership/">Premium</a>

<font size="3">

<p>Name's Anne.</p>

<p>As you may have noticed, ever since the site conversion of 2007, I've been a drifter, on and off Neo with several 2+ year absences in between (which makes it surprising that my account is still here).
If I am active, the help boards are my turf. You can either look for me there or drop me a Neomail.</p>

<p>I've been here long enough to see it all and am looking for a life. Specifically a job.</p> 

<p>Side Accounts:</p>

<p>TemptationEyes</p></font>

<font size="2">
<p>Special thanks for the coding behind this UL to:</p>

<p><a href="http://neopets.com/~kux">Kux</a></p>

<p><a href="http://neopets.com/~Oriik_">Oriik_</a></p>

<p><a href="http://www.neopets.com/~Kwensi">Kwensi</a></p>

<p>and various helpers at the HC.</font></p>

</td></tr></table></div>

Buffy · June 15, 2017

Alright, now all systems are go!

Thanx again.

**Mouseykins** · June 15, 2017

You're welcome! Glad I could be of assistance!

Sign In

UL Coding Help.

Recommended Posts

Buffy

Link to comment

Share on other sites

Mouseykins

Link to comment

Share on other sites

Buffy

Link to comment

Share on other sites

Mouseykins

Link to comment

Share on other sites

Buffy

Link to comment

Share on other sites

Mouseykins

Link to comment

Share on other sites

Buffy

Link to comment

Share on other sites

Mouseykins

Link to comment

Share on other sites

Join the conversation

Browse

Activity

TDN