Hintergrundbild der Forenübersicht

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
VolkerF
Mitglied
Beiträge: 254
Registriert: 28.01.2009 21:15

Hintergrundbild der Forenübersicht

Beitrag von VolkerF »

Hallo

Wie man die Hintergrundfarbe ändert bzw. ein Hintergrundbild in einem bestimmten Style wie prosilver etc. integriert weiß ich. Wie kann ich aber in der Forenübersicht, dort wo sich die User registrieren und anmelden, ein Hintergrund änder oder ein Hintergrundbild integrieren. Das ist ja kein bestimmter Style. Leider habe ich dazu keine Antworten gefunden oder ich suche falsch. Wer kann mir einen Tip geben?

Danke Volker
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8191
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: Hintergrundbild der Forenübersicht

Beitrag von Kirk »

Hallo
Die Anmeldemaske in der Forenübersicht kannst in der ./styles/prosilver/theme/common.css änden
und zwar bei: .headerspace {
Für die eigentliche Registrierung ist die ./styles/prosilver/template/ucp_register.html zuständig.
VolkerF
Mitglied
Beiträge: 254
Registriert: 28.01.2009 21:15

Re: Hintergrundbild der Forenübersicht

Beitrag von VolkerF »

Hi Kirk

Ich habe einfach mal ein Testforum erstellt und hier kannst du sehen welchen Hintergrund ich meine. Der gesamte weiße Hintergrund soll durch einem Hintergrundbild ersetzt werden. Wo genau mache ich das? In den von dir genannten Files?

Gruß Volker
Lehrling
Ehemaliges Teammitglied
Beiträge: 3833
Registriert: 15.01.2012 20:00
Kontaktdaten:

Re: Hintergrundbild der Forenübersicht

Beitrag von Lehrling »

ich denke, du meinst den body.

Ersetze die Farbe (müsste ja #ffffff sein) durch

Code: Alles auswählen

 background-image: url("{T_THEME_PATH}/images/deinBild.gif");
VolkerF
Mitglied
Beiträge: 254
Registriert: 28.01.2009 21:15

Re: Hintergrundbild der Forenübersicht

Beitrag von VolkerF »

Hi

Ja, meine ich, nur in welcher Datei. Die mir bekannten Datein bringen keinerlei Veränderung.

Gruß Volker
Lehrling
Ehemaliges Teammitglied
Beiträge: 3833
Registriert: 15.01.2012 20:00
Kontaktdaten:

Re: Hintergrundbild der Forenübersicht

Beitrag von Lehrling »

im Stylesheet.
Das findest du im Ordner theme.

Dort ersetzt du

Code: Alles auswählen

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #323D4F;
	background-color: #FFFFFF;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
}
durch

Code: Alles auswählen

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #323D4F;
         background-image: url("{T_THEME_PATH}/images/deinBild.gif");
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
}
Lehrling
Ehemaliges Teammitglied
Beiträge: 3833
Registriert: 15.01.2012 20:00
Kontaktdaten:

Re: Hintergrundbild der Forenübersicht

Beitrag von Lehrling »

PS:
danach solltest du im ACP dein theme aktualisieren.

Styles - Themes - subsilver2
Dort Aktualisieren anklicken. Vielleicht bringt das den gewünschten Erfolg.
VolkerF
Mitglied
Beiträge: 254
Registriert: 28.01.2009 21:15

Re: Hintergrundbild der Forenübersicht

Beitrag von VolkerF »

Hi

Alles klar, weiß jetzt woran es lag. Ich habe immer in Prosilver rumgefummelt und subsilver2 wars dann :oops: . Danke für eure Hilfe.

Gruß Volker
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8191
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: Hintergrundbild der Forenübersicht

Beitrag von Kirk »

Dein Style ist subsilver2 das ist es ein wenig anders.
Probier mal folgendes (ungetestet)
Die Überschrift zb. Anmelden ist in der stylesheet.css defieniert bei .cat {
Wenn du da auch ein Hintergrundbild haben möchtest, müsstest du eine neue Klasse
in der stylesheet.css einfügen zb. so

Code: Alles auswählen

.cat_login {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #C7D0D7;
	background-image: url('./images/name des bildes');
	text-indent: 4px;
}
Da wo du den Benutzernamen eingibst ist die Klasse row1 in der stylesheet.css
dort gibst auch du eine neue Klasse ein:

Code: Alles auswählen

.row_login {
	background-color: #ECECEC;
	background-image: url('./images/name des bildes');
	padding: 4px;
}
Öffne die index_body.html deines Styles

Finde:

Code: Alles auswählen

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
	<br clear="all" />

	<form method="post" action="{S_LOGIN_ACTION}">

	<table class="tablebg" width="100%" cellspacing="1">
	<tr>
		<td class="cat"><h4><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></h4></td>
	</tr>
	<tr>
		<td class="row1" align="center"><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" name="username" size="10" />&nbsp; <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" name="password" size="10" />&nbsp; <!-- IF S_AUTOLOGIN_ENABLED --> <span class="gensmall">{L_LOG_ME_IN}</span> <input type="checkbox" class="radio" name="autologin" /><!-- ENDIF -->&nbsp; <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" /></td>
	</tr>
	</table>
	{S_LOGIN_REDIRECT}
	{S_FORM_TOKEN}
	</form>
<!-- ENDIF -->
Ersetzen mit:

Code: Alles auswählen

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
	<br clear="all" />

	<form method="post" action="{S_LOGIN_ACTION}">

	<table class="tablebg" width="100%" cellspacing="1">
	<tr>
		<td class="cat_login"><h4><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></h4></td>
	</tr>
	<tr>
		<td class="row_login" align="center"><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" name="username" size="10" />&nbsp; <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" name="password" size="10" />&nbsp; <!-- IF S_AUTOLOGIN_ENABLED --> <span class="gensmall">{L_LOG_ME_IN}</span> <input type="checkbox" class="radio" name="autologin" /><!-- ENDIF -->&nbsp; <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" /></td>
	</tr>
	</table>
	{S_LOGIN_REDIRECT}
	{S_FORM_TOKEN}
	</form>
<!-- ENDIF -->
Edit:
Ich dachte du wolltest nur bei der Anmeldemaske ein Hintergrundbild und nicht im ganzen Forum?
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“