Problem mit Farbanpassung von Tabellen

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
kroetenmist
Mitglied
Beiträge: 56
Registriert: 07.09.2005 03:58
Wohnort: Darmstadt
Kontaktdaten:

Problem mit Farbanpassung von Tabellen

Beitrag von kroetenmist »

Guten abend,

ich bin grade dabei an meinem neuen forum farbanpassungen zu machen.

das forum : http://www.fbkforum.de/index.php

leider verändet sich die tabellenhintergrundfarbe auf der index seite wenn man mit der maus rüberfährt. wie und wo kann ich das abstellen.
das sieht grausam aus.(seht selbst) ich habe die entsprechende stelle nicht gefunden.
wäre nett wenn mir jemand hefen könnte.
das verwendete template des forums ist classic.

danke im vorraus kroetenmist
fanrpg
Mitglied
Beiträge: 2909
Registriert: 13.12.2004 22:41

Beitrag von fanrpg »

öffne index_body.tpl

suche & lösche:

Code: Alles auswählen

onmouseover="this.style.backgroundColor='#ffffff';" onmouseout="this.style.backgroundColor='#f8f8f8';"
Benutzeravatar
kroetenmist
Mitglied
Beiträge: 56
Registriert: 07.09.2005 03:58
Wohnort: Darmstadt
Kontaktdaten:

Beitrag von kroetenmist »

Hi,

habe ich gelöscht. leider hat das 0 auswirkung auf mein problem.

gruss kroetemist
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

suche in der index_body.tpl

Code: Alles auswählen

	<td class="row1" width="100%" height="50" onmouseover="this.style.backgroundColor='{C_ROW1_OVER}';" onmouseout="this.style.backgroundColor='{C_ROW1}';" onclick="window.location.href='{catrow.forumrow.U_VIEWFORUM}'"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
ersetze mit:

Code: Alles auswählen

	<td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
Markus
Benutzeravatar
kroetenmist
Mitglied
Beiträge: 56
Registriert: 07.09.2005 03:58
Wohnort: Darmstadt
Kontaktdaten:

Beitrag von kroetenmist »

vielen dank für den super support. alleine hätte ich das erst in 10 jahren gefunden.
jetzt kann ich mir gemütlich die buttons mit photoshop vornehmen.

danke
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

das gleiche hast du auch noch in der viewforum_body.tpl :wink:

Markus
Benutzeravatar
kroetenmist
Mitglied
Beiträge: 56
Registriert: 07.09.2005 03:58
Wohnort: Darmstadt
Kontaktdaten:

Beitrag von kroetenmist »

Hi,

danke für den Tip. Leider habe ich diese Geschichte auch noch in der Liste meiner PN`s (Posteingang).
Kannst Du mir sagen wo ich die entsprechende Stelle finde??


Gruss Kroetenmist
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

suche in der privmsgs_body.tpl

Code: Alles auswählen

<td width="55%" valign="middle" class="row1" onmouseover="this.style.backgroundColor='{C_ROW1_OVER}';" onmouseout="this.style.backgroundColor='{C_ROW1}';" onclick="window.location.href='{listrow.U_READ}'">{listrow.PRIVMSG_ATTACHMENTS_IMG}<span class="topictitle">&nbsp;<a href="{listrow.U_READ}" class="topictitle">{listrow.SUBJECT}</a></span></td>
ersetze mit:

Code: Alles auswählen

<td width="55%" valign="middle" class="row1">{listrow.PRIVMSG_ATTACHMENTS_IMG}<span class="topictitle">&nbsp;<a href="{listrow.U_READ}" class="topictitle">{listrow.SUBJECT}</a></span></td>
Markus
Benutzeravatar
kroetenmist
Mitglied
Beiträge: 56
Registriert: 07.09.2005 03:58
Wohnort: Darmstadt
Kontaktdaten:

Beitrag von kroetenmist »

Vielen Dank für die superschnelle Hilfe.

Jetzt habe ich nur noch ein kleines Problem mit meinem Impressum. Ich habe
irgenwann einen fehler mit dem background gemacht. das ist jetzt schwarz!
ich denke das die stelle im .css angegeben ist, kann sie aber nicht finden.
/*
Classic Theme for phpBB 2.0.6
Created by Vjacheslav Trushkin
http://www.trushkin.net
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: #848285;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
scrollbar-face-color: #7E98CB;
scrollbar-highlight-color: #C4D2ED;
scrollbar-shadow-color: #7E98CB;
scrollbar-3dlight-color: #C4D2ED;
scrollbar-arrow-color: #021A4A;
scrollbar-track-color: #C4D2ED;
scrollbar-darkshadow-color: #021A4A;
}


/* General font families for common tags */
font{ font-family: Verdana, Arial, Helvetica, sans-serif }
p, td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
hr { height: 0px; border: solid #021A4A 0px; border-top-width: 1px;}
a { color: #000000; text-decoration: none; }
a:hover { color: #A00000; text-decoration: underline; }
h1, h2 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : none; line-height : 120%; color : #000000;}

/* This is the border line & background colour round the entire page */
.bodyline { background-color:#DEE7F3; border: #BEA68C; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

/* This is the outline round the main forum tables */
.forumline { background-color:#000000; border: 2px #848285 solid }

/*
Main table cell colours and backgrounds
Styles that use bitmap backgrounds are commented "Uses Bitmap"
Note that netscape 4 takes paths to bitmap files relative from
the html file rather than from the style sheet.
Hence, to maintain compatibility, all styles using bitmaps have
their "background : url(templates/Classic/images/bitmap.gif);"
setting defined in overall_header.tpl
*/

TD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
TH, TD.th { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #7E98CB; height: 25px; font-size: 11px; font-weight: bold; color: #FFFEC3; } /* Uses Bitmap */
TD.row1 { background-color: #BEA68C }
TD.row2 { background-color: #BEA68C }
TD.row3 { background-color: #BEA68C }

/* This is the spacer row between post replies */
TD.spaceRow { color:#FFFFFF; background-color: #000000; border: #04369B; border-style: solid; border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }

/*
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: #E1E8F5 } /* Uses Bitmap */


/*
Setting additional nice 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.catSides, td.catLeft, td.catRight, td.catBottom { background-color:#E1E8F5; height: 28px; border: #F9C40D; border-style: solid; } /* Uses Bitmap */

TD.catHead { height: 29px; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px }
TD.catSides { border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }
TD.catLeft { border-left-width: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px }
TD.catRight { border-left-width: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }
td.cat, td.catBottom { height: 29px; border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px }

th.thHead, th.thSides, th.thBottom, th.thCornerL, th.thCornerR { border: #BEA68C; border-style: solid; }
th.thTop, th.thLeft, th.thRight, th.thCornerL, th.thCornerR { border: #04369B; }

TH.thHead { font-weight : bold; font-size: 12px; height: 25px; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px }
TH.thSides { border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }
TH.thTop { border-left-width: 0px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px }
TH.thLeft { border-left-width: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px }
TH.thRight { border-left-width: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }
TH.thBottom { border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px }
TH.thCornerL { border-left-width: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px }
TH.thCornerR { border-left-width: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px }



/* The largest text used in the index page title and toptic title etc. */
.maintitle { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : none; line-height : 120%; color : #000000;}
.subtitle { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-weight : bold; text-decoration : none; line-height : 120%; color : #486FB7;}


a.sitename { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : none; line-height : 120%; color : #000000;}
a.sitename:visited { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : none; line-height : 120%; color : #B20D0D;}
a.sitename:active { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : underline; line-height : 120%; color : #B20D0D;}
a.sitename:hover { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 20px; font-weight : bold; text-decoration : underline; line-height : 120%; color : #A00000;}

/* General normal text */
.gen { font-size : 12px; color : #000000; }
a.gen { color: #000000; text-decoration: none; }
a.gen:visited { color: #000000; text-decoration: none; }
a.gen:active { color: #FF0000; text-decoration: underline; }
a.gen:hover { color: #E00000; text-decoration: underline; }


/* General medium text */
.genmed { font-size : 11px; color : #000000; }
a.genmed { text-decoration: none; color : #000000; }
a.genmed:visited { text-decoration: none; color : #000000; }
a.genmed:active { text-decoration: underline; color : #000000; }
a.genmed:hover { text-decoration: underline; color : #A00000; }


/* General small */
.gensmall { font-size : 10px; color : #000000; }
a.gensmall { color: #000000; text-decoration: none; }
a.gensmall:visited { color: #000000; text-decoration: none; }
a.gensmall:active { color: #000000; text-decoration: underline; }
a.gensmall:hover { color: #A00000; text-decoration: underline; }

/* Text on TD.SpaceRow */
.spaceRow { font-size : 10px; color : #; }
a.spaceRow { color: #FFFFFF; text-decoration: none; }
a.spaceRow:visited { color: #FFFFFF; text-decoration: none; }
a.spaceRow:active { color: #B20D0D; text-decoration: underline; }
a.spaceRow:hover { color: #A00000; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 11px; text-decoration : none; color : #000000 }
a.mainmenu, a.mainmenu:visited { text-decoration: none; color : #000000; }
a.mainmenu:active { text-decoration: underline; color : #B20D0D; }
a.mainmenu:hover { text-decoration: underline; color : #A00000; }


/* Forum category titles */
.cattitle { font-size : 12px; letter-spacing: 1px; font-weight : bold; text-decoration : none; color : #000000}
a.cattitle, .cattitle a { text-decoration: none; color : #000000; }
a.cattitle:visited, .cattitle a:visited FFFFFF{ text-decoration: none; color : #000000; }
a.cattitle:active, .cattitle a:active { text-decoration: underline; color : #B20D0D; }
a.cattitle:hover, .cattitle a:hover { text-decoration: underline; color : #A00000; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-size : 12px; font-weight : bold; text-decoration : none; color : #000000; }
a.forumlink { text-decoration: none; color : #000000; }
a.forumlink:visited { text-decoration: none; color : #B20d0d; }
a.forumlink:active { text-decoration: underline; color : #B20D0D; }
a.forumlink:hover { text-decoration: underline; color : #A00000; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-size : 11px; font-weight : bold; text-decoration : none; color : #000000;}
a.nav { text-decoration: none; color : #000000; }
a.nav:visited { text-decoration: none; color : #000000; }
a.nav:active { text-decoration: underline; color : #B20D0D; }
a.nav:hover { text-decoration: underline; color : #A00000; }


/* titles for the topics: could specify viewed link colour too */
.topictitle { font-size : 11px; font-weight : bold; text-decoration : none; color : #000000; }
a.topictitle { text-decoration: none; color : #000000; }
a.topictitle:visited { text-decoration: none; color : #B20D0D; }
a.topictitle:active { text-decoration: underline; color : #B20D0D; }
a.topictitle:hover { text-decoration: underline; color : #A00000; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; text-decoration : none; color : #000000;}
a.name { color: #000000; text-decoration: none;}
a.name:visited { color: #B20D0D; text-decoration: none;}
a.name:active { color: #B20D0D; text-decoration: underline;}
a.name:hover { color: #A00000; text-decoration: underline;}


/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #000000; }
a.postdetails { color: #000000; text-decoration: none; }
a.postdetails:visited { color: #B20D0D; text-decoration: none; }
a.postdetails:active { color: #B20D0D; text-decoration: underline; }
a.postdetails:hover { color: #A00000; text-decoration: underline; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px; line-height: 18px}
a.postlink { text-decoration: none; color : #000000 }
a.postlink:visited { text-decoration: none; color : #B20D0D }
a.postlink:active { text-decoration: underline; color : #B20D0D}
a.postlink:hover { text-decoration: underline; color : #A00000}

/* Errors */
.error { font-size: 12px; font-weight: bold; color: #FFFFC0 }


/* Quote Code (currently not used) */
.code {
font-family: Courier, "Courier New", sans-serif; font-size: 11px; color: #001030;
background-color: #F8F8F8; border: #04369B; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #001030; line-height: 125%;
background-color: #F8F8F8; border: #04369B; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.editedby { font-size : 10px; line-height : 100%; color : #333333; }


/* Form elements */
input, textarea, select {
color : #000000;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
}

form { display: inline; }

/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #E9EEF7;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color : #E9EEF9;
color : #000000;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}

/* The main submit button option */
input.mainoption {
background-color : #E9EEF6;
font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
background-color : #E9EEF5;
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 ;)
*/
input.helpline { background-color: #f0f0f0; border: solid 1px #f0f0f0; }

/* Copyright and bottom info */
.copyright { font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; font-size: 10px; letter-spacing: -1px;}
a.copyright { color: #333333; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}
weiist du um welche stelle es sich dabei handelt??

http://www.fbkforum.de/impressum.php

gruss kroetenmist
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

nimm mal die impressum_body.tpl

Code: Alles auswählen

<a href="{U_INDEX}" class="nav">{L_INDEX}</a>

	<table width="100%" border="0" cellpadding="4" cellspacing="1" class="forumline">
  	<tr>
  	<th class="thTop">Impressum</th>
  	</tr>
	<tr>
	<td class="row1" align="left"><br /><span class="genmed"><b>{IMP_Einleitung}</b><br />{IMP_Einleitung1}</span><br /><br /><br /><br /></td>
  	</tr>
  	<tr>
	<td class="row1" align="left" valign="top">
	<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
	<td width="10%" class="row1" align="left"><span class="genmed"><b>{IMP_Anschrift1}<br>{IMP_Anschrift2}<br>{IMP_Anschrift3}<br>{IMP_Anschrift4}</b></span></td>
	<td width="90%" class="row1" align="left"><span class="genmed">&nbsp;{IMP_Name}<br>&nbsp;{IMP_Vorname}<br>&nbsp;{IMP_Strasse}<br>&nbsp;{IMP_Ort}</span></td>
	</tr></table>
	<br /><br />
	</td>
	</tr>
	<tr>
	<td class="row1" align="left"><span class="genmed"><b>Kontakt</b></span></td>
	<tr>
	<td class="row1"><a href="mailto:{IMP_Mail}"><img src="templates/subSilver/images/lang_german/icon_email.gif" border="0"></a>&nbsp;<a href="{IMP_PN}"><img src="templates/subSilver/images/lang_german/icon_pm.gif" border="0" width="67" height="18"></a>
	<br /><br /><br /><br />
	</td>
	</tr>
	<tr>
	<td class="row1" align="left"><span class="genmed"><b>{IMP_Haftung}</b><br />{IMP_Inhalt}<br /><br />{IMP_Haftung1}<br /><br /></span></td>
	</tr>
	</table>
Markus
Antworten

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