JoccE
CopyLeft (ɔ)
I'm working on a template for modernACC but i don't know how to fix so the height of the "Container" that contains the main window change after the needs of its page.
Right now when you for example enter the page "highscores" you get names continuing after the layout looks really uggly.
So, anyone got a solution to this problem?
And don't complain about the coding the css will be moved to a .css when done and there's a lot of things missing
Page right now so you can check the bug: http://hpo.servegame.com/
Right now when you for example enter the page "highscores" you get names continuing after the layout looks really uggly.
So, anyone got a solution to this problem?
And don't complain about the coding the css will be moved to a .css when done and there's a lot of things missing
Page right now so you can check the bug: http://hpo.servegame.com/
HTML:
¨
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
{$head}
<title>{$title}</title>
<style type="text/css">
<!--
a, a:visited {
text-decoration: none;
color: white;
background: inherit;
}
body {
background-image:url('{$path}/templates/harry/images/bg.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position: center;
}
#content {
width: 700px;
background-color: #111111;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
border:5px solid gray;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
opacity:0.7;
}
#footer {
height: 30px;
width: 700px;
background-color: #111111;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
border:5px solid gray;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
opacity:0.7;
}
#menu {
height: 50px;
width: 700px;
background-color: #111111;
margin-left: auto;
margin-right: auto;
margin-top: 70px;
border:5px solid gray;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
opacity:0.7;
color: white;
}
#menu ul {
float: right;
list-style: none;
margin:0; padding: 0;
color: white;
}
#menu ul li {
display: inline;
color: white;
}
#menu ul li a {
display: block;
float: left;
padding: 0 8px;
text-decoration: none;
}
#menutext {
margin-top: 10px;
margin-right: 20px;
}
#flytt {
margin-left: 630px;
}
#contentlinks {
margin-top: 0px;
height: 700px;
width: 179px;
float: left;
border-style:none;
border-right:1px solid #EFF0F1;
}
#news {
float: right;
margin-top: 10px;
margin-left: 10px;
height: 680px;
width: 510px;
}
#linktext {
margin-top: 30px;
margin-left: 0px;
height: 680px;
width: 180px;
}
#linktext ul.sidemenu {
list-style: none;
text-align: left;
margin: 3px 0 8px 0; padding: 0;
text-decoration: none;
}
#linktext ul.sidemenu li {
border-bottom: 1px solid #EFF0F1;
background: url(go.gif) no-repeat 5px 5px;
padding: 2px 0 2px 25px;
margin: 0 2px;
}
#linktext ul.sidemenu a {
font-weight: bolder;
color: white;
text-decoration: none;
background-image: none;
}
#online {
margin-top: 20px;
width: 170px;
height: 26px;
border:5px solid gray;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}
-->
</style>
</head>
<body>
<div id="flytt">
<div id="menu">
<font size="4" color="white">
<div id="menutext">
<ul>
<li{if $controller == "" || $controller == "home"} id="current"{/if}><a href="{$path}">Home</a></li>
{if $logged == 1}
<li{if $controller == "account"} id="current"{/if}><a href="{$path}/index.php/account">Account</a></li>
{else}
<li{if $controller == "account" && $method == "create"} id="current"{/if}><a href="{$path}/index.php/account/create">Create Account</a></li>
<li{if $controller == "account" && $method == "login"} id="current"{/if}><a href="{$path}/index.php/account/login">Login</a></li>
{/if}
<li{if $controller == "character" && $method == "view"} id="current"{/if}><a href="{$path}/index.php/character/view">Characters</a></li>
<li{if $controller == "character" && $method == "online"} id="current"{/if}><a href="{$path}/index.php/character/online">Who is Online</a></li>
<li{if $controller == "guilds"} id="current"{/if}><a href="{$path}/index.php/guilds">Guilds</a></li>
<li{if $controller == "highscores"} id="current"{/if}><a href="{$path}/index.php/highscores">Highscores</a></li>
<li{if $controller == "forum"} id="current"{/if}><a href="{$path}/index.php/forum">Forum</a></li>
</ul>
</div>
</font>
</div>
<div id="content">
<div id="contentlinks">
<div id="linktext">
<font size="4" color="white">
<ul class="sidemenu">
{if $logged == 1}
<li><a href="{$path}/index.php/account">Account</a></li>
{else}
<li><a href="{$path}/index.php/account/create">Create Account</a></li>
<li><a href="{$path}/index.php/account/login">Login</a></li>
{/if}
<li><a href="{$path}/index.php/character/view">Characters</a></li>
<li><a href="{$path}/index.php/guilds">Guilds</a></li>
<li><a href="{$path}/index.php/bugtracker">Bug Tracker</a></li>
<li><a href="{$path}/index.php/p/v/fragers">Top fraggers</a></li>
<li><a href="{$path}/index.php/video">Videos</a></li>
<li><a href="{$path}/index.php/houses/main">Houses</a></li>
<li><a href="{$path}/index.php/p/v/deaths">Latest Deaths</a></li>
<li><a href="{$path}/index.php/p/v/gallery">Gallery</a></li>
<li><a href="{$path}/index.php/profile/community">Community</a></li>
</ul>
</font>
<div id="online">
<font color="white" size="5">
<center><b>Server Status</b></center>
</font>
</div>
<font color="white">
{$online}
{foreach from=$worlds key=id item=world}
<b>World:</b> {$world} <br />
<b>Status:</b>
{if $serverOnline[$id]}
<font color='green'>Online</font><br />
<b>Uptime:</b> {$serverUptime[$id]} <br />
<b>Players:</b> {$serverPlayers[$id]}/{$serverMax[$id]}<br /><br />
{else}
<font color='red'>Offline</font><br />
{/if}
{/foreach}
</font>
</div>
</div>
<div id="news">
<font color="white">
{$main}
</font>
</div>
<div style='clear: both;'></div>
</div>
<div id="footer">
<center>
<font color="white">
<a href="{$path}/index.php/credits">Credits</a>,
Page rendered in: {$renderTime}
{$admin}
</font>
</center>
</div>
</div>
</body>
</html>
Last edited: