[3.2.0] Style -Silver-Blue- suche Registrierungsbild

[Melmac]

Wenn Du phpBB- Dateien bearbeiten willst, solltest Du dabei einige Hinweise beachten und auch die richtigen Werkzeuge hierfür verwenden.
Infos hierzu findest Du z.B. in folgenden KB-Artikeln:

• Wie man phpBB-Dateien richtig bearbeitet
• Werkzeuge, um dein phpBB-Board zu modifizieren und anzupassen

[Black Jack]

Ich habe das so verstanden das dort normal ein Bild wäre, was aber in meinem Style nicht vorhanden ist

Er möchte da eins hinein packen, das ist ja dann was ganz anderes.
Alles was du an diesem Style veränderst, solltest du dir dokumentieren.
Denn sollte es eine gravierende Veränderung in phpBB geben und du muss den Style updaten, dann hast du alle Veränderungen die du gemacht hast direkt parat liegen.
Dann muss du nicht lange suchen.
Den Style an jeder phpBB Version an zu passen, das muss du allein übernehmen.

Anke

Hab noch mal ein neues Bild gemacht, aber vielleicht finde ich auch eine simplere Lösung dafür.

[ externes Bild ]

Danke Anke

[Melmac]

Nur mal eine Frage: steht dies in einem Zusammenhang mit Deinem anderen "Script"-Thema hier?
Beschreibe doch einfach einmal, was genau Du dort angezeigt bekommen möchstest und was dieses dann bewirken soll - über das wie (oder auch: über einen vielleicht besser geeigneten Ansatz) kann dann immer noch geredet werden

[Black Jack]

Nur mal eine Frage: steht dies in einem Zusammenhang mit Deinem anderen "Script"-Thema hier?
Beschreibe doch einfach einmal, was genau Du dort angezeigt bekommen möchstest und was dieses dann bewirken soll - über das wie (oder auch: über einen vielleicht besser geeigneten Ansatz) kann dann immer noch geredet werden

Nein Melmac, das ist ein anderes Thema, welches auch jetzt z.zt keine Prio, mehr hat..Danke für die Links, super.
Ich werd jetzt erst mal in aller Ruhe versuchen mich auf eine Sache, step by Step zu fokosieren, so schwer es auch fallen mag 0

Vielen Dank an alle hier! und schöne Grüße

[Talk19zehn]

Hello Black Jack, nicht für ein Liveboard gedacht! Bitte in der lokalen Testumgebung probieren. Bevor ich meinen Test nun entsorge, gebe ich ihn dir mal herein. Dies ist nun nur eine Variation der ucp_register.html: [3.2] --> (!) zum Thema "suche Registrierungsbild" ...
und nicht erneut validert, kontrolliert. Seinerzeit war alles soweit ich sah, in Ordnung. Faktisch unverbindlich, da sich Browser und auch dein Konzept etc. inzwischen anders verhalten könnte(n). Fehlerchen meinerseits dennoch aus heutiger Sicht nicht ausgeschlossen. Die Tempaltes und das CSS funktionieren nur, wenn du sie jeweils einpflegst. (Eine Sicherung deiner Dateien zuvor bitte nicht vergessen.)

ucp_register.html:

Code: Alles auswählen

<!-- INCLUDE overall_header.html -->

<script type="text/javascript">
// <![CDATA[
   /**
   * Change language
   */
   function change_language(lang_iso)
   {
      document.cookie = '{COOKIE_NAME}_lang=' + lang_iso + '; path={COOKIE_PATH}';
      document.forms['register'].change_lang.value = lang_iso;
      document.forms['register'].submit.click();
   }
// ]]>
</script>

<form id="register" method="post" action="{S_UCP_ACTION}"{S_FORM_ENCTYPE}>

<div class="panel">
	<div class="inner">
		<h2>{SITENAME} - {L_REGISTRATION}</h2>
		<div class="column1">
			<fieldset class="fields2">
			<!-- IF ERROR --><dl><dd class="error">{ERROR}</dd></dl><!-- ENDIF -->
			<!-- IF L_REG_COND -->
				<div><p><strong>{L_REG_COND}</strong></p></div>
			<!-- ENDIF -->
			<!-- EVENT ucp_register_credentials_before -->
			<dl>
				<dt><label for="username">{L_USERNAME}{L_COLON}</label><span><br />{L_USERNAME_EXPLAIN}</span></dt>
			<dd>&nbsp;</dd>
			</dl>
			<dl>
				<dt><input type="text" tabindex="1" name="username" id="username" size="25" value="{USERNAME}" class="inputbox autowidth" title="{L_USERNAME}" /></dt>
			<dd>&nbsp;</dd>
			</dl>
			<dl>
				<dt><label for="email">{L_EMAIL_ADDRESS}{L_COLON}</label></dt>
			<dd>&nbsp;</dd>
			</dl>
			<dl>
				<dt><input type="email" tabindex="2" name="email" id="email" size="25" maxlength="100" value="{EMAIL}" class="inputbox autowidth" title="{L_EMAIL_ADDRESS}" autocomplete="off" /></dt>
			<dd>&nbsp;</dd>
			</dl>
			<dl>
				<dt><label for="new_password">{L_PASSWORD}{L_COLON}</label><span><br />{L_PASSWORD_EXPLAIN}</span></dt>
			<dd>&nbsp;</dd>
			</dl>
			<dl>
				<dt><input type="password" tabindex="4" name="new_password" id="new_password" size="25" value="{PASSWORD}" class="inputbox autowidth" title="{L_NEW_PASSWORD}" autocomplete="off" /></dt>
			<dd>&nbsp;</dd>
			</dl>
			<dl>
				<dt><label for="password_confirm">{L_CONFIRM_PASSWORD}{L_COLON}</label></dt>
			<dd>&nbsp;</dd>
			</dl>
			<dl>
				<dt><input type="password"  tabindex="5" name="password_confirm" id="password_confirm" size="25" value="{PASSWORD_CONFIRM}" class="inputbox autowidth" title="{L_CONFIRM_PASSWORD}" autocomplete="off" /></dt>
			<dd>&nbsp;</dd>
			</dl>

			<!-- EVENT ucp_register_credentials_after -->
			<hr />

			<!-- EVENT ucp_register_options_before -->
			<dl>
				<dt><label for="lang">{L_LANGUAGE}{L_COLON}</label></dt>
			<dd>&nbsp;</dd>
			</dl>
			<dl>  
				<dt><select name="lang" id="lang" onchange="change_language(this.value); return false;" tabindex="6" title="{L_LANGUAGE}">{S_LANG_OPTIONS}</select></dt>
			<dd>&nbsp;</dd>
			</dl>

			<!-- INCLUDE timezone_option.html -->

			<!-- EVENT ucp_register_profile_fields_before -->
			<!-- IF .profile_fields -->
				<dl><dd><strong>{L_ITEMS_REQUIRED}</strong></dd></dl>

			<!-- BEGIN profile_fields -->
				<dl>
					<dt><label<!-- IF profile_fields.FIELD_ID --> for="{profile_fields.FIELD_ID}"<!-- ENDIF -->>{profile_fields.LANG_NAME}{L_COLON}<!-- IF profile_fields.S_REQUIRED --> *<!-- ENDIF --></label></dt>
				</dl>

			<!-- IF profile_fields.LANG_EXPLAIN --><dl><dt><span><br />{profile_fields.LANG_EXPLAIN}</span></dt><dd>&nbsp;</dd></dl><!-- ENDIF -->
					<!-- IF profile_fields.ERROR --><dl><dt><span class="error"><br />{profile_fields.ERROR}</span></dt><dd>&nbsp;</dd></dl><!-- ENDIF -->
				<dl>
					<dd>{profile_fields.FIELD}</dd>
				</dl>
			<!-- END profile_fields -->
			<!-- ENDIF -->

			<!-- EVENT ucp_register_profile_fields_after -->
			</fieldset>
		</div>

		<div class="column2" style="border-left: 1px solid;">
			<div style="clear: both;"></div>
			<div>
				<div class="inner">
					<div style="padding: 12px;">
					<p>
						Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
					</p>
					<p>
						Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. <br />Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
					</p>
					</div>
				</div>
					<div style="padding: 8px">
						<div class="inner">
							<br />
								<div class="registertextbg">Willkommen in unserem Forum</div>
							<br />
						</div>
					</div>
			</div>
		</div>
	</div>
</div>
<div style="clear: both;"></div>

<!-- IF CAPTCHA_TEMPLATE -->
	<!-- DEFINE $CAPTCHA_TAB_INDEX = 8 -->
	<!-- INCLUDE {CAPTCHA_TEMPLATE} -->
<!-- ENDIF -->

<!-- IF S_COPPA -->
<div class="panel">
	<div class="inner">
		<h4>{L_COPPA_COMPLIANCE}</h4>
		<p>{L_COPPA_EXPLAIN}</p>
	</div>
</div>
<!-- ENDIF -->

<!-- EVENT ucp_register_buttons_before -->

<div class="panel">
	<div class="inner">
	<fieldset class="submit-buttons">
		{S_HIDDEN_FIELDS}
		<input type="reset" value="{L_RESET}" name="reset" class="button2" />&nbsp;
		<input type="submit" tabindex="9" name="submit" id="submit" value="{L_SUBMIT}" class="button1 default-submit-action" />
		{S_FORM_TOKEN}
	</fieldset>
	</div>
</div>
</form>

<!-- INCLUDE overall_footer.html -->

Und das ist folglich eine Variation der timezone_option.html:

Code: Alles auswählen

<dl>
	<dt><label for="timezone">{L_BOARD_TIMEZONE}{L_COLON}</label></dt>
	<dd>&nbsp;</dd>
</dl>
<dl>
	<!-- IF .timezone_date -->
	<dt id="tz_select_date" style="display: none;">
		<select name="tz_date" id="tz_date" class="autowidth tz_select">
			<option value="">{L_SELECT_CURRENT_TIME}</option>
			<!-- BEGIN timezone_date -->
				<option value="{timezone_date.VALUE}"<!-- IF timezone_date.SELECTED --> selected="selected"<!-- ENDIF -->>{timezone_date.TITLE}</option>
			<!-- END timezone_date -->
		</select>
		<input type="button" id="tz_select_date_suggest" class="button2" style="display: none;" timezone-preselect="<!-- IF S_TZ_PRESELECT -->true<!-- ELSE -->false<!-- ENDIF -->" data-l-suggestion="{L_TIMEZONE_DATE_SUGGESTION}" value="{L_TIMEZONE_DATE_SUGGESTION}" />
	</dt>
	<dd>&nbsp;</dd>
	<!-- ENDIF -->
</dl>
<dl>
	<dt>
		<select name="tz" id="timezone" class="autowidth tz_select timezone">
			<option value="">{L_SELECT_TIMEZONE}</option>
			<!-- BEGIN timezone_select -->
			<optgroup label="{timezone_select.LABEL}" data-tz-value="{timezone_select.VALUE}">
				<!-- BEGIN timezone_options -->
				<option title="{timezone_select.timezone_options.TITLE}" value="{timezone_select.timezone_options.VALUE}"<!-- IF timezone_select.timezone_options.SELECTED --> selected="selected"<!-- ENDIF -->>{timezone_select.timezone_options.LABEL}</option>
				<!-- END timezone_options -->
			</optgroup>
			<!-- END timezone_select -->
		</select>
		<!-- INCLUDEJS timezone.js -->
	</dt>
	<dd>&nbsp;</dd>
</dl>

Das ist ein wenig CSS:

Code: Alles auswählen

.registertextbg {
	background: #010123 url("./images/registerbg238x118.png");
	color: #FFFFFF;
	border-radius: 5px;
	line-height: 120px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background-repeat: no-repeat;
}

... und das Bildchen registerbg238x118.png ist anzulegen (Maße/Format bitte beachten):
----> registerbg238x118.png

Lag hier schon so lang in der Schublade und ist evtl. noch oder zukünftig ggf. in anderer Weise brauchbar und dient nur als Entwurf(!!). Ist nicht erneut getestet, da phpBB inzwischen in der System-Version fortgeschritten ist. Wir haben bereits 3.2.1.
Bitte stets in den Templates (Ver)Änderungen (phpBB-System-Versionen) sichten und eigenverantwortlich einpflegen. Evtl. schreibt ein Dritter ja eine Extension oder die Style-Autorin nimmt sich der Sache an. Ich könnte mir vorstellen, dass darauf eine Ext in abgewandelter Form des Entwurfs aufgebaut werden könnte / würde.

LG und dir ein schönes kommendes WE(!!)