Allgemeine Frage zu den Templates

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
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.
Benutzeravatar
rockford
Mitglied
Beiträge: 846
Registriert: 27.02.2005 18:42
Wohnort: Burghausen
Kontaktdaten:

Allgemeine Frage zu den Templates

Beitrag 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
Benutzeravatar
Julian87
Mitglied
Beiträge: 4303
Registriert: 05.11.2005 16:26
Wohnort: Nähe Bonn
Kontaktdaten:

Beitrag 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
Benutzeravatar
rockford
Mitglied
Beiträge: 846
Registriert: 27.02.2005 18:42
Wohnort: Burghausen
Kontaktdaten:

Beitrag 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... ??
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ....

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

Markus
Benutzeravatar
rockford
Mitglied
Beiträge: 846
Registriert: 27.02.2005 18:42
Wohnort: Burghausen
Kontaktdaten:

Beitrag 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
Zuletzt geändert von rockford am 17.07.2006 18:13, insgesamt 1-mal geändert.
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ....

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

Markus
Benutzeravatar
rockford
Mitglied
Beiträge: 846
Registriert: 27.02.2005 18:42
Wohnort: Burghausen
Kontaktdaten:

Beitrag 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
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

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.
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

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

Code: Alles auswählen

td { font-size: 10pt; }
Markus
Benutzeravatar
rockford
Mitglied
Beiträge: 846
Registriert: 27.02.2005 18:42
Wohnort: Burghausen
Kontaktdaten:

Beitrag 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...
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“