Jump to content

Help with a custom Layout


Tatianasaphira

Recommended Posts

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>

Link to comment
Share on other sites

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>		

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...