CSS - neue Klassen anlegen

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

CSS - neue Klassen anlegen

Beitrag von Markus67 »

hallo,

habs mir doch irgendwie einfacher vorgestellt :oops: und hab nun doch ein kleines problemchen .....

ich möchte gerne die cellpics über css steuern, da ich aber verschiedene habe möchte ich dafür verschiedene klassen anlegen und je nachdem das entsprechende damit laden .... hab ich das jetzt verständlich erklärt ?

in der portal_body wird "catHead" geladen ....

Code: Alles auswählen

     <td class="catHead" height="25"><span class="cattitle"><center>{L_Welcome} {U_NAME_LINK}:</center></span></td>
dieser ist in der CSS datei definiert ...

Code: Alles auswählen

/* Header cells - the blue and silver gradient backgrounds */
th	{
	font-color: #FFFFFF; font-size: 11px; font-weight : bold;
	background-color: #006699; height: 25px;
	background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead[/color],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: 12px; 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; }
ich möchte eigentlich nur jeweils die hintergrundgrafiken für catHead ändern der rest kann soweit bleiben. und dann würde ich gerne das hintergrundbild zentrieren ....

wie lege ich jetzt für diesen fall eine neue class an ?

kann da jemand helfen ?

wäre supernett

danke schön
markus
Benutzeravatar
Mungo
Administrator
Administrator
Beiträge: 6613
Registriert: 03.05.2003 19:34

Beitrag von Mungo »

Also wenn du nur catHead ändern willst und alles andere so bleiben soll, wie es ist, dann:

Du musst in diesem Code td.catHead löschen
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;
}
und dann einfach ne td.catHead einzeln definieren und die Klasse anpassen:
td.catHead {
background-image: url(images/deinneuescellpic.gif);
background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}
Wie man einen Hintergrund zentriert kannst du hier nachlesen...
http://selfhtml.teamone.de/css/eigensch ... rgrund.htm
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

hi mungo .....

vielen dank .... funzt super :-)

markus
Antworten

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