phpBB.de

phpBB.de - Die deutsche phpBB-Community
https://www.phpbb.de/community/

Allgemeine Frage zu den Templates

https://www.phpbb.de/community/viewtopic.php?t=121212

Seite 1 von 2

Allgemeine Frage zu den Templates

Verfasst: 20.05.2006 23:50
von rockford
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

Verfasst: 20.05.2006 23:56
von Julian87
Hi,

hier in meiner overall_header.tpl:

Code: Alles auswählen

@import url("templates/subSilver/formIE.css");
Außerdem gibts pro Style eigtl. nur eine .css Datei

Julian

Verfasst: 21.05.2006 00:08
von rockford
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:

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 --*/
Vielleicht sieht ja jemand etwas, dass ich nicht sehe... ??

Verfasst: 21.05.2006 02:21
von Markus67
Hi ....

welche Schrift wird denn so groß dargestellt und welche Class-Definition hat die in der tpl-Datei?

Markus

Verfasst: 21.05.2006 09:51
von rockford
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

Verfasst: 21.05.2006 10:58
von Markus67
Hi ....

kannst du denn mal die overall_header.tpl mit den Texten verlinken?

Markus

Verfasst: 21.05.2006 11:20
von rockford
Ein Ausschnitt wird schon reichen...

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

Verfasst: 21.05.2006 11:29
von miccom
kannst du mal einen link zu dieser stelle posten?

Verfasst: 21.05.2006 11:38
von Markus67
Hi ...

pack mal das hier in dein Stylesheet .... :wink:

Code: Alles auswählen

td { font-size: 10pt; }
Markus

Verfasst: 21.05.2006 11:42
von rockford
Dass ist mir auf die Schnelle passiert. Normalerweise steht ja auch gar nichts :oops:

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">&nbsp;</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>
{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...
Alle Zeiten sind UTC+02:00
Seite 1 von 2

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de