anpera.net

wo kann ich einstellen welches template er verwenden soll? also das startemplate wo autmomatisch ausgewählt wird wenn kein anderes einstellt wurde.

common.php nach yarbrough.htm durchsuchen und dementsprechend auch ersetzen.

_________________
Mal wieder da...

öhm ich hab jetzt noch ne frage will nämlich nen eigenes template machen will aber zusätzlich zu dem Hintergrundbild noch ein andere bild rechts unten an die nav bar setzten hab auch alles soweit hinbekommen nur weiß ich nicht genau wie ich das anstell das ein normaler Hintergrund angezeigt wird UND das bild ich hab nämlich versucht beides in den body {...} zu machen aber dann wird immernur das LETZTE bild angezeigt =/ kann mir jemand pls helfen? habs bisher so probiert :

a{color:#0099FF;text-decoration:none;}
button, .button,input[type="submit"],input[type="button"]
{font-size:11px;color:#C0C0C0;
background-color:#333333;
border-top:1px solid #808080;
border-left:1px solid #808080;
border-bottom:1px solid #141414;
border-right:1px solid #141414;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

body{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color:#e7e7e7;
background-image:url(schwarzer_Marmor.jpg);
background-repeat:repeat;
margin:8px;
padding:0px;
background-image: url(Bleach_footer.gif);
background-repeat: no-repeat;
background-position: center center;

}

hr{
background-color:#333333;
border-top:1px solid #808080;
border-left:1px solid #808080;
border-bottom:1px solid #141414;
border-right:1px solid #141414;
height:5px;}

input,textarea{
font-size:11px;color:#C0C0C0;
background-color:#333333;
border-top:1px solid #141414;
border-left:1px solid #141414;
border-bottom:1px solid #808080;
border-right:1px solid #808080;}

select{font-size:11px;
color:#C0C0C0;
background-color:#333333;
border-top:1px solid #808080;
border-left:1px solid #808080;
border-bottom:1px solid #141414;
border-right:1px solid #141414;}

td{font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;}

.navhead{text-decoration:none;
width:137px;
height:auto;
padding:1px;
line-height:18px;
float:left;
clear:none;
background-image:url(backgr_nav.jpg);
font-weight:bold;
color:#FFFF00;
cursor:default;
text-align:center;}

.navhelp{text-decoration:none;
width:135px;
height:auto;
float:left;
clear:none;
background:url(backgr_nav.jpg);
padding:1px;}

.navhi{color:#FF6600;}

a.nav{text-decoration:none;
width:135px;
height:auto;
float:left;
clear:none;
background-image:url(backgr_nav.jpg);
padding-top:2px;padding-left:2px;
padding-bottom:2px;
padding-right:2px;}

a.navhilite{text-decoration:none;
width:135px;
height:auto;
padding:1px;
float:right;
clear:none;
color:#FFFF00;
background-color:#330000;
border-top:thin solid #330000;
border-bottom:thin solid #330000;
border-right:thin none #330000;
border-left:thin none #330000;}

table.nav{height:auto;
width:135px;}

td#nav_tbl_grama{vertical-align:top;
padding-top:5px;
padding-left:10px;
padding-bottom:5px;}

table#nav_table_mother{width:164px;
border:none;}

a:hover.nav{border-top:1px solid #B00000;
border-left:1px solid #B00000;
border-bottom:1px solid CC0000;
border-right:1px solid #CC0000;
padding-top:1px;
padding-left:1px;
padding-bottom:1px;
padding-right:1px;}

a:hover.navhilite{background-color:#990000;
border-top:thin outset #CC0000;
border-right:thin none #CC0000;
border-bottom:thin outset #CC0000;
border-left:thin none #CC0000;}

#pagetitle{font-family:Old English Text MT,Times New Roman;
font-size:20px;
color:#FFFFFF;
text-align:left;
vertical-align:middle;
padding-left:5px;}

a.hotmotd{font-weight:bold;
text-decoration:blink;
font-size:120%;
color:lime;}

a.motd{text-decoration:none;color:#FF9900;}

#motd_row{padding-left:5px;
padding-bottom:2px;
vertical-align:bottom;}

.tblbot{background-image:url(tnav_b.gif);
background-repeat:repeat-x;}

.tblleft{background-image:url(tnav_l.gif);
background-repeat:repeat-y;}

.tblright{background-image:url(tnav_r.gif);
background-repeat:repeat-y;}

.tbltop{background-image:url(tnav_t.gif);
background-repeat:repeat-x;}

.trhead{background-color:#990000;
color:#FFFFFF;
font-size:12px;}

.trlight{background-color:#330000;}

.trdark{background-color:#000000;}

table.noborder{border:none;}

table.charinfo{border:none;
width:140px;
background:url(backgr.jpg);
background-repeat:repeat-y;}

table.vitalinfo{border:1px solid #000000;
width:182px;}

#vital_mother{width:121px;
border:none;
background-image:url(backgr.jpg);}

td.charhead{border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:FF3333;
border-right-style:none;
border-top-style:none;
border-left-style:none;
cursor:default;
color:#006600;}

td.charinfo{border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#990000;
border-right-style:none;
border-top-style:none;
border-left-style:none;
cursor:default;}

td#stat_table_mother{padding-top:5px;
padding-right:10px;
padding-bottom:5px;}

td.pageheader{background-image:url(../images/headbkg.GIF);
height:60px;}

td.popupheader{background-color:#333399;
background-image:url(../images/headbkg.GIF);
height:20px;}

#logintable{width:212px;
height:234px;
background-image:url(logindragon.gif);
background-repeat:no-repeat;}

.abstop{padding-left:3px;
padding-right:3px;
padding-top:3px;}

.annoyingbig{color:#FF0000;
font-size:30px;
text-decoration:blink;}

.annoyingsmall{color:#FF0000;
font-size:15px;}

.input{color:#C0C0C0;background-color:#333333;
border-top:1px solid #141414;
border-left:1px solid #141414;
border-bottom:1px solid #808080;
border-right:1px solid #808080;}

.login-text{color:#CCCCCC;}

also um das nu richtig verstanden zu haben:

nav1
nav2
nav3

BILD

so in etwa und dass da auch immer das Bild hin soll?

das machst du dann nicht in der cs datei selber, sondern in der .htm datei

einfach unter {nav} nen <img src="url"> und dann ist unter den navs immer nen bildchen

ich hoffe ich habe das richtig verstanden

ne ich hab rechts noch eine navigationsbar da möchte ich nur ein bild andocken

$this->bbcode_second_pass_code('', '
| |
| |
| |
| |
| o |
| o |
')

die striche sind die nav bars und das o is das bild das soll dort sein und imma so bleiebn
also auch wenn es größer wird sprich die nav bars größer werden das das bild auch dort unten bleibt

*edit hmm leider nimmt er nicht die leerstellen mit =/

öhm, d.h. das bild in den nav?
dann musst du den html-befehl auch in den addnav reintun

ich glaub ihr versteht nicht genau was ich meine ich hab mal nen screen gemacht der euch verdeutlichen soll wo das bild hinsoll



So und dort wo das viereck is soll das bild hin aber so das es unten an den footer angehängt wird so das wenn die seite sich nach unten zieht auch nach unten verscheibt

Müsste in das Template, falls es wie der Logindrache sein soll, füge es dem hinten an mit den Attributen valign='bottom' und align='right'

Wenn du das Bild eigenständig stehen haben möchtest, es den Rest überlappen soll oder untergeschoben werden soll:

http://de.selfhtml.org/navigation/suche ... rage=layer


Grüße, Eichi

_________________
Ist es nicht die Weisheit, die ein Mensch zu erlangen sucht?!
Der Knochen kommt nicht von alleine zum Hund, schön wärs ._.

Schokopudding, der sich von alleine kochen kann.......


BLUBBBEL!

hmm ich bekomm das nicht hin das einzigste was ich hinbekommen habe war das ich das ich das bild IN die nav bar bekommen habe =/ aber es soll ja nur daran angedockt sein und an dem footer fixirt werden so das es immer ganz unten auf der seite ist! ich uppe mal mit dem beitrag alle notwendigen daten wäre sehr sehr sehr sehr sehr nett wenn mir das jemand machen könnte! würde mich auch gerne revanchieren wenn ich das irgendwie kann !! =) weil das problem mit dem bild raubt mir ehrlich den letzten nerf! Wäre ebenfalls sehr praktisch wenn ihr das einfach mit dem namen des bildes definiert bei dem einem bild fehlt noch der feinschliff man sieht noch ganz leicht weiße stellen (was ziemlich auffält weil der hintergrund schwarz is xD)

Holla auch!

Ich wollte kein neues Thema dafür eröffnen, daher greife ich dieses auf.
Mein Anliegen:

Ich möchte in der Template-css das Verhalten von Hintergrundbildern in nur einem Befehl definieren.
Die Informationen möchte ich dann in jeder einzelnen php separat per Bildausgabe abrufen.
Sprich: Eine Klasse in der css soll alle Bild-Informationen enthalten, bis auf die Bild-Url selbst.
Die soll in einzelnen php-Dateien (per <style>?) mit verschiedenen Bild-Urls ausgegeben werden, um so für jede Seite ein eigenes Hintergrundbild erzeugen zu können und nicht für jedes Hintergrundbild eine eigene Klasse einrichten zu müssen.

Nur will mir ums Verrecken der Code nicht gelingen.

Ich hoffe, das war nun nicht zu verwirrend.

Nun hab ich das Hintergrundbild in den Haupttabellenbereich eingefügt.
Die Folge:
Alle weiteren Hintergründe in den Tabellenzellen werden ungewollt überschrieben.
Wie kann ich dafür sorgen, dass auch die anderen Hintergründe aus den einzelnen Tabellen angezeigt werden?

Mit Klassen, wenn du den HTML-Elementen Klassen gibst, kannst du jedes einzelne Element individuell gestalten, wars so gemeint?

Beispiel:

$this->bbcode_second_pass_code('', 'a.nav {')

In dem Fall ist "a" das Element <a ...></a> Dieses Element wird mit dem Style beschrieben.
Das "." trennt Klassenname von Tag und "nav" ist in dem Fall der Klassenname.

Wenn ein Name definiert ist, wird NUR das HTML-Tag damit beschrieben, welches dieser Klasse zugeordnet wurde:

$this->bbcode_second_pass_code('', '<a class="nav"></a>')

LG, Eichi


EDIT, hab nochmal drüber gelesen ^^

Wenn du Styles aus einem Stylesheet überschreiben möchtest, ist die einfachste Methode die Elemente wie beschrieben einzeln zu definieren, in der richtigen Reihenfolge und das Bild, dass im Hintergrund sein soll auch als background definieren und du kannst Styles aus einem Stylesheet direkt überschreiben, indem du diese in der Datei direkt nochmal definierst. Eingebundene Styles haben niedrigste Prorität, Styles aus der eigenen Datei haben höhere Prioritäten und Styles, die direkt ins HTML-Tag geschrieben werden (style="") haben die höchste Prorität.

_________________
Ist es nicht die Weisheit, die ein Mensch zu erlangen sucht?!
Der Knochen kommt nicht von alleine zum Hund, schön wärs ._.

Schokopudding, der sich von alleine kochen kann.......


BLUBBBEL!

Wollte auch keinen neuen Thread eröffnen.
Habe eigentlich eine einfache Frage, nur finde die Lösung irgendwie nicht von selbst.
Uuund zwar möchte ich bei navhead... ein Hintergrundbild einfügen.
Also, so, wie bei stathead, wo ein Bildchen als Background ist. Nun hab ich vieles ausprobiert & bin jetzt bei:
$this->bbcode_second_pass_code('', '<!--!navhead-->
<span class="navhead" background="templates/revo/stattitle.gif"><b>&#151;{title}&#151;</b><br></span>')
Hängen geblieben. Nur zeigt der die Background Bildchen dennoch nicht an ><
Kann mir da jemand helfen?

$this->bbcode_second_pass_code('', '<span class="navhead"><b>&#151;{title}&#151;</b><br></span>')

In der CSS-Datei dann:

$this->bbcode_second_pass_code('', 'span.navhead { background-image: url("templates/revo/stattitle.gif"); }')

Wo soll ich das untere denn einfügen?
Ich hab kein span.navhead...
da irgendwo stehen.
Also, ich hab nochmal jemand andren gefragt, der sagte, ich müsse das bei navhead machen.
Hab ich gemacht, klappt trotzdem nicht.
Hier mal der code in der css datei:

$this->bbcode_second_pass_code('', '/* CSS Document */
td {
font-family: Verdana;
font-size: 10px;
}
a{
color: #CCCCCC;
text-decoration: none;
}
a:hover {
color: #CCCC00;
text-decoration: none;
}
a.nav {
text-decoration: none;
width: 179px;
height: auto;
padding: 1px;
float: left;
clear: none;

}
a:hover.nav {
color: #CCCC99;

}
a.navhilite {
text-decoration: none;
width: 150px;
height: auto;
padding: 1px;
float: right;
clear: none;
color:#CCCC99;

}
a:hover.navhilite {
color:#CCCC99;
text-decoration: none;


}
.navhelp {
text-decoration: none;
width: 179px;
height: auto;
padding: 1px;
float: left;
clear: none;
cursor: default;
}
.navhead {
text-decoration: none;
width: 200px;
height: auto;
padding: 1px;
line-height: 18px;
float: left;
clear: none;
font-weight: bold;
background-image: url('templates/revo/stattitle.gif');
color:#CCCC99;
cursor: default;
text-align: center;
}
table {
}
td.charinfo {
border-top-width: 0px;
border-top-style: solid;
border-top-color: #000000;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
cursor: default;
}
td.charhead {
background-color: #999999;
border: none;
cursor: default;
color: #FFFF00;
}
table.charinfo {
border: none;
width: 179px;
}
td.popupheader {
background-color: #000000;
background-image: url('../../../LotGD/LotGD%20010705/images/headbkg.GIF');
height: 20px
}
td.noborder {
border: none;
}
table.noborder {
border: none;
}
td.village {
background-image: url('../images/village.jpg');
background-repeat: no-repeat;
background-position: right bottom
}
td.forest {
background-image: url('../images/forest.jpg');
background-repeat: no-repeat;
background-position: center bottom
}
td.dragon {
background-image: url('../images/dragon.jpg');
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed
}
input {
background-color: #000000;
border: 1px solid #806B4D;
color:#CCCC00;
}
.button {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 12px;
color:#FFFFFF;
background-color: #422B00;
border-top: 1px solid #947356;
border-left: 1px solid #947356;
border-right: 1px solid #403225;
border-bottom: 1px solid #403225;
}
.input {
background-color: #433828;
border: 1px solid #806B4D;
color: #FFFFFF;
}
select {

background-color: #000000;
color: #FFFFFF;
}
table.vitalinfo {
background-color: #003300;
border: 1px solid #000000;
width: 200px;
}
table.nav {

width: 210px;
}
a.motd {
text-decoration: none;
text-align: center;
color:#CCCC99;
width: 181px;
height: 16px;
padding: 1px;
float: left;
clear: none;
}
a:hover.motd {
height: 14px;
width: 179px;
text-decoration: none;
color:#FF9900;

border-top: thin solid #FF9900;
border-bottom: thin solid #FF9900;
border-right: thin solid #FF9900;
border-left: thin solid #FF9900;
}
a.hotmotd {
text-decoration: none;
text-align: center;
color:#FF9900;
width: 181px;
height: auto;
padding: 1px;
float: left;
clear: none;

background-color: #806B4D;
border-top: thin solid #FF9900;
border-bottom: thin solid #FF9900;
border-right: thin solid #FF9900;
border-left: thin solid #FF9900;
}
.pagetitle {
font-family: "Old English Text MT", "Times New Roman";
font-size: 20px;
color: #CCCC99;
}

.navhi {
color: #CCCC99;
text-decoration: underline;
}
.colDkBlue { color: #0000B0; }
.colDkGreen { color: #00B000; }
.colDkCyan { color: #00B0B0; }
.colDkRed { color: #B00000; }
.colDkMagenta { color: #B000CC; }
.colDkYellow { color: #B0B000; }
.colDkWhite { color: #B0B0B0; }
.colLtBlue { color: #0000FF; }
.colLtGreen { color: #00FF00; }
.colLtCyan { color: #00FFFF; }
.colLtRed { color: #FF0000; }
.colLtMagenta { color: #FF00FF; }
.colLtYellow { color: #FFFF00; }
.colLtWhite { color: #FFFFFF; }
.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:#990000; color:#FFFFFF; }
.trlight { background-color:#330000; }
.trdark { background-color:#000000; }
.colfeins { color: #0000B0; }
.colfzwei { color: #00B000; }
.colfdrei { color: #00B0B0; }
.colfvier { color: #B00000; }
.colffuenf { color: #B000CC; }
.colfsechs { color: #B0B000; }
.colfsieben { color: #B0B0B0; }
.colfacht { color: #DDFFBB; }
.colfneun { color: #0070FF; }
.colfarz { color: #0000FF; }
.colfat { color: #00FF00; }
.colfraute { color: #00FFFF; }
.colfdoller { color: #FF0000; }
.colfprozent { color: #FF00FF; }
.colfhoch { color: #FFFF00; }
.colfund { color: #FFFFFF; }
.colfklammerr { color: #999999; }
.colfwelle { color: #222222; }
.colfQz { color: #FF6600; }
.colfq { color: #FF9900; }
.colfRz { color: #EEBBEE; }
.colfVz { color: #9A5BEE; }
.colfv { color: #AABBEE; }
.colfg { color: #aaff99; }
.colfTz { color: #6b563f; }
.colft { color: #F8DB83; }
.colfplus { color: #2B2B2B; }
.colfist { color: #BC8F8F; }
.colfGz { color: #660000; }
.colfKz { color: #575757; }
.colfJz { color: #7A7A7A; }
.colfklammera { color: #66CDAA; }
.colfy { color: #663300; }
.colfstpun { color: #660033; }
.colfeuro { color: #CC3333; }
.colfstrich { color: #CC6666; }
.colfo { color: #CC6633; }
.colfdoppun { color: #FFCCCC; }
.colfpunkt { color: #CC99CC; }
.colfkomma { color: #99CCCC; } }
.colfklammer { color: #FFA54F; }
.colfe { color: #F4A460; }
.colfd { color: #006000; }
.colff { color: #690000; }
.colfl { color: #7B018F; }
.colfm { color: #FFCC00; }
.colffraz { color: #FF66FF; }
.colfae { color: #0099FF; }
.colfpara { color: #CCCC66; }
.colfs { color: #015856; }
.colfa { color: #016D6A; }
.colfw { color: #018A87; }
.colfp { color: #01A39E; }')

Mal probiert es einfach hinten an zu fügen?
Man kann Dateien auch anhängen statt sie komplette zu pasten.
Des weiterem empfiehlt sich für so etwas: CSS bei Selfthml und CSS4you

Grüße,
Auric

_________________
Mehr oder minder inaktiv

Hab ich gemacht, klappt trotzdem nicht ><'

<span class="navhead" style="background-image: url('dein bild);"><b>&#151;{title}&#151;</b><br></span>


So schon mal versucht? also mit dem Bild?
Ka obs klappt

_________________
Mao?
Unsere Scripte verfassen wir in Beerware

Also, hab es in die htm Dateik eingefügt & überraschung, überraschung -> es klappt nicht.
Moment, ich versuch mal noch was anderes...
Hm, nein. Geht nicht.

@Marja, bei dir wird der URL-String nicht wieder geschlossen, daher kann das schon mal nicht funktionieren.

Was genau hast du denn ausprobiert? Wie sieht die HTML-Ausgabe aus und vielleicht kannst du uns auch einen Link zu der CSS-Datei geben? Auch gern gesehener Fehler: Bild ist noch nicht auf dem Server oder der Name/url stimmt nicht.

Bei solchen Fällen empfehle ich das Firefox-Plugin "Firebug" - Dort kann man unter "Netzwerk" sehen, wenn eine Datei nicht gefunden wird, die in die Seite eingebunden wird, was einem schnell den entscheidenden Tipp geben kann.

Auric

_________________
Mehr oder minder inaktiv