anpera.net
https://anpera.homeip.net/phpbb3/

Hilfe mit eigenem Skin
https://anpera.homeip.net/phpbb3/viewtopic.php?f=34&t=4397		 Seite 1 von 2
Autor:  Commander-Thor [ So 16 Mär, 2008 20:22 ]
Betreff des Beitrags:  Hilfe mit eigenem Skin
So hallo erstmal,

Ich bräuchte eure hilfe bei einem Skin, den ich versucht habe selber zu schreiben. Mir sind ein paar probleme aufgekommen, die ich selbst nicht mit der Hilfe von anderen lösenkonnte. Zum einen verschwindet ein Teil das Hauptfenster unter dem Footer und zum anderen, werden keine Farben angezeigt. Auch wird die Vitalinfo nicht bis zum Boden angezeigt. Könntet ihr mir vielleicht helfen?


Mit freundlichen Grüßen
Thor




HTML DATEI:
$this->bbcode_second_pass_code('', '<!--!header--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//DE">
<html>

<head>

<title>{title}</title>
<link href="newskin.css" rel="stylesheet" type="text/css">
{headscript}
{script}

</head>


<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="title">
<td colspan="3" bgcolor="ECECEC">
<table width="100%" height="100" border="0">
<tr>
<td><H1>{title}</H1></td>
<td align="right"> <img src="images/banner.jpg"></td>
</tr>
</table>
</td>
</tr>

<tr>
<td width="100" bgcolor='#ECECEC' valign='top' class="headrow" height="100%">

<td width="82%" rowspan="3" valign='top' colspan="2">
<table border="0" cellpadding="0" cellspacing="0" height="15" valign="top" width="100%">
<tr valign="top">
<td ><b>{motd}</b>&nbsp;</td>
<td ><b>{mail}</b>&nbsp;</td>
<td ><b>{petition}</b>&nbsp;</td>
<td ><b>{forum}</b></td>
<td ><b>{chat}</b></td>
<td ><b>{news}</b></td>
<td ><b>&nbsp;</b></td>
<td ><b>{source}</b></td>
</tr>
</table>
<br>
<table border="0" cellpadding="0" cellspacing="0" align="right" height="100%" bgcolor=100%>
<tr>
<td align="center">
<table cellspacing='0' cellpadding='0' width="170" border="0" bgcolor="CCCCCC" height="100%">
<tr><td align="left" valign="top" height="100%" bgcolor="CCCCCC">{stats}</td></tr>
</table>
</td>
</tr>
</table>
<!--!footer-->
</td>
</tr>

<tr>
<td valign="top" align="left" bgcolor="#CCCCCC" width="150">
<img src="images/navoben.jpg">
<br>
{nav}
<br>
<img src="images/navunten.jpg">
<br> {paypal}
</td>

</tr>
<tr>
<td valign="top" bgcolor="#CCCCCC" colspan="3" height="20"><hr><br>{copyright} {pagegen} {version}</td>
</tr>

</table>
</body>
</html>




<!--!statstart-->
<!--!stathead--><span class="navhead">{title}</span>
<!--!statrow-->`&<b>{title}</b>: `^{value}`n
<!--!statbuff--><span class="navhead">{title}</span> `^{value}
<!--!statend-->
<!--!navhead--><span class="navhead">&#151;{title}&#151;<br></span>
<!--!navhelp--><span class="navhelp">{text}<br></span>
<!--!navitem--><a href="{link}" {accesskey} class='nav' {popup}>{text}<br></a>
<!--!login-->
<table border='0' cellpadding='0' cellspacing='0' background='templates/cupertino/steel.GIF'>
<tr>
<td><img src="templates/cupertino/boxul.gif" width="12" height="12" alt=""></td>
<td class="boxtop"><img src="images/trans.gif" width="1" height="1" alt=""></td>
<td><img src="templates/cupertino/boxur.gif" width="12" height="12" alt=""></td>
</tr><tr>
<td class="boxleft"><img src="images/trans.gif" width="1" height="1" alt=""></td>
<td valign='bottom' align='center' class='noborder' width="100%">
{username}: <br><input name='name' accesskey='u' size='10'><br>
{password}: <br><input name='password' accesskey='p' type='password' size='10'><br>
<input type='submit' value='{button}' class='button'><br>
<img src='images/trans.gif' width='1' height='37' align='absmiddle' alt=''>
<img src='images/trans.gif' width='1' height='15'>
</td>
<td class="boxright"><img src="images/trans.gif" width="1" height="1" alt=""></td>
</tr><tr>
<tr>
<td><img src="templates/cupertino/boxll.gif" width="12" height="12" alt=""></td>
<td class="boxlower"><img src="images/trans.gif" width="1" height="1" alt=""></td>
<td><img src="templates/cupertino/boxlr.gif" width="12" height="12" alt=""></td>
</tr>
</table>')



CSS:
$this->bbcode_second_pass_code('', '/* CSS Document */


td {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
}
a{
color: #3366CC;
text-decoration: none;

}
a:hover {
text-decoration: underline;

}
a.nav {
color: #3366CC;
text-decoration: none;

}
.navhead {
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
cursor: default;
display: table;
background-image: url(cupertino/navheadtop.gif);
width: 135px;
background-repeat: no-repeat;
text-align: center;
margin-top: 5px;
padding-top: 5px;
}
.navhelp {
color: #3366CC;
text-decoration: none;
cursor: default;
display: table;
}
a.motd {
text-decoration: none;
color:#000000;
}
a:hover.motd {
color: #FF0000;
}
a.hotmotd {
a.hotmotd {
text-decoration: blink;
text-align: center;
color:7CFC00;
width: 181px;
height: auto;
padding: 1px;
float: left;
clear: none;

border-top: thin solid #FF9900;
border-bottom: thin solid #FF9900;
border-right: thin solid #FF9900;
border-left: thin solid #FF9900;
}
td.charinfo {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999999;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
cursor: default;
}
td.charhead {
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
cursor: default;
display: table;
background-image: url(cupertino/navheadtop.gif);
background-repeat: no-repeat;
text-align: center;
margin-top: 5px;
padding-top: 5px;
}
table.charinfo { border: none; }
td.pageheader {}
td.noborder { border: none; }
table.noborder { border: none; }
input {
border: 1px solid #999999;
color: #000000;
}
.input {
border: 1px solid #999999;
color: #000000;
}
select {
border: 1px solid #999999;
color: #000000;
}
.navhi { color: #000000; }
.colDkBlue { color: #000033; }
.colDkGreen { color: #003300; }
.colDkCyan { color: #003333; }
.colDkRed { color: #330000; }
.colDkMagenta { color: #330033; }
.colDkYellow { color: #333300; }
.colDkWhite { color: #666666; }
.colLtBlue { color: #000099; }
.colLtGreen { color: #009900; }
.colLtCyan { color: #009999; }
.colLtRed { color: #990000; }
.colLtMagenta { color: #990099; }
.colLtYellow { color: #999900; }
.colLtWhite { color: #333333; }
.colLtBlack { color: #999999; }
.colOrange { color: #FF9900; }
.colDkOrange { color: #FF6600; }
.colBlue { color: #0070FF; }
.colLime { color: #DDFFBB; }
.colBlack { color: #000000; }
.colRose { color: #EEBBEE; }
.colblueviolet { color: #9A5BEE; }
.coliceviolet{ color: #AABBEE; }
.colLtBrown { color: #F8DB83; }
.colDkBrown { color: #6b563f; }
.colXLtGreen{color: #aaff99; }
.colAttention { background-color: #00FF00; color: #FF0000;}
.colWhiteBlack { background-color: #FFFFFF; color: #000000; }
.colBack { background-color:#00FFFF; color:#000000; }
.trhead { background-color:#006699; color:#FFFFFF; }
.trlight { background-color:#FFFFFF; }
.trdark { background-color:#F0F0F0; }
.headrow {
background-image: url(cupertino/pinstripe.GIF);
}
.tab {
background-image: url(cupertino/tab.GIF);
}
.title {
background-image: url(cupertino/bartop.gif);
background-repeat: repeat-x;
font-weight: bold;
font-size: 30px;

}





.barbottom {
background-image: url(cupertino/barbottom.gif);
background-repeat: repeat-x;
}
.boxtop {
background-image: url(cupertino/boxupper.gif);
background-repeat: repeat-x;
}
.boxright {
background-image: url(cupertino/boxright.gif);
background-repeat: repeat-y;
background-position: right;
}
.boxleft {
background-image: url(cupertino/boxleft.gif);
background-repeat: repeat-y;
background-position: left;
}
.boxlower {
background-image: url(cupertino/boxlower.gif);
background-repeat: repeat-x;
background-position: bottom;
}')
Autor:  MySql [ Mo 17 Mär, 2008 13:31 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
Zum Thema kommt da jetzt nichts:

Aber es reicht, wenn du deine Anfrage in einem Forum postest und nicht direkt in zweien.

My.
Autor:  Eliwood [ Mo 17 Mär, 2008 21:26 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
Punkto Farben: Sicher, dass der Pfad zur CSS-Datei stimmt? Ich denke nicht.
Autor:  MySql [ Di 18 Mär, 2008 12:19 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
Tut er auch nicht, es seie den, er befindet sich direkt im LotGD Root und nicht im Verzeichniss "templtes/".

$this->bbcode_second_pass_code('', '<link href="newskin.css" rel="stylesheet" type="text/css">')

ersetzten durch:

$this->bbcode_second_pass_code('', '<link rel='stylesheet' type='text/css' href='templates/newskin.css'>')

Wenn sich die *.css Datei aber in einem weiteren verzeichniss, wie beispielsweiße die Datei Jenu2.css befindet, musst du das auch noch mit ran hängen.

$this->bbcode_second_pass_code('', '<link rel='stylesheet' type='text/css' href='templates/Dir/newskin.css'>')

Ich würd das mit <div>'s machen... <div class='content'> / <div id='content'>, class bzw. id muss vorher aber in der *.css Datei definiert werden.
Autor:  Commander-Thor [ Di 18 Mär, 2008 21:46 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
gut. Das hab ich nun, doch wie stehts mit dem Rest? warum ist der Hauptteil der Seite obendrüber?
Autor:  MySql [ Di 18 Mär, 2008 22:04 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
Weil du den <!--!footer--> falsch gesetzt hast^^
Autor:  Commander-Thor [ Di 18 Mär, 2008 22:05 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
ok und wo soll der hin wenn nicht dort?
und warum ist die Vitalinfo nicht bis zum Boden?
Autor:  MySql [ Di 18 Mär, 2008 22:08 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
So habe mir jetzt mal deinen "newskin" angesehen... Er zieht sich ja über 5 Dateien... newskin / 1 / 2 / 3 / 4. Alle sehen die anders aus. :???:
Wie gesagt, mach es in <div>'s, geht besser.
Autor:  MySql [ Di 18 Mär, 2008 22:12 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
MySql hat geschrieben:
So habe mir jetzt mal deinen "newskin" angesehen... Er zieht sich ja über 5 Dateien... newskin / 1 / 2 / 3 / 4. Alle sehen die anders aus. :???:
Wie gesagt, mach es in <div>'s, geht besser.


Und das margin-top (css) margin-hasse nich gesehen, kannste aus dem body raus lassen, daher der Wert eh 0 ist.
Autor:  Commander-Thor [ Di 18 Mär, 2008 22:17 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
wie geht es denn mit den <div>s. ist sicherlich anders als die <td> & <tr>s oder?
Autor:  MySql [ Di 18 Mär, 2008 22:23 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
Ja^^
Un dos momentos...

So..

Alex (Nein, der ist hier nicht angemeldet, von dem habe ich auch des mit dem float) hat einen sehr schönen Skin bei sich auf dem Server laufen...

Soo...

$this->bbcode_second_pass_code('', '#menue {
float: left;
width: 1000px;
height: 26px;
padding: 0;
margin: 0;
background-image: url(Mystic/menuebg.jpg);
background-repeat: repeat-x;
}')

Das ist eine sogenannte "id" class'es fangen nicht mit einer Raute sondern mit einem Punkt an..
Also haben wir da jetzt eine ID... die wir für unser <div> brauchen!

$this->bbcode_second_pass_code('', '<div id='menue'>
<ul id='nav_top'>
<li id='list_top_nav'>{mail}</li>
</ul>
</div>
')

Im entdefekt, ist es eigentlich "fast" das gleiche wie mit Tabellen.
Aber es ist nicht zu verworen und man findet die Fehler schneller.
Autor:  Commander-Thor [ Di 18 Mär, 2008 22:37 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
ok und wie sag ich jetzt das es oben oder unten ist mit divs?
und was sind diese uls?
Autor:  MySql [ Di 18 Mär, 2008 22:41 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
ul's bzw. li's sind HTML Elemente.

Ob es oben, unten, rechts, link oder centriert ist, legst du in einer CSS Datei fest, die mit eingebunden wird.
Autor:  Commander-Thor [ Di 18 Mär, 2008 22:52 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
ok...
und wie mache ich das dann in der css?
Autor:  MySql [ Mi 19 Mär, 2008 00:08 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
Also , in erster Linie sage ich jetzt einfach mal Google
Bin mim CSS selber noch am lernen, wie man es im Offtopic Bereich sah..

Musst erlich mal bei Google schaun ;)
Autor:  Commander-Thor [ Mi 19 Mär, 2008 17:22 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
ok... aber eigentlich sollte es ja auch mit html gehen.
ich schau mich jetzt nach css Zeug um, aber nich interessiert doch, was ich falsch gemacht habe.
Autor:  Eliwood [ Mi 19 Mär, 2008 17:32 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
MySql hat geschrieben:
Und das margin-top (css) margin-hasse nich gesehen, kannste aus dem body raus lassen, daher der Wert eh 0 ist.


Du hast offenbar noch nie etwas von Null-Setzen gehört. Ein absolutes muss - es gibt Browser mit voreingestelltem Aussenabstand.
Autor:  Commander-Thor [ Mi 19 Mär, 2008 18:24 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
zu deiner Info war meine Frage noch nicht beantwortet und deswegen: Mach dir ein eiegnes Thema.
Autor:  Llynya [ Sa 26 Apr, 2008 19:17 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
Zuerst einmal muss ich mich sicher für die dumme Frage entschuldigen, aber ich krieg meinen selbstgebauten Skin nicht als Standartskin in die Common. Ich glaub, geändert hab ichs, wohl sicher nur an der falschen Stelle. :pein:
Könnte mir vielleicht kurz jemand weiterhelfen?
Danke schon mal.
Autor:  Montekar [ Sa 26 Apr, 2008 21:32 ]
Betreff des Beitrags:  Re: Hilfe mit eigenem Skin
Sollten 2 Stellen sein, such einfach nach yarbrough, damit solltest du was finden.
Seite 1 von 2 Alle Zeiten sind UTC + 1 Stunde
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/