[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

[snake 9]

echt gut gemacht habs ja schon getestet

[SlimShady95]

Du hast mich auf die Idee gebracht, daraus ein Tut zu machen^^

MfG Manuel

[snake 9]

jo

[ON21]

entschuldigt die zu 95% doofe frage, aber ist das die V. 7.0; welche im OG schon buggt?

[snake 9]

nein die funzt slim hat die gemacht alles was slim macht *hust*auserslimbot*hust* funktionert

[SlimShady95]

Das ist nur die Leiste unten, wo du deine Freundesliste, Support usw. hast.

MfG Manuel

[ON21]

Okay, danke.

[k3v95]

Muss das nicht zu Tutorials?
I-wie ist das beides...

[SlimShady95]

Dachte hier passt es am besten.

MfG Manuel

[Bettdecke1]

Slim? Wäre es nicht sinnvoll, wenn ich das mit in dieses Tool mit einbaue? (Würdest natürlich Credits bekommen)

[k3v95]

Slim? Wäre es nicht sinnvoll, wenn ich das mit in dieses Tool mit einbaue? (Würdest natürlich Credits bekommen)

Ich würde sagen, dass das schon i-wie zusammen passt

[SlimShady95]

Jop kannste machen
Aber lass den Thread hier mal offen


MfG Manuel

[Bettdecke1]

Jop kannste machen
Aber lass den Thread hier mal offen


MfG Manuel

Ok, dann lad ich das morgen hoch..

[snake 9]

darfs in die AiO ?

[SlimShady95]

Jo klar.

MfG Manuel

[Old pro]

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;
}

In welcher Zeile soll das "-->" sein in der stamm.css?
Find da nix...

[snake 9]

ganz unten iwie fünftletzte zeile

[Old pro]

Also bei mir ist da nix.

PHP Code:

a:link    { font-weight:bold; color: #804000; text-decoration:none; }
a:visited    {  font-weight:bold; color: #804000; text-decoration:none; }
a:active    {  font-weight:bold; color: #0082BE; text-decoration:none; }
a:hover { font-weight:bold; color: #0082BE; text-decoration:none; }
td        { font-size:9pt; }
.hidden { color:#DED3B9; }
table.main { border-width:2px; border-style: solid; border-color:#804000; background-color:#F1EBDD; }
table.news { background-color:#F1EBDD; }
.in_border { background-color:#F1EBDD; text-align:left;}

span.timer_replace span { display:none; }

form { margin: 0px; }
p:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, 
    h5:first-child, h6:first-child, h1+p, h2+p, h3+p, h4+p, h5+p, h6+p { margin-top: 0px; }

table.blind { border-spacing:0px; }
table.blind td { padding: 0px; }

table.vis td { background-color:#F8F4E8; }
table.vis td.selected { background-color:#DED3B9; }
table.vis tr.nowrap td { white-space:nowrap; background-color:#F8F4E8; }
table.vis tr.units_own_home td { background-color:#F8F4E8; }
table.vis tr.units_there td { background-color:#F3EBCF; }
table.vis tr.units_away td { background-color:#EDE1B7; }
table.vis tr.row_a td { background-color:#F8F4E8; }
table.vis tr.row_b td { background-color:#F3EBCF; }

table.menueadmin a:hover {
    font-size:9pt;
    text-align: left;
    background-color:#FFFFFF;
    width:100%;
}

table.menueadmin td { background-color:#F8F4E8; }

tr.nowrap td { white-space:nowrap; }

table.intro td { background-color:#F8F4E8; line-height:1.5em; padding:6px;   font-size:8pt}

/* Menüleiste */
table.menu {
    border: 1px solid black;
    background-color: #F1EBDD;
}

/* Quickbar */
table.menu#quickbar {
    border-spacing:1px;
}


/* Top-Menü-Item mit Hover */
table.menu tr td {
    padding: 1px; padding-left: 4px; padding-right: 4px;
    white-space: nowrap;
    background-color: #F8F4E8;
}

/* Quickbar MenüItem */
table.menu#quickbar tr td {
    padding-top: 0px; padding-bottom: 0px;
}

/* Das gesamte Untermenü */
table.menu tr td table {
    z-index:100;
    position:absolute;
    border-top: 1px solid black;
    border-top: 1px solid black;
    margin-left: -5px; margin-top:1px;
    visibility: hidden;
}

/* Das gesamte Untermenü in sichtbar */
table.menu tr td:hover table, table.menu tr td.hover table {
    visibility: visible;
}

/* Ein Untermenüpunkt */
table.menu tr td table tr td {
    border: 1px solid black;
    border-top: none;
}
/* Ein Link in einem Untermenüpunkt */
table.menu tr td table tr td a{
    display: block;
    width: 100%;
}

/* Forum */
.forum { background-color:#F1EBDD; border-width:1px; padding:1px; border-style:solid; border-color:#000000; white-space:nowrap; line-height:150%; }
.selected { background-color:#FADC9B; }

table.map td { font-size:8pt; text-align:center; vertical-align:middle;}

td.space-left { border-left:1px solid #175E36; } /* zwischen normalen Feldern */
td.space-bottom { border-bottom:1px solid #175E36; } 
td.border-left { border-left:1px solid #103530; } /* "Sektorgrenzen" S1/S2/S6 */
td.border-bottom { border-bottom:1px solid #103530; }
td.sector-left { border-left:1px solid #DED3B9; } /* Sektorgrenzen */
td.sector-bottom { border-bottom:1px solid #DED3B9; }

td.space-left-new {}
td.space-bottom-new {}
td.border-left-new { border-left:1px solid #214B18; } 
td.border-bottom-new { border-bottom:1px solid #214B18; }
td.sector-left-new { border-left:1px solid #DED3B9; }
td.sector-bottom-new { border-bottom:1px solid #DED3B9; }
td.con-left-new { border-left:1px solid #000000; }
td.con-bottom-new { border-bottom:1px solid #000000; }

tr.center td { text-align:center; }
tr.lit td { font-weight:bold; background-color:#FADC9B; }
tr.lit2 td { font-weight:bold; background-color:#F0E6C8; }
tr.admin td { background-color:#F0E6C8; }
tr.mini td { font-style: italic; font-size: x-small }
th        { font-size:9pt; text-align: left; font-weight:bold; background-color:#DED3B9; }
body    { background-color: #DED3B9; font-size:9pt; font-family: Verdana, Arial }
h1        { font-size:16pt;}
h2        { font-size:14pt;}
h3      { font-size:12pt; font-weight:bold; }
h4      { font-size:10pt; font-weight:bold; font-style:italic; margin-bottom:4pt}
h5      { font-size:10pt; font-weight:bold; margin-bottom:2pt}
img   { border: none; }
img.middle { vertical-align:middle; }

.grey  { color: gray; }
.warn  { color: rgb(255, 0, 0); }
.error { color: rgb(180, 0, 0); font-weight:bold; }
.inactive { color: rgb(160, 160, 160); }
.nowrap { white-space: nowrap; }
.small { font-size: xx-small; }

hr        { color: #804000; }
table.box { border-width:1px; border-style: solid; border-color:#000000; background-color:#F1EBDD; vertical-align: middle; }
table.box tr td { white-space:nowrap; }

input, select { font-size: 8pt; /*background-color:#FDFBF3;*/ }

input.attack { background-color: rgb(250, 210, 210) }
input.support { background-color: rgb(210, 250, 210) }

input.check { margin:0px; margin-right:5px; }

table.quote td.quote_author { font-weight: bold; font-size: 8pt; }
table.quote td.quote_message { background-color:#FFFFFF; font-size: 8pt; }

.post { border: 2px solid #804000; background-color: #f8f4e8; padding:0px; margin-bottom:5px;}
.igmline { background-color:#efe6c9; padding-left:4px; border-bottom:1px solid #804000; position:relative;}
.text { padding:6px; }
.date { font-size:x-small; right:5px; position:absolute;}
.right { right:5px; position:absolute; }

#igm_groups {position:absolute;z-index:100; border: 2px solid #804000; background-color:#efe6c9;}
#igm_groups td { padding:2px; }

ul.help{padding-left:1px; margin-left:0px}
li.help{list-style-type:none; background-color:#DED3B9; margin:2px; padding-left:8px; padding-top:4px; padding-bottom:4px;}

ul.help li.help ul.help li.help{ background-color:#F1EBDD; }
ul.help li.help ul.help li.help ul.help li.help { background-color:#F8F4E8; }
/*ul.help ul.help ul.help{background-color:#F8F4E8;}*/

ul.submenu{padding-left:1px; margin-left:0px}
li.submenu{list-style-type:none; margin:2px; padding-left:8px; padding-top:4px; padding-bottom:4px;}

a.sel { color:#0082BE; text-decoration:underline;}

.empty{ position:absolute; z-index:3; left:0px; top:0px; width:600px; height:418px;}

.p_main{ position:absolute; z-index:2; left:194px; top:106px; }
.p_place{ position:absolute; z-index:2; left:334px; top:198px; }
.p_wood{ position:absolute; z-index:2; left:505px; top:332px; }
.p_stone{ position:absolute; z-index:2; left:0px; top:333px; }
.p_iron{ position:absolute; z-index:2; left:2px; top:0px; }
.p_statue{ position:absolute; z-index:2; left:182px; top:203px; }
.p_wall{ position:absolute; z-index:1; left:0px; top:0px; }
.p_farm{ position:absolute; z-index:2; left:237px; top:36px; }
.p_hide{ position:absolute; z-index:2; left:180px; top:293px; }

.p_storage{ position:absolute; z-index:2; left:96px; top:221px; }
.p_market{ position:absolute; z-index:2; left:407px; top:204px; }

.p_barracks{ position:absolute; z-index:2; left:356px; top:113px; }
.p_stable{ position:absolute; z-index:2; left:219px; top:222px; }
.p_garage{ position:absolute; z-index:2; left:46px; top:102px; }
.p_church{ position:absolute; z-index:2; left:179px; top:180px; }
.p_snob{ position:absolute; z-index:2; left:279px; top:294px; }
.p_smith{ position:absolute; z-index:2; left:146px; top:44px; }

/* Label(Stufenanzeigen) für fest positionierte Gebaeude */

.l_main{  position:absolute; display:none; z-index:3; left:228px; top:135px; }
.l_place{ position:absolute; display:none; z-index:3; left:371px; top:224px; }
.l_wood{  position:absolute; display:none; z-index:3; left:510px; top:333px; }
.l_stone{ position:absolute; display:none; z-index:3; left:16px; top:318px; }
.l_iron{  position:absolute; display:none; z-index:3; left:29px; top:0px; }
.l_statue{position:absolute; display:none; z-index:3; left:187px; top:190px; }
.l_wall{  position:absolute; display:none; z-index:3; left:482px; top:22px; }
.l_farm{  position:absolute; display:none; z-index:3; left:299px; top:39px; }
.l_hide{  position:absolute; display:none; z-index:3; left:184px; top:298px; }

.l_storage{ position:absolute; display:none; z-index:3; left:147px; top:223px; }
.l_market{ position:absolute; display:none; z-index:3; left:500px; top:231px; }

.l_barracks{ position:absolute; display:none; z-index:3; left:478px; top:112px; }
.l_stable{ position:absolute; display:none; z-index:3; left:277px; top:232px; }
.l_garage{ position:absolute; display:none; z-index:3; left:123px; top:99px; }
.l_church{ position:absolute; display:none; z-index:3; left:219px; top:200px; }
.l_snob{ position:absolute; display:none; z-index:3; left:285px; top:340px; }
.l_smith{ position:absolute; display:none; z-index:3; left:146px; top:63px; }

div.label { background-color: #598146; padding: 1px; border: 1px black solid; min-width:20px; color: white; z-index:10}
div.label_night { background-color: #202060; padding: 1px; border: 1px black solid; min-width:20px; color:white}
div.label a:link    { color:#DDDDDD }
div.label a:visited    {  color:#DDDDDD }
div.label a:active    {  color:#DDDDDD }
div.label a:hover    { color:white }

div.label_night a:link { color:#CCCCCC}
div.label_night a:visited { color:#CCCCCC}
div.label_night a:active { color:#CCCCCC}
div.label_night a:hover { color:white}
div.label img { display:none; }
div.label_night img { display:none; } 


[snake 9]

dann ist die stamm.css nicht komplett

das muss da sein