+- TWLan Forum (https://twlan.org)
+-- Forum: Legacy (https://twlan.org/forumdisplay.php?fid=61)
+--- Forum: TWLan 1.x (DSLan) (https://twlan.org/forumdisplay.php?fid=62)
+---- Forum: Deutsche Community (https://twlan.org/forumdisplay.php?fid=65)
+----- Forum: Spielerprojekte (https://twlan.org/forumdisplay.php?fid=9)
+------ Forum: Tools und Spielerprojekte (https://twlan.org/forumdisplay.php?fid=10)
+------- Forum: Grafiken (https://twlan.org/forumdisplay.php?fid=39)
+------- Thread: [v1.3] & 1.4 - 7.0 untere Leiste (/showthread.php?tid=4060)
& 1.4 - 7.0 untere Leiste - SlimShady95 - 02.04.2011
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>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}&screen=support" >Support</a>
</div>
<div id="footer_right">
<a href="game.php?village={$village.id}&screen=friends">Freunde</a>
</div>
</div>
</div>
</body>
</html>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
RE: & 1.4 - 7.0 untere Leiste - snake 9 - 02.04.2011
echt gut gemacht
habs ja schon getestet 
RE: & 1.4 - 7.0 untere Leiste - SlimShady95 - 02.04.2011
Du hast mich auf die Idee gebracht, daraus ein Tut zu machen^^
MfG Manuel
RE: & 1.4 - 7.0 untere Leiste - snake 9 - 02.04.2011
jo
RE: & 1.4 - 7.0 untere Leiste - ON21 - 02.04.2011
entschuldigt die zu 95% doofe frage, aber ist das die V. 7.0; welche im OG schon buggt?
RE: & 1.4 - 7.0 untere Leiste - snake 9 - 02.04.2011
nein die funzt slim hat die gemacht alles was slim macht *hust*auserslimbot*hust* funktionert
RE: & 1.4 - 7.0 untere Leiste - SlimShady95 - 02.04.2011
Das ist nur die Leiste unten, wo du deine Freundesliste, Support usw. hast.
MfG Manuel
RE: & 1.4 - 7.0 untere Leiste - ON21 - 02.04.2011
Okay, danke.
RE: & 1.4 - 7.0 untere Leiste - k3v95 - 02.04.2011
Muss das nicht zu Tutorials?
I-wie ist das beides...
RE: & 1.4 - 7.0 untere Leiste - SlimShady95 - 02.04.2011
Dachte hier passt es am besten.
MfG Manuel
RE: & 1.4 - 7.0 untere Leiste - Bettdecke1 - 03.04.2011
Slim? Wäre es nicht sinnvoll, wenn ich das mit in dieses Tool mit einbaue? (Würdest natürlich Credits bekommen)
RE: & 1.4 - 7.0 untere Leiste - k3v95 - 03.04.2011
(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
RE: & 1.4 - 7.0 untere Leiste - SlimShady95 - 03.04.2011
Jop kannste machen
Aber lass den Thread hier mal offen
MfG Manuel
RE: & 1.4 - 7.0 untere Leiste - Bettdecke1 - 03.04.2011
(03.04.2011, 21:08)SlimShady95 Wrote: Jop kannste machenOk, dann lad ich das morgen hoch..
Aber lass den Thread hier mal offen
MfG Manuel
RE: & 1.4 - 7.0 untere Leiste - snake 9 - 04.04.2011
darfs in die AiO ?
RE: & 1.4 - 7.0 untere Leiste - SlimShady95 - 04.04.2011
Jo klar.
MfG Manuel
RE: & 1.4 - 7.0 untere Leiste - Old pro - 05.06.2011
(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...
RE: & 1.4 - 7.0 untere Leiste - snake 9 - 05.06.2011
ganz unten iwie fünftletzte zeile
RE: & 1.4 - 7.0 untere Leiste - Old pro - 05.06.2011
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; }
RE: & 1.4 - 7.0 untere Leiste - snake 9 - 05.06.2011
dann ist die stamm.css nicht komplett
das muss da sein