TWLan Forum

Full Version: & 1.4 - 7.0 untere Leiste
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3
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 Smile

Grafiken: [Klick]

PS: templates_c und Cache leeren nicht vergessen Wink

MfG Manuel
echt gut gemacht Big Grin habs ja schon getestet Big GrinTongue
Du hast mich auf die Idee gebracht, daraus ein Tut zu machen^^

MfG Manuel
jo Big Grin
entschuldigt die zu 95% doofe frage, aber ist das die V. 7.0; welche im OG schon buggt?
nein die funzt slim hat die gemacht alles was slim macht *hust*auserslimbot*hust* funktionert
Das ist nur die Leiste unten, wo du deine Freundesliste, Support usw. hast.

MfG Manuel
Okay, danke.
Muss das nicht zu Tutorials?
I-wie ist das beides...
Dachte hier passt es am besten.

MfG Manuel
Slim? Wäre es nicht sinnvoll, wenn ich das mit in dieses Tool mit einbaue? (Würdest natürlich Credits bekommen)
(03.04.2011, 16:31)Bettdecke1 Wrote: [ -> ]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 Smile
Jop kannste machen Wink
Aber lass den Thread hier mal offen


MfG Manuel
(03.04.2011, 21:08)SlimShady95 Wrote: [ -> ]Jop kannste machen Wink
Aber lass den Thread hier mal offen


MfG Manuel
Ok, dann lad ich das morgen hoch.. Wink
darfs in die AiO ?
Jo klar.

MfG Manuel

Old pro

(02.04.2011, 16:34)SlimShady95 Wrote: [ -> ]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...
ganz unten iwie fünftletzte zeile

Old pro

Also bei mir ist da nix.

PHP Code:
a:link    font-weight:boldcolor#804000; text-decoration:none; }
a:visited    {  font-weight:boldcolor#804000; text-decoration:none; }
a:active    {  font-weight:boldcolor#0082BE; text-decoration:none; }
a:hover font-weight:boldcolor#0082BE; text-decoration:none; }
td        font-size:9pt; }
.
hidden color:#DED3B9; }
table.main border-width:2pxborder-stylesolidborder-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 margin0px; }
p:first-childh1:first-childh2:first-childh3:first-childh4:first-child
    
h5:first-childh6:first-childh1+ph2+ph3+ph4+ph5+ph6+margin-top0px; }

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

table.vis td background-color:#F8F4E8; }
table.vis td.selected background-color:#DED3B9; }
table.vis tr.nowrap td white-space:nowrapbackground-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-alignleft;
    
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 {
    
border1px solid black;
    
background-color#F1EBDD;
}

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


/* Top-Menü-Item mit Hover */
table.menu tr td {
    
padding1pxpadding-left4pxpadding-right4px;
    
white-spacenowrap;
    
background-color#F8F4E8;
}

/* Quickbar MenüItem */
table.menu#quickbar tr td {
    
padding-top0pxpadding-bottom0px;
}

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

/* Das gesamte Untermenü in sichtbar */
table.menu tr td:hover tabletable.menu tr td.hover table {
    
visibilityvisible;
}

/* Ein Untermenüpunkt */
table.menu tr td table tr td {
    
border1px solid black;
    
border-topnone;
}
/* Ein Link in einem Untermenüpunkt */
table.menu tr td table tr td a{
    
displayblock;
    
width100%;
}

/* 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:8pttext-align:centervertical-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:boldbackground-color:#FADC9B; }
tr.lit2 td font-weight:boldbackground-color:#F0E6C8; }
tr.admin td background-color:#F0E6C8; }
tr.mini td font-styleitalicfont-sizex-small }
th        font-size:9pttext-alignleftfont-weight:boldbackground-color:#DED3B9; }
body    background-color#DED3B9; font-size:9pt; font-family: Verdana, Arial }
h1        font-size:16pt;}
h2        font-size:14pt;}
h3      font-size:12ptfont-weight:bold; }
h4      font-size:10ptfont-weight:boldfont-style:italicmargin-bottom:4pt}
h5      font-size:10ptfont-weight:boldmargin-bottom:2pt}
img   bordernone; }
img.middle vertical-align:middle; }

.
grey  colorgray; }
.
warn  colorrgb(25500); }
.
error colorrgb(18000); font-weight:bold; }
.
inactive colorrgb(160160160); }
.
nowrap white-spacenowrap; }
.
small font-sizexx-small; }

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

inputselect font-size8pt/*background-color:#FDFBF3;*/ }

input.attack background-colorrgb(250210210) }
input.support background-colorrgb(210250210) }

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

table.quote td.quote_author font-weightboldfont-size8pt; }
table.quote td.quote_message background-color:#FFFFFF; font-size: 8pt; }

.post border2px 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-smallright:5pxposition:absolute;}
.
right right:5pxposition:absolute; }

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

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

ul.help li.help ul.help li.helpbackground-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:1pxmargin-left:0px}
li.submenu{list-style-type:nonemargin:2pxpadding-left:8pxpadding-top:4pxpadding-bottom:4px;}

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

.empty{ position:absolutez-index:3left:0pxtop:0pxwidth:600pxheight:418px;}

.
p_mainposition:absolutez-index:2left:194pxtop:106px; }
.
p_placeposition:absolutez-index:2left:334pxtop:198px; }
.
p_woodposition:absolutez-index:2left:505pxtop:332px; }
.
p_stoneposition:absolutez-index:2left:0pxtop:333px; }
.
p_ironposition:absolutez-index:2left:2pxtop:0px; }
.
p_statueposition:absolutez-index:2left:182pxtop:203px; }
.
p_wallposition:absolutez-index:1left:0pxtop:0px; }
.
p_farmposition:absolutez-index:2left:237pxtop:36px; }
.
p_hideposition:absolutez-index:2left:180pxtop:293px; }

.
p_storageposition:absolutez-index:2left:96pxtop:221px; }
.
p_marketposition:absolutez-index:2left:407pxtop:204px; }

.
p_barracksposition:absolutez-index:2left:356pxtop:113px; }
.
p_stableposition:absolutez-index:2left:219pxtop:222px; }
.
p_garageposition:absolutez-index:2left:46pxtop:102px; }
.
p_churchposition:absolutez-index:2left:179pxtop:180px; }
.
p_snobposition:absolutez-index:2left:279pxtop:294px; }
.
p_smithposition:absolutez-index:2left:146pxtop:44px; }

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

.l_main{  position:absolutedisplay:nonez-index:3left:228pxtop:135px; }
.
l_placeposition:absolutedisplay:nonez-index:3left:371pxtop:224px; }
.
l_wood{  position:absolutedisplay:nonez-index:3left:510pxtop:333px; }
.
l_stoneposition:absolutedisplay:nonez-index:3left:16pxtop:318px; }
.
l_iron{  position:absolutedisplay:nonez-index:3left:29pxtop:0px; }
.
l_statue{position:absolutedisplay:nonez-index:3left:187pxtop:190px; }
.
l_wall{  position:absolutedisplay:nonez-index:3left:482pxtop:22px; }
.
l_farm{  position:absolutedisplay:nonez-index:3left:299pxtop:39px; }
.
l_hide{  position:absolutedisplay:nonez-index:3left:184pxtop:298px; }

.
l_storageposition:absolutedisplay:nonez-index:3left:147pxtop:223px; }
.
l_marketposition:absolutedisplay:nonez-index:3left:500pxtop:231px; }

.
l_barracksposition:absolutedisplay:nonez-index:3left:478pxtop:112px; }
.
l_stableposition:absolutedisplay:nonez-index:3left:277pxtop:232px; }
.
l_garageposition:absolutedisplay:nonez-index:3left:123pxtop:99px; }
.
l_churchposition:absolutedisplay:nonez-index:3left:219pxtop:200px; }
.
l_snobposition:absolutedisplay:nonez-index:3left:285pxtop:340px; }
.
l_smithposition:absolutedisplay:nonez-index:3left:146pxtop: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; } 
dann ist die stamm.css nicht komplett

das muss da sein
Pages: 1 2 3