[3.2.0] Style -Silver-Blue- suche Registrierungsbild

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.1/3.2, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Benutzeravatar
Melmac
Supporter
Supporter
Beiträge: 2069
Registriert: 15.10.2012 03:27

Re: [3.2.0] Style -Silver-Blue- suche Registrierungsbild

Beitragvon Melmac » 12.02.2017 16:21

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:

Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)

Benutzeravatar
Black Jack
Mitglied
Beiträge: 195
Registriert: 03.02.2017 03:26

Re: [3.2.0] Style -Silver-Blue- suche Registrierungsbild

Beitragvon Black Jack » 12.02.2017 19:53

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

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 :)
Profi Le·g·as·the̱·ni·ker
Der Sinn des Lebens ist der, den Du ihm gibst ♥
Danke Euch sehr :wink: MTM Forum

Benutzeravatar
Melmac
Supporter
Supporter
Beiträge: 2069
Registriert: 15.10.2012 03:27

Re: [3.2.0] Style -Silver-Blue- suche Registrierungsbild

Beitragvon Melmac » 12.02.2017 20:11

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 :wink:
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)

Benutzeravatar
Black Jack
Mitglied
Beiträge: 195
Registriert: 03.02.2017 03:26

Re: [3.2.0] Style -Silver-Blue- suche Registrierungsbild

Beitragvon Black Jack » 13.02.2017 18:08

Melmac hat geschrieben: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 :wink:


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 :wink:0

Vielen Dank an alle hier! und schöne Grüße
Profi Le·g·as·the̱·ni·ker
Der Sinn des Lebens ist der, den Du ihm gibst ♥
Danke Euch sehr :wink: MTM Forum

Talk19zehn
Ehemaliger
Beiträge: 4345
Registriert: 08.06.2009 12:03

Re: [3.2.0] Style -Silver-Blue- suche Registrierungsbild

Beitragvon Talk19zehn » 18.10.2017 21:28

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). :wink: 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: 8)

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

:oops: 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. 8)

LG und dir ein schönes kommendes WE(!!)
Angaben stets ohne Gewähr, da von vielfachen Konstrukten abhängig.


Zurück zu „Styles, Templates und Grafiken“