Allgemeine Frage zu den Templates
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Allgemeine Frage zu den Templates
Hallo zusammen,
woher wissen die einzelnen Dateien, wie die overall_header.tpl eigentlich auf welche .css - Datei sie zugreifen müssen?
Kann ich dass für bestimmte .tpl auch ändern?
Gruß
Rockford
woher wissen die einzelnen Dateien, wie die overall_header.tpl eigentlich auf welche .css - Datei sie zugreifen müssen?
Kann ich dass für bestimmte .tpl auch ändern?
Gruß
Rockford
Hi,
hier in meiner overall_header.tpl:
Außerdem gibts pro Style eigtl. nur eine .css Datei
Julian
hier in meiner overall_header.tpl:
Code: Alles auswählen
@import url("templates/subSilver/formIE.css");
Julian
Ich habe dass Problem, dass alle Texte die keiner css-Klasse zugeordnet sind, rießen Groß dargestellt werden. Dies möchte ich unterbinden. Jedoch finde ich meiner .css keinen Grund, warum alles so groß ist:
Vielleicht sieht ja jemand etwas, dass ich nicht sehe... ??
Code: Alles auswählen
BODY { margin-left: 0%; margin-right: 0%; margin-top: 0%; font-size: 9px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000; BACKGROUND-COLOR:#632301; }
A:link { font-size: 12px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #5F5340; text-decoration: none; background-color: transparent; font-weight:bold;}
A:visited { font-size: 12px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #5F5340; text-decoration: none; background-color: transparent; font-weight:bold;}
A:active { font-size: 12px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #5F5340; text-decoration: none; background-color: transparent; font-weight:bold;}
A:hover { font-size: 12px; FONT-FAMILY: verdana, arial, sans-serif; COLOR: #FFFFFF; text-decoration: none; COLOR: #ff3333; font-weight:bold;}
FONT {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, sans-serif}
.copyright, a.copyright:link, a.copyright:visited, a.copyright:hover
{
color: #5F5F5F;
font: 9px verdana, arial, sans-serif;
}
.titular {COLOR: #000000; background-color:#632301;}
.negro {background-color:#000000; color: #FFFFFF; FONT-SIZE: 10px; FONT-FAMILY: verdana, arial, sans-serif; font-weight:bold;}
.conteniu {background-color:#80b700; color: #000000; FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, sans-serif}
.copy {COLOR: #FFFFFF; FONT-SIZE: 9px; FONT-FAMILY: verdana, arial, sans-serif; background-color:#000000;}
.tablanca {background-color:#FFFFFF; color: #000000;}
.bordpunt {border-left: #238c13 2px dotted;}
.bordpunt2 {border-bottom: #238c13 2px dotted;}
input, select {
background-color: #ffffff;
color : #000000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #000000;
}
textarea {
background-color: #ffffff;
color : #000000;
border: 1px solid #000000;
background-image: url('images/eingabefeldhintergrund.gif');font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif
}
.check {background-color: transparent;
border-style: none;
}
a.imagen:link {background-color:#ffffff; color: #000000; FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, sans-serif;}
a.imagen:visited {background-color:#ffffff; color: #000000; FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, sans-serif;}
a.imagen:active {background-color:#ffffff; color: #000000; FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, sans-serif;}
a.imagen:hover {background-color:#ffffff; color: #000000; FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, sans-serif;}
.gris1 {border-bottom: white 1px solid; border-right: white 1px solid; background-color:#F6F4F4; font-size: 12px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000;}
.gris2 {border-bottom: white 1px solid; background-color:#F6F4F4; font-size: 12px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000;}
.gris3 { border-bottom: white 1px solid; background-color:#F6F4F4; font-size: 13px; FONT-FAMILY: Comic Sans MS, Arial, Helvetica, sans-serif; COLOR:#000000; border: 0px #000000 solid;}
.row4 {border-bottom: white 1px solid; background-color:#F3E8B6; font-size: 12px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000;}
.categoria {background-color:#E5E5E5; font-size: 13px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000;}
.helpline { background-color: #F6F4F4; border-style: none; }
.postbody { font-size: 10px; FONT-FAMILY: verdana, arial, sans-serif; COLOR:#000000;}
.quote {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.code {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; line-height: 125%; font-weight:bold;
background-color: #930000; border: #930000; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.infobox2 {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fbfbe5; PADDING-BOTTOM: 5px; BORDER-LEFT: #000000 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid
}
A.navigation:link {
BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #632301; PADDING-BOTTOM: 2px; MARGIN: 4px 0px 0px 10px; BORDER-LEFT: #000000 0px solid; WIDTH: 160px; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left;
}
A.navigation:visited {
BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #632301; PADDING-BOTTOM: 2px; MARGIN: 4px 0px 0px 10px; BORDER-LEFT: #000000 0px solid; WIDTH: 160px; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left;
}
A.navigation:active {
BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #632301; PADDING-BOTTOM: 2px; MARGIN: 4px 0px 0px 10px; BORDER-LEFT: #000000 0px solid; WIDTH: 160px; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left;
}
A.navigation:hover {
BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #FF7D00; PADDING-BOTTOM: 2px; MARGIN: 4px 0px 0px 10px; BORDER-LEFT: #000000 0px solid; WIDTH: 160px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left;
}
A.linkzusatznavi:hover {
BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #FF7D00; PADDING-BOTTOM: 2px; MARGIN: 4px 0px 0px 10px; BORDER-LEFT: #000000 0px solid; WIDTH: 160px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left;
}
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: #632301;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}
hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}
/* Main table cell colours and backgrounds */
td.row1 { background-color: #FFFFFF; }
td.row2 { background-color: #DEE3E7; }
td.row3 { background-color: #D9D9D9; }
/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #FFFFFF;
background-image: url(images/cellpic2.jpg);
background-repeat: repeat-y;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(images/cellpic1.gif);
background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}
/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }
th.thHead,td.catHead { font-size: 10px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {
font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #000000;
}
/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; }
/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle { text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink { text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #000000;}
a.nav { text-decoration: none; color : #006699; }
a.nav:hover { text-decoration: underline; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #000000;}
/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #000000; }
/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}
/* Form elements */
input,textarea, select {
color : #000000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #000000;
}
/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #FFFFFF;
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
background-color : #EFEFEF;
color : #000000;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
background-color : #FAFAFA;
font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
background-color : #FAFAFA;
font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");
/*-- mod : profile cp --*/
.foundercolor, a.foundercolor, a.foundercolor:link, a.foundercolor:active, a.foundercolor:visited {
color: #632301;
font-weight: bold;
}
a.foundercolor:hover {
color: #FF0000;
text-decoration: underline;
}
.admincolor, a.admincolor, a.admincolor:link, a.admincolor:active, a.admincolor:visited {
color: #FFA34F;
font-weight: bold;
}
a.admincolor:hover {
color: #FF0000;
text-decoration: underline;
}
.modcolor, a.modcolor, a.modcolor:link, a.modcolor:active, a.modcolor:visited {
color: #006600;
font-weight: bold;
}
a.modcolor:hover {
color: #008000;
text-decoration: underline;
}
.usercolor, a.usercolor, a.usercolor:link, a.usercolor:active, a.usercolor:visited {
color : #000000;
font-weight: bold;
}
a.usercolor:hover {
color: #DD6900;
text-decoration: underline;
}
/*-- fin mod : profile cp --*/
Hi ....
welche Schrift wird denn so groß dargestellt und welche Class-Definition hat die in der tpl-Datei?
Markus
welche Schrift wird denn so groß dargestellt und welche Class-Definition hat die in der tpl-Datei?
Markus
.... Telefon-Support - Schnelle Hilfe bei Hackangriffen, Modeinbau, Templateanpassung, Grafikerst., uvm.
.... Es gibt keine Probleme .... Nur neue Chancen
.... Ihr wollt ein einmaliges Template? - Prof. Templateerstellung und phpBB-Anpassungen
.... Es gibt keine Probleme .... Nur neue Chancen
.... Ihr wollt ein einmaliges Template? - Prof. Templateerstellung und phpBB-Anpassungen
Guten Morgen,
Die betroffene Schrift hat eben gar keine Definition. Momentan sind es die Überschriften im PCP, und alle nachträglich eingefügten Texte die davon betroffen sind.
Ich habe ja in der overall_header einen Infobereich. Wenn ich dort etwas nachträglich einfüge, wird es ebenfalls zu groß angezeigt.
Aber irgendwo muß er diese Größe ja herholen???
Gruß
Rockford
Die betroffene Schrift hat eben gar keine Definition. Momentan sind es die Überschriften im PCP, und alle nachträglich eingefügten Texte die davon betroffen sind.
Ich habe ja in der overall_header einen Infobereich. Wenn ich dort etwas nachträglich einfüge, wird es ebenfalls zu groß angezeigt.
Aber irgendwo muß er diese Größe ja herholen???
Gruß
Rockford
Zuletzt geändert von rockford am 17.07.2006 18:13, insgesamt 1-mal geändert.
Hi ....
kannst du denn mal die overall_header.tpl mit den Texten verlinken?
Markus
kannst du denn mal die overall_header.tpl mit den Texten verlinken?
Markus
.... Telefon-Support - Schnelle Hilfe bei Hackangriffen, Modeinbau, Templateanpassung, Grafikerst., uvm.
.... Es gibt keine Probleme .... Nur neue Chancen
.... Ihr wollt ein einmaliges Template? - Prof. Templateerstellung und phpBB-Anpassungen
.... Es gibt keine Probleme .... Nur neue Chancen
.... Ihr wollt ein einmaliges Template? - Prof. Templateerstellung und phpBB-Anpassungen
Ein Ausschnitt wird schon reichen...
Wenn ich in dieses Infofeld etwas reinschreibe, ohne es zu formatieren, wird es groß angezeigt. Genau wie die Überschriften im PCP. Diese haben ebenfalls keine Definition.
Gruß
Dario
Code: Alles auswählen
<tr>
<td>
<table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="47" height="15"><img src="templates/esbardu/images/menu_izq.png" alt=""></td>
<td class="negro" height="15">Info</td>
<td width="14" height="15"><img src="templates/esbardu/images/menu_der.png" alt=""></td>
</tr>
</table> HIER STEHT DER BETROFFENE TEXT</td>
</tr>
<tr>
<td align="center">
</table>
Wenn ich in dieses Infofeld etwas reinschreibe, ohne es zu formatieren, wird es groß angezeigt. Genau wie die Überschriften im PCP. Diese haben ebenfalls keine Definition.
Gruß
Dario
kannst du mal einen link zu dieser stelle posten?
Zuletzt geändert von miccom am 21.05.2006 11:40, insgesamt 2-mal geändert.
Hi ...
pack mal das hier in dein Stylesheet ....
Markus
pack mal das hier in dein Stylesheet ....

Code: Alles auswählen
td { font-size: 10pt; }
.... Telefon-Support - Schnelle Hilfe bei Hackangriffen, Modeinbau, Templateanpassung, Grafikerst., uvm.
.... Es gibt keine Probleme .... Nur neue Chancen
.... Ihr wollt ein einmaliges Template? - Prof. Templateerstellung und phpBB-Anpassungen
.... Es gibt keine Probleme .... Nur neue Chancen
.... Ihr wollt ein einmaliges Template? - Prof. Templateerstellung und phpBB-Anpassungen
Dass ist mir auf die Schnelle passiert. Normalerweise steht ja auch gar nichts
Dort ist ein kleines Infofeld, welches ich bei Bedarf benutzen kann. Wenn ich dort etwas reinschreibe, sieht so aus:
[ externes Bild ]
Hier ist die komplette Datei
Es geht mir aber hauptsächlich um die Überschriften im PCP. Dieses Ding zum Beispiel:
{L_PUBLIC_TITLE} wird hier im Layout nicht weiter definiert. Folge dessen wird es genau wie in diesem Infofeld angezeigt. Also zu groß. Und ich verstehe nicht warum...

Dort ist ein kleines Infofeld, welches ich bei Bedarf benutzen kann. Wenn ich dort etwas reinschreibe, sieht so aus:
[ externes Bild ]
Hier ist die komplette Datei
Es geht mir aber hauptsächlich um die Überschriften im PCP. Dieses Ding zum Beispiel:
Code: Alles auswählen
<table cellpadding="0" cellspacing="10" border="0" width="100%">
<tr>
<td valign="top" align="center">
<table cellpadding="2" cellspacing="1" border="0" class="forumline" width="100%">
<tr>
<th valign="middle">{L_PUBLIC_TITLE}</th>
</tr>
<tr>
<td class="row3" valign="top">
<table cellpadding="2" cellspacing="4" border="0" width="100%">
<tr>
<!-- BEGIN col -->
<td valign="top">
<!-- BEGIN panel -->
<!-- BEGIN linefeed -->
<br style="font-size: 4 px;" />
<!-- END linefeed -->
<table cellpadding="4" cellspacing="0" border="0" class="bodyline" width="100%">
<tr>
<td class="cat" align="center" colspan="{col.panel.SPAN}"><span class="cattitle">{col.panel.TITLE}</span></td>
</tr>
<!-- BEGIN row -->
<tr>
<!-- BEGIN linefeed -->
<td class="row2" colspan="{col.panel.SPAN}"><span style="font-size: 2px"> </span></td>
<!-- END linefeed -->
<!-- BEGIN cell -->
<td class="{col.panel.row.cell.CLASS}" align="{col.panel.row.cell.ALIGN}" width="{col.panel.row.cell.WIDTH}" {col.panel.row.cell.WRAP}><span class="gen">{col.panel.row.cell.VALUE}</span></td>
<!-- END cell -->
<!-- BEGIN cellfeed -->
<td class="row2"></td>
<!-- END cellfeed -->
</tr>
<!-- END row -->
</table>
<!-- END panel -->
</td>
<!-- END col -->
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>