Help with a custom Layout

Tatianasaphira · November 13, 2007

Hey everyone, I have an issue with one of my new layouts

I am making a Jhudora layout, and I am having an issue with setting up the Nav bar and content.

I am trying to make it to the dimension of 475x475, making it lay up with where I have the command for the 'sidebar' thus making part of it run along that edge.

What is happening though is that it is running along the entire edge of the page, and under the background pic.

Any help would be appreciated.

Right now, some of it still has zeros from my attempts to figure out what one would make it move, and none of the numbers would move.

Here is the code:

<style>
body, font, td, p, i, a{font:8pt verdana;color:#00CED1;}
#nst, .user, hr, #userneohome{display:none}
a, a b{font:8pt century gothic;color:#166931;text-decoration:none;}
a:hover, a:hover b{color:#40E0D0;}
i{color:#20B2AA;}
b{color:#40E0D0;font-weight:bold;text-transform:uppercase;}
u{color:#20B2AA;}
.contentModuleHeader, .contentModuleHeaderAlt{border:0px solid black; background:url('http://www.blessthefaerie.com/Images/Divider.gif'); color: 

#00CED1;text-align:center;text-transform:uppercase}
.contentModuleTable, .contentModule, .contentModuleContent {border:none;}
#pic{position:absolute;top:0;left:0;z-index:1;overflow:auto;}
#content{width:800px;}
#stats{position:absolute;z-index:2;top:475px;left:108px;width:300px;}
#nav{left:900px;top:0px;height:0px;width:136px;overflow:auto;z-index:7;}
#wish{left:900px;top:0px;height:0;width:136px;overflow:auto;z-index:7;}
#status{left:900px;top:0px;height:0px;width:136px;overflow:auto;z-index:7;}
#about{left:900px;top:0px;height:0px;width:136px;overflow:auto;z-index:7;}
#usershop img{display:none;}
#footer, #header, #contentcontent, .sf, hr{display:none;}
#main{border:none;background:none;}
#userneopets{width:660px}
#usertrophies td{padding:0px;}
.trophy_cell td{padding:0px;}
</style>
</div></i>
<body background="http://www.blessthefaerie.com/Images/Jhudora_bg.jpg">
<div id="pic"><img src="//images.weserv.nl/?url=http://www.blessthefaerie.com/Images/Jhudora_Layout.jpg" width="780" height="500"></div>
<div id="nav">
<a href="/myaccount.phtml">Control Panel</a><br>
<a href="/petcentral.phtml">Pet Central</a><br>
<a href="/explore.phtml">Explore</a><br>
<a href="/gameroom.phtml">Games</a><br>
<a href="/objects.phtml">Shops</a><br>
<a href="/neoboards/index.phtml">Boards</a><br>
<a href="/nf.phtml">News</a><br>
<a href="/video/index.phtml">Video</a><br>
<a href="/~alan_rogers2132">SunnyNeo</a></div>
</div>
<div id="about">
ABOUT YOU HERE.
</div>

<div id="status">
<b>Neofriends:</b> OPEN<br><br>
<b>Neomail:</b> OPEN<br><br>
<b>Guilds:</b> OPEN<br><br>
<b>Battledome:</b> OPEN<br><br>
<b>Games:</b> OPEN<br><br>
</div>

<div id="wish">
WISH LIST HERE!</div>

<br><table>

**Xepha** · November 14, 2007

I'll look at it when I have time... and edit this post if I find the mistake ;)

*likes coding lookups*

Tatianasaphira · November 14, 2007

So do I normally, I had been using SunnyNeo's codes as a base, and then tweaking them to suit the layout, but this one is so different then their's that I think that is where the issue is.

**Xepha** · November 14, 2007

I found a few problems, already... I need to position your elements correctly and it will be okay. =)

Tatianasaphira · November 14, 2007

I "think" I figured it out...

When I was working on my merridel one, it started doing the same thing. So I did position absolute, and they started moving.

Just now working on it

This is the merridel one

Merridel Layout

**Xepha** · November 14, 2007

Well, check on Rozanira... if it satisfy you like that. I unbugged most of it, like I said.

The major error, you had height:0px put in all your div, so they weren't showing.

Okay, I'll give you what I have. The picture is different from last time I checked it o.o. If you need more help, PM me.

		<style>
body, font, td, p, i, a{font:8pt verdana;color:#FFFFFF;}
#nst, .user, hr, #userneohome{display:none}
a, a b{font:8pt century gothic;color:#166931;text-decoration:none;}
a:hover, a:hover b{color:#40E0D0;}
i{color:#20B2AA;}
b{color:#40E0D0;font-weight:bold;text-transform:uppercase;}
u{color:#20B2AA;}
.contentModuleHeader, .contentModuleHeaderAlt{border:0px solid black; background:url('http://www.blessthefaerie.com/Images/Divider.gif'); color:

#00CED1;text-align:center;text-transform:uppercase}
.contentModuleTable, .contentModule, .contentModuleContent {border:none;}
#pic{position:absolute;top:0;left:0;overflow:auto;}
#content{width:800px;background-color: none;}
#stats{position:absolute;top:475px;left:108px;width:300px;}
#nav{position:absolute;left:900px;top:400px;height:200px;width:136px;overflow:au
o;}
#wish{position:absolute;left:900px;top:620px;height:200;width:136px;overflow:aut
;}
#status{position:absolute;left:900px;top:840px;height:200px;width:136px;overflow
auto;}
#about{position:absolute;left:900px;top:1060px;height:200px;width:136px;overflow
auto;}
#usershop img{display:none;}
#footer, #header, #contentcontent, .sf, hr{display:none;}
#main{border:none;background:none;}
#userneopets{width:660px}
#usertrophies td{padding:0px;}
.trophy_cell td{padding:0px;}
body{background:url(http://www.blessthefaerie.com/Images/Jhudora_bg.jpg);}

</style>
</div></i>

<div id="pic"><img src="//images.weserv.nl/?url=http://www.blessthefaerie.com/Images/Jhudora_Layout.jpg" width="780" height="500"></div>
<div id="nav">
<a href="/myaccount.phtml">Control Panel</a><br>
<a href="/petcentral.phtml">Pet Central</a><br>
<a href="/explore.phtml">Explore</a><br>
<a href="/gameroom.phtml">Games</a><br>
<a href="/objects.phtml">Shops</a><br>
<a href="/neoboards/index.phtml">Boards</a><br>
<a href="/nf.phtml">News</a><br>
<a href="/video/index.phtml">Video</a><br>
<a href="/~alan_rogers2132">SunnyNeo</a></div>
</div>
<div id="about">
ABOUT YOU HERE.
</div>

<div id="status">
<b>Neofriends:</b> OPEN<br><br>
<b>Neomail:</b> OPEN<br><br>
<b>Guilds:</b> OPEN<br><br>
<b>Battledome:</b> OPEN<br><br>
<b>Games:</b> OPEN<br><br>
</div>

<div id="wish">
WISH LIST HERE!</div>

<div id="stats"><table></div>

Sign In

Help with a custom Layout

Recommended Posts

Tatianasaphira

Link to comment

Share on other sites

Xepha

Link to comment

Share on other sites

Tatianasaphira

Link to comment

Share on other sites

Xepha

Link to comment

Share on other sites

Tatianasaphira

Link to comment

Share on other sites

Xepha

Link to comment

Share on other sites

Join the conversation

Browse

Activity

TDN