[v1.3] & 1.4 - 7.0 untere Leiste

[SlimShady95]

Heute zeig ich euch wie ihr die Leiste unten macht, wie bei der neuen Version.

Zuerst game.tpl öffnen, und dann die letzten beiden Zeilen, also

Code:

</body>
</html>

mit

Code:

<div id="footer">
<div id="footer_logo"> </div>
<div id="linkContainer" style="max-width: 830px; min-width: 250px;">
<div id="footer_left">
<a href="/forum" target="_blank">Forum</a> - <a href="help.php" target="_blank">Hilfe</a> - <a href="game.php?village={$village.id}&amp;screen=support" >Support</a>
</div>
<div id="footer_right">
<a href="game.php?village={$village.id}&amp;screen=friends">Freunde</a>
</div>
</div>
</div>    
</body>
</html>

ersetzten.

Dann die stamm.css öffnen und folgendes vor --> einfügen:

Code:

#footer, #footer a {
color: #603000;
}

#footer a:hover {
color: #e01f0f;
}

#footer #footer_left {
float: left;
margin-top: 3px;
}

#footer #footer_right {
float: right;
margin-top: 3px;
}

#footer_logo {
background-attachment: scroll;
background-color: transparent;
background-image: url("graphic/background/footer-seal.png");
background-position: 0% 0%;
background-repeat: repeat-x;
bottom: 0px;
display: none;
height: 25px;
left: 50%;
margin-left: -59px;
position: absolute;
width: 118px;
z-index: 1;
}

#footer a {
cursor: pointer;
}

#footer {
background-attachment: scroll;
background-color: transparent;
background-image: url("graphic/background/footer-bg.png");
background-position: 50% 0%;
background-repeat: repeat-x;
bottom: 0px;
cursor: default;
height: 25px;
left: 0px;
position: fixed;
width: 100%;
z-index: 9999;
}

#footer #linkContainer {
height: 21px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
max-width: 830px;
top: 3px;
width: 60%;
}

#footer * {
position: relative;
z-index: 3;
}

Dann noch die zwei Grafiken in den graphic/background Ordner machen und fertig

Grafiken: [Klick]

PS: templates_c und Cache leeren nicht vergessen

MfG Manuel