Template für ERROR_BOX

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
Camper
Mitglied
Beiträge: 27
Registriert: 11.08.2002 08:38

Template für ERROR_BOX

Beitrag von Camper »

Hallo zusammen,

wenn jemand beim Registrieren z.B. einen Fehler macht, geht oben die Error_Box auf, die dann beispielsweise zeigt; "Du musst alle benötigten Felder ausfüllen." :o Leider ist bei meinem Style die Farbe der Schrift gleich der des Fensters. Da ich gern alle Schriftfarben beibehalten würde, möchte ich in der *.css Datei die Farbe fürs Feld z.B. in "row1" umbenennen ! Wo ist der Style dieser "ERROR_BOX" definiert ?

Gruß Mario
In der Ruhe liegt die Kraft...[img:e2b3707acf]http://www.dertaucher.com/forum/images/smiles/laola.gif[/img:e2b3707acf]
PhilippK
Vorstand
Vorstand
Beiträge: 14662
Registriert: 13.08.2002 14:10
Wohnort: Stuttgart
Kontaktdaten:

Beitrag von PhilippK »

Mario,

wenn ich das gerade richtig sehe, ist die Box selbst in templates/subSilver/error_body.tpl definiert. Der Text hat die Klasse "error", die aber anscheinend bei subSilver nicht definiert ist...

Gruß, Philipp
Benutzeravatar
Camper
Mitglied
Beiträge: 27
Registriert: 11.08.2002 08:38

Hat gefunzt

Beitrag von Camper »

Super hat gefunzt. Danke noch mal für die schnelle Hilfe.

Gruß Mario
In der Ruhe liegt die Kraft...[img:e2b3707acf]http://www.dertaucher.com/forum/images/smiles/laola.gif[/img:e2b3707acf]
Toddo
Mitglied
Beiträge: 76
Registriert: 18.10.2002 00:38

Beitrag von Toddo »

Aber wie kann ich jetzt genau diese Datei jetzt auf mein Template anpassen? Sorry, ich nix nix Ahnung, weil nix gut in php :-?

Habe nämlich das gleiche Problem bei SubBlack: ErrorBox und Text sind beide schwarz.

Hier mal meine "error_body.tpl":
<table class="forumline" width="100%" cellspacing="1" cellpadding="4" border="0">
<tr>
<td><table width="100%" cellspacing="0" cellpadding="1" border="0">
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td align="center"><span class="error">{ERROR_MESSAGE}</span></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
Wäre wirklich super, wenn mir jemand helfen könnte! Viele User können sich deshalb nicht registrieren oder ähnliches, weil sie die Fehlermeldungen nicht lesen können.

DANKE!!!
Benutzeravatar
Mister_X
Ehemaliges Teammitglied
Beiträge: 7102
Registriert: 24.05.2001 02:00
Wohnort: Augsburg

Beitrag von Mister_X »

guck dir mal die CSS Definition "error" in der overall_header.tpl an
Toddo
Mitglied
Beiträge: 76
Registriert: 18.10.2002 00:38

Beitrag von Toddo »

Danke zunächst mal, dass sich jemand mit meinem Problem befasst.

Leider finde ich in overall_header.tpl nichts zur CSS Definitin "error":
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.2)">
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.2)">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/subBlack/{T_HEAD_STYLESHEET}" type="text/css" />
<style type="text/css">
<!--
TH { background-image: url(templates/subBlack/images/{T_TH_CLASS2}) }
TD.cat { background-image: url(templates/subBlack/images/{T_TH_CLASS1}) }
TD.rowpic { background-image: url(templates/subBlack/images/{T_TH_CLASS3}); background-repeat: repeat-y }
TD.catHead,TD.catSides,TD.catLeft,TD.catRight,TD.catBottom { background-image: url(templates/subBlack/images/{T_TH_CLASS1}) }
-->
</style>
<script type="text/javascript" src="templates/rollout.js"></script>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><a href="{U_PORTAL}"><img src="templates/subBlack/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br /> </span>
<table cellspacing="0" cellpadding="2" border="0">
<tr>
<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">

<a href="{U_PORTAL}" class="mainmenu"><img src="templates/subBlack/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{L_HOME}" hspace="3" />{L_HOME}</a> <a href="{U_ALBUM}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_album.gif" width="12" height="13" border="0" alt="{L_ALBUM}" hspace="3" />{L_ALBUM}</a> <a href="{U_CALENDAR}" class="mainmenu"><img src="templates/subBlack/images/icon_mini_calendar.gif" width="12" height="13" border="0" alt="{L_CALENDAR}" hspace="3" />{L_CALENDAR}</a> <a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subBlack/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a> <a href="{U_FAQ}" class="mainmenu"><img src="templates/subBlack/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a> <a href="{U_SEARCH}" class="mainmenu"><img src="templates/subBlack/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a> <a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subBlack/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>
<!-- BEGIN switch_user_logged_out -->
<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subBlack/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>
<!-- END switch_user_logged_out -->
</td>
</tr>
<tr>
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu"> <a href="{U_LINKS}" class="mainmenu"><img src="templates/subBlack/images/icon_mini_members.gif" width="12" height="13" border="0" alt="Links" hspace="3" />{L_LINKS}</a> <a href="{U_PROFILE}" class="mainmenu"><img src="templates/subBlack/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a> <a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subBlack/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a> <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subBlack/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a> </span></td>
</tr>
</table></td>
</tr>
</table>
...und nu?

Kann man den Style nicht direkt in die error_body.tpl einbauen? Wenn ja, wie?
Benutzeravatar
Mister_X
Ehemaliges Teammitglied
Beiträge: 7102
Registriert: 24.05.2001 02:00
Wohnort: Augsburg

Beitrag von Mister_X »

dann wirst du bei deinem Style wohl die CSS Datei bearbeiten müssen, suche in dieser Datei mal nach error
Toddo
Mitglied
Beiträge: 76
Registriert: 18.10.2002 00:38

Beitrag von Toddo »

/*
subBlack theme for phpBB version 2+
Created by Gamerhaven
http://www.gamerhaven.com
Based on the original subSilver Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com
*/


/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: #000000;
scrollbar-face-color: #212121;
scrollbar-highlight-color: #404040;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #616161;
scrollbar-arrow-color: #A1A1A1;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #000000;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #FFFFCC; text-decoration: none; }
a:hover { text-decoration: underline; color : #FFFFCC; }
hr { height: 0px; border: solid #CCCCCC 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline { background-color: #000000; border: 1px #212121 solid; }

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


/* Main table cell colours and backgrounds */
td.row1 { background-color: #000000; }
td.row2 { background-color: #212121; }
td.row3 { background-color: #000000; }


/*
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 black background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #000000;
background-image: url(images/cellpic2.jpg);
background-repeat: repeat-y;
}

/* Header cells - the black gradient backgrounds */
th {
color: #CC9900; font-size: 12px; font-weight : bold;
background-color: #000000; height: 25px;
background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-color:#000000; border: #FFCC66; 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: #FFCC66; border-style: solid; height: 25px; }
td.row3Right,td.spaceRow {
background-color: #000000; border: #FFCC66; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom { border-width: 0px 0px 0px 0px; }
th.thTop { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 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 : #FFFFCC;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #FFFFCC; text-decoration: none; }
a.gen,a.genmed,a.gensmall { color: #FFCC00; text-decoration: none; }
a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #FFCC00; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #FFFFCC; text-decoration: none; }


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


/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #FFCC00}
a.cattitle { text-decoration: none; color : #FFCC00; }
a.cattitle:visited { text-decoration: none; color : #FFCC00; }
a.cattitle:hover{ color: #FFFFCC; text-decoration: none; }


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


/* 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 : #FFCC00;}
a.nav { text-decoration: none; color : #FFCC00; }
a.nav:visited { text-decoration: none; color : #FFCC00; }
a.nav:hover { text-decoration: none; color : #FFFFCC; }


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


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #FFCC00;}

/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #FFFFCC; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px; color: #FFFFCC;}
a.postlink:link { text-decoration: none; color : #FFCC00; }
a.postlink:visited { text-decoration: none; color : #FFCC00; }
a.postlink:hover { text-decoration: none; color : #FFFFCC; }


/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #00CC33;
background-color: #616161; border: #BFBFBF; 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: #000000; line-height: 125%;
background-color: #616161; border: #BFBFBF; 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: #FFFFCC; letter-spacing: -1px;}
a.copyright { color: #FFCC00; text-decoration: none;}
a.copyright:link { color : #FFCC00; text-decoration: none;}
a.copyright:visited { color : #FFCC00; text-decoration: none;}
a.copyright:hover { color: #FFFFCC; text-decoration: underline;}


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

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

input { text-indent : 2px; }

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

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

/* None-bold submit button */
input.liteoption {
background-color : #000000;
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 ;)
*/
.helpline { background-color: #212121; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");
...sorry...nichts gefunden...

Aber:
PhilippK hat geschrieben:Der Text hat die Klasse "error", die aber anscheinend bei subSilver nicht definiert ist...
Liegt es vielleicht daran?
Benutzeravatar
Mister_X
Ehemaliges Teammitglied
Beiträge: 7102
Registriert: 24.05.2001 02:00
Wohnort: Augsburg

Beitrag von Mister_X »

@deine Frage: eigentlich hab ich das in der overall_header.tpl von subSilver schon gefunden und du hast ja nen anderen Style als subSilver
Lösung:
in deiner css Datei suche nach

Code: Alles auswählen

.helpline { background-color: #212121; border-style: none; } 
und füge danach ein:

Code: Alles auswählen

.error { background-color: #212121; color: #555555; } 
Farben natürlich noch wie gewünscht anpassen.
Toddo
Mitglied
Beiträge: 76
Registriert: 18.10.2002 00:38

Beitrag von Toddo »

Yes...That´s it!!! Es funzt! Super!

Danke für deine Hilfe!!! :)
Antworten

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