Copyright in two columns

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.
Talk19zehn
Ehemaliger
Beiträge: 4673
Registriert: 08.06.2009 12:03

Re: Copyright in two columns

Beitragvon Talk19zehn » 21.06.2017 13:09

Hello, dein Edit ...

ist ja alles mehr als merkwürdig. Tja, bei mir ist´s auch in der responsiven Ansicht zunächst okay. Was habt ihr denn ggf. konstruiert, - grübel - so von außen ist das für mich leider nicht gänzlich nachvollziehbar.

CSS, welches du nutzt, kannst du nicht grundsätzlich mal eben ändern. Warum? Je nachdem wo du und vor allem wie du das HTML auf dieser Basis anwendest, gar verschachtelst, kann das u.U. nicht funktionieren.

Dann weiß ich auch nicht weiter. :oops:

Grüße

Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 1267
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Copyright in two columns

Beitragvon Tastenplayer » 21.06.2017 18:54

Kein Problem Talk19Zehn - hat mir keine Ruhe gelassen :lol: (Ohne Deine Hilfe hätte es jedoch wohl nie geklappt)
Es ist wohl eben wegen der Formatierung und weil ich den Adminlink aus dem linken Kasten rausschob.
Man schaue hier - dann klappts auch für einen totalen Dummie : http://adamkaplan.me/grid/ Ob es allerdings dann im anderen Forum auch klappt weiss ich nicht. Ist ja vorerst im Styleforum getestet.

Adminlink ist also wieder im linken Kästchen und es klappt jetzt mit jedem Mobilengerät - Übereinander kommt es jetzt nicht mehr!
Komisch aber egal - mit Text linksbündig hatte es nicht geklappt!
Rechte Box muss so gross sein(fast die halbe Wrap Breite) - sonst hat es auch nicht geklappt!
[ externes Bild ]
Minim verschiebt sich die Linke Box nach dem Ausloggen schon nach oben - aber damit muss man wohl leben!

Code: Alles auswählen

.copyright {   
   color: #000000;
   text-align: center;   
}

.keyboardownblock_left {
   float: left;
   margin-top: 40px ;   
   max-width: 550px;
   width: 50%
   height: 52px;
   padding: 10px;
}

.keyboardownblock_right {
   float: right;
   max-width: 650px;
   width: 90%;
   padding: 10px;   
   margin-top: 13px;   
   text-align: center;
}

Ob es nach Norm so korrekt ist, sei dahingestellt - Hauptsache es funktioniert! Bei der Datenschutzrichtlinie muss ich einfach noch den Abstand oben wegmachen. Bleibt wie erwähnt abzuwarten was passiert wenn die anderen Links reinkommen.
Leider seit phpbb 3.1.xx wohl nicht sehr langlebig - in der nächsten phpbb Version dürfte der Style schon wieder nicht mehr passen. Da hat man dann halt vorgesorgt und den Black-Silver-Split praktisch gleich angepasst, anderer Header halt und kein zweiteiliges Copyright :)
Mein Portal: https://www.portal.my-tastenworld.ch/ Mein Forum: https://www.forum.my-tastenworld.ch/
The best online translator comes from Köln DE
Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 1267
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Copyright in two columns

Beitragvon Tastenplayer » 05.07.2017 15:43

Hat geklappt: allerdings muss der keyboardonblock_left eine gewisse Höhe haben, denn sonst wird leider in der responsiven Ansicht der Adminlink überdeckt. Man weiss ja nie was man sich für ein mobil Gerät anschafft(Neukauf wäre längst fällig hab nur einen billigen notfall Ersatz, den auch schon wieder einige Jahre)
Wenn der Text im Block linksbündig ist, geht es bei mir auch nicht.
Jetzt nochmals Links verschoben und geändert - scheint alles okay zu sein.

[ externes Bild ][ externes Bild ](Responisv ist noch von der vorherigen Konfiguration)

common.css

Code: Alles auswählen

.copyright {   
   color: #000000;
   text-align: center;   
}

.keyboardownblock_left {   
    float: left;
    margin-top: 13px;
    max-width: 550px;
    width: 90%;
   height: 135px;       
    padding: 10px;
}

.keyboardownblock_right {
   float: right;
   max-width: 650px;
   width: 90%;
   padding: 10px;   
   margin-top: 15px;   
   text-align: center;
}


color.css

Code: Alles auswählen

.keyboardownblock_left {
   color: #000;
   background-color: #aeaeae;
   background-image: linear-gradient(to bottom, #f1f1f1 0%, #aeaeae 100%);
   background-image: -webkit-linear-gradient(top, #f1f1f1 0%,#aeaeae 100%);
   background-image: linear-gradient(to bottom, #f1f1f1 0%,#aeaeae 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#aeaeae',GradientType=0 );
   border: 5px solid #1D1D1D;
   border-radius: 7px;
}

.keyboardownblock_right {
    color: #000;
    background-color: #aeaeae;
    background-image: linear-gradient(to bottom, #f1f1f1 0%, #aeaeae 100%);
    background-image: -webkit-linear-gradient(top, #f1f1f1 0%,#aeaeae 100%);
    background-image: linear-gradient(to bottom, #f1f1f1 0%,#aeaeae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#aeaeae',GradientType=0 );
    border: 5px solid #1D1D1D;
    border-radius: 7px;
}
(in der color.css musste das copyright gelöscht werden!)

overal_footer.html

Code: Alles auswählen

      <!-- EVENT overall_footer_content_after -->

   <br /></div>

<!-- EVENT overall_footer_page_body_after -->

   <div id="page-footer" class="page-footer" role="contentinfo">
      <!-- INCLUDE navbar_footer.html -->
   <div class="inner">
   <div class="keyboardownblock_left">
      <div class="copyright">
         <!-- EVENT overall_footer_copyright_prepend -->
       {S_TIMEZONE}
       <br>Installierte phpBB Version: 3.2.0
         <br>{CREDIT_LINE}<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<br /><!-- ENDIF -->
         <!-- EVENT overall_footer_copyright_append -->
         <!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
         <br /><a href="{U_PRIVACY}" rel="help">{L_PRIVACY}</a>
       <br><a href="{U_TERMS_USE}" rel="help">{L_TERMS_USE}</a>
       <!-- IF U_ACP --><strong><p align="right"><a href="{U_ACP}">{L_ACP}</a></p></strong><br /><!-- ENDIF -->
      </div>
   </div>
      <div class="keyboardownblock_right">   
         <a href="https://www.sslshopper.com/ssl-checker.html#hostname=https://www.forum.my-tastenworld.ch/"><img title="Click to Verify - This site is secured by Let's Encrypt" src="https://www.my-tastenworld.ch/uploads/images/logo_enscrypt.png" style="width: 230px;"></a><br />
         <br>Style: Keyboard by Tastenplayer <a href="http://www.my-tastenworld.ch/">my-tastenworld.ch</a><br />
       Vielen Dank für die Hilfe bei der Style-Erstellung an Joyce&Luna <a href="http://phpbb-Style-design.de">phpBB-Style-Design</a><br />
       <br><strong>Copyright © 2010 - 2017 MY-TASTENWORLD.CH - All rights reserved.</strong><br />
       <strong><a href="https://koliofotis.ch">Meine private Homepage</a><strong>
      </div>    
   </div>         
      <!-- EVENT overall_footer_copyright_append -->         
   </div>      

      <div id="darkenwrapper" class="darkenwrapper" data-ajax-error-title="{L_AJAX_ERROR_TITLE}" data-ajax-error-text="{L_AJAX_ERROR_TEXT}" data-ajax-error-text-abort="{L_AJAX_ERROR_TEXT_ABORT}" data-ajax-error-text-timeout="{L_AJAX_ERROR_TEXT_TIMEOUT}" data-ajax-error-text-parsererror="{L_AJAX_ERROR_TEXT_PARSERERROR}">
         <div id="darken" class="darken">&nbsp;</div>
      </div>

      <div id="phpbb_alert" class="phpbb_alert" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}">
         <a href="#" class="alert_close">
            <i class="icon fa-times-circle fa-fw" aria-hidden="true"></i>
         </a>
         <h3 class="alert_title">&nbsp;</h3><p class="alert_text"></p>
      </div>
      <div id="phpbb_confirm" class="phpbb_alert">
         <a href="#" class="alert_close">
            <i class="icon fa-times-circle fa-fw" aria-hidden="true"></i>
         </a>
         <div class="alert_text"></div>
      </div>
   </div>

</div>
</div>

<div>
   <a id="bottom" class="anchor" accesskey="z"></a>
   <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

<script type="text/javascript" src="{T_JQUERY_LINK}"></script>
<!-- IF S_ALLOW_CDN --><script type="text/javascript">window.jQuery || document.write('\x3Cscript src="{T_ASSETS_PATH}/javascript/jquery.min.js?assets_version={T_ASSETS_VERSION}">\x3C/script>');</script><!-- ENDIF -->
<script type="text/javascript" src="{T_ASSETS_PATH}/javascript/core.js?assets_version={T_ASSETS_VERSION}"></script>
<!-- INCLUDEJS forum_fn.js -->
<!-- INCLUDEJS ajax.js -->
<!-- IF S_ALLOW_CDN -->
   <script type="text/javascript">
      (function($){
         var $fa_cdn = $('head').find('link[rel="stylesheet"]').first(),
            $span = $('<span class="fa" style="display:none"></span>').appendTo('body');
         if ($span.css('fontFamily') !== 'FontAwesome' ) {
            $fa_cdn.after('<link href="{T_ASSETS_PATH}/css/font-awesome.min.css" rel="stylesheet">');
            $fa_cdn.remove();
         }
         $span.remove();
      })(jQuery);
   </script>
<!-- ENDIF -->

<!-- IF S_COOKIE_NOTICE -->
   <script src="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.js?assets_version={T_ASSETS_VERSION}"></script>
   <script>
      window.addEventListener("load", function(){
         window.cookieconsent.initialise({
            "palette": {
               "popup": {
                  "background": "#0F538A"
               },
               "button": {
                  "background": "#E5E5E5"
               }
            },
            "theme": "classic",
            "content": {
               "message": "{LA_COOKIE_CONSENT_MSG}",
               "dismiss": "{LA_COOKIE_CONSENT_OK}",
               "link": "{LA_COOKIE_CONSENT_INFO}"
            }
         })});
   </script>
<!-- ENDIF -->

<!-- EVENT overall_footer_after -->

<!-- IF S_PLUPLOAD --><!-- INCLUDE plupload.html --><!-- ENDIF -->
{$SCRIPTS}

<!-- EVENT overall_footer_body_after -->
<br />

</body>
</html>

Nicht nur bei den Ext. auch hier beim geteilten Copyright muss man die iPhones im Auge behalten. Schwierig, dass der Text bei diesen Geräten im Block zur Anzeige kommt :)
Mein Portal: https://www.portal.my-tastenworld.ch/ Mein Forum: https://www.forum.my-tastenworld.ch/
The best online translator comes from Köln DE
Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 1267
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Copyright in two columns

Beitragvon Tastenplayer » 02.09.2018 22:20

Ich habe grad einen Abend lang, den zwei Kolonnen Footer an 3.2.3-RC2 angepasst. War ziemlich harzig. Schlussendlich hat es dann geklappt, ich voller Freude. Genau so lange bis die Responsive-Kontrolle kam [ externes Bild ] [ externes Bild ]Vollkrass! :o :cry: Wenn das liebe Responsive nicht wäre....
Mein Portal: https://www.portal.my-tastenworld.ch/ Mein Forum: https://www.forum.my-tastenworld.ch/
The best online translator comes from Köln DE
Be the best version of yourself rather than a bad copy of someone else!

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

Re: phpBB-3.2.3-RC2 Copyright in two columns

Beitragvon Talk19zehn » 03.09.2018 13:02

phpBB-3.2.3-RC2 Copyright in two columns

Hi, vorweg sei angemerkt, dass ich ungern mit einem Release Candidate arbeite. Daher eine Augenblickaufnahme meines *)Tests ...

overall_footer.html jenen Teilbereich gesucht:

Code: Alles auswählen

   <div class="copyright">
      <!-- EVENT overall_footer_copyright_prepend -->
      <p class="footer-row">
         <span class="footer-copyright">{{ CREDIT_LINE }}</span>
      </p>
      <!-- IF TRANSLATION_INFO -->
      <p class="footer-row">
         <span class="footer-copyright">{{ TRANSLATION_INFO }}</span>
      </p>
      <!-- ENDIF -->
      <!-- EVENT overall_footer_copyright_append -->
      <p class="footer-row">
         <a class="footer-link" href="{{ U_PRIVACY }}" title="{{ lang('PRIVACY_LINK') }}" role="menuitem">
            <span class="footer-link-text">Privacy</span>
         </a>
         |
         <a class="footer-link" href="{{ U_TERMS_USE }}" title="{{ lang('TERMS_LINK') }}" role="menuitem">
            <span class="footer-link-text">Terms</span>
         </a>
      </p>
      <!-- IF DEBUG_OUTPUT -->
      <p class="footer-row">
         <span class="footer-info">{{ DEBUG_OUTPUT }}</span>
      </p>
      <!-- ENDIF -->
      <!-- IF U_ACP -->
      <p class="footer-row">
         <a class="footer-link text-strong" href="{{ U_ACP }}">{{ lang('ACP') }}</a>
      </p>
      <!-- ENDIF -->
   </div>


ersetzt mit:

Code: Alles auswählen

<div class="content-footer">
   <div><h3>Was ich noch sagen wollte ....</h3></div>
   <div class="column1">
      <div class="copyright">
         <!-- EVENT overall_footer_copyright_prepend -->
         <p class="footer-row">
            <span class="footer-copyright">{{ CREDIT_LINE }}</span>
         </p>
         <!-- IF TRANSLATION_INFO -->
         <p class="footer-row">
            <span class="footer-copyright">{{ TRANSLATION_INFO }}</span>
         </p>
         <!-- ENDIF -->
         <!-- EVENT overall_footer_copyright_append -->
         <p class="footer-row">
            <a class="footer-link" href="{{ U_PRIVACY }}" title="{{ lang('PRIVACY_LINK') }}" role="menuitem">
               <span class="footer-link-text">Privacy</span>
            </a>
            |
            <a class="footer-link" href="{{ U_TERMS_USE }}" title="{{ lang('TERMS_LINK') }}" role="menuitem">
               <span class="footer-link-text">Terms</span>
            </a>
         </p>
         <!-- IF DEBUG_OUTPUT -->
         <p class="footer-row">
            <span class="footer-info">{{ DEBUG_OUTPUT }}</span>
         </p>
         <!-- ENDIF -->
         <!-- IF U_ACP -->
         <p class="footer-row">
            <a class="footer-link text-strong" href="{{ U_ACP }}">{{ lang('ACP') }}</a>
         </p>
         <!-- ENDIF -->
      </div>
   </div>
   <div class="column2">
      <div class="copyright">
         <p class="footer-row">Drei kurze Worte <a class="footer-link text-strong" href="#">Link 1</a></p>
         <p class="footer-row">Oder so vielleicht.. <a class="footer-link text-strong" href="#">Link 2 hier entlang</a></p>
         <p class="footer-row"><a class="footer-link text-strong" href="#">Link 3 hier geht´s...</a></p>
      </div>
   </div>
</div>


CSS ergänzt um:

Code: Alles auswählen

.content-footer {
   clear: both;
   min-height: 3em;
   overflow: hidden;
   line-height: 1.4em;
   font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   margin: 20px;
   padding-bottom: 1px;
   box-shadow: 0px 0px 14px 4px rgb(6, 18, 32);
}

.content-footer p {
   font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   margin-bottom: 4px;
   line-height: 1.4em;
}

.content-footer h3 {
   text-align: center;
}



*) Sprachvariablen, TWIG etc. fehlen hierin selbstverständlich noch in den HTML-Anpassungen und deshalb -so oder so- unverbindliche Grüße

Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 1267
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Copyright in two columns

Beitragvon Tastenplayer » 03.09.2018 13:38

Hi Talk19zehn, hatte auch nicht erwartet, dass jetzt da jemand gleich den Code hinschreibt :D . Man sah eben nur wieder einmal, was so eine kleine Prosilveränderung/Anpasung für Auswirkungen haben kann.
Schau mir Deine Lösung in den kommenden Tagen einmal genauer an. Bei mir sieht es im Moment halt wieder so aus [ externes Bild ]

Hi, vorweg sei angemerkt, dass ich ungern mit einem Release Candidate arbeite
Ich definitiv auch nicht. Aber, wenn man dann plötzlich einige Styles auf einmal anpassen soll und das auch noch möglichst schnell :D (Den Graphit hab ich seit gestern auch wieder in Bearbeitung https://www.forum.my-tastenworld.ch/download/file.php?id=2075). Deswegen will ich logisch wenigstens meinen eigenen Haupt style schon mal angepasst haben. Denn vielleicht wird es irgendwann sackkompliziert mit der Header Anpassung.
Mein Portal: https://www.portal.my-tastenworld.ch/ Mein Forum: https://www.forum.my-tastenworld.ch/
The best online translator comes from Köln DE
Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 1267
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Copyright in two columns

Beitragvon Tastenplayer » 15.09.2018 12:04

Hi Talk19zehn
Nicht, dass Du meinst es kommt keine Reaktion. Aber leider bin ich überhaupt noch nicht dazu gekommen, den korrekten Inhalt wieder einzufügen. Die Tage sind definitiv zu kurz. Ausserdem hat es jetzt mehr Möglichkeiten der Gestaltung. Das wird happig.
Dein neuer Code ist besser als der Alte 8) [ externes Bild ][ externes Bild ]

Das Vollkrass Copyright :lol: [ externes Bild ][ externes Bild ] Wenn dann links noch der Link De Übersetzung von phpbb.de hinzukommt, dürfte rechts der Text von dem ehemaligen Bild, auch noch hinpassen. Link beim Style ist eigentlich auch überflüssig. Den Rest habe ich in die Overall Header eingefügt.
(Die Legende Ext. scheint immer noch schön brav ihren Dienst zu verrichten. Bleibt abzuwarten, was dann im Zusammenspiel mit den anderen Ext. passiert) Titel Legende müsste eigentlich in die Mitte unter den Titel. Es fehlt definitiv ein Event :)

Edit:Ich bin ja so ein Idi....(Man sollte definitv nichts machen, wenn ganz auf dem Damm ist).
Jetzt hab ich den Copyright Teil top angepasst. Wollte das am Keyboardstyle auch anpassen. Erst jetzt merkte ich, dass da jetzt auch div column eingefügt ist. Die logische Folge meiner Machenschaften am Copyright: Im Style zBsp. beim Profil, ist der ganze Teil verschoben. :oops: Befürchte jetzt allerdings, dass wenn ich diese Div umbenennen, der ganze Teil dann wieder nicht repsonsiv ist. Wirklich sackdumm gelaufen.

Scheint geklappt zu haben und viel schneller als ich dachte. Ich habe das zuerst im Keyboardstyle geändert. Morgen ändere ich das im MyTaste und schaue, ob es denn wirklich so überall stimmt. Danach stelle ich den Code ein. Das dauert allerdings, denn in den Style Dateien herrscht nun das totale Chaos :lol: (Ich habe einfach in der overall_footer. html die columns wieder in keyboardownblock_left und _right umbenannt und dann im responsiven Teil den Code für die columns kopiert und auch umbenannt.
Mein Portal: https://www.portal.my-tastenworld.ch/ Mein Forum: https://www.forum.my-tastenworld.ch/
The best online translator comes from Köln DE
Be the best version of yourself rather than a bad copy of someone else!

Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 1267
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Copyright in two columns

Beitragvon Tastenplayer » 16.09.2018 10:09

Der responsive Teil war etwas müstisch :D . Das Problem war, dass in mobilen Geräten von 1024x768 in der Portrait Ansicht, bereits noch ein winziges neues Stück Bild angezeigt wurde. Jetzt müsste es einigermassen stimmen. Laut responsive Checker eben.

overall_footer.html

Code: Alles auswählen

   <div id="page-footer" class="page-footer" role="contentinfo">
   <!-- INCLUDE navbar_footer.html -->

<div class="content-footer">
   <div><h3>Copyright and more</h3></div>
   <div class="keyboardownblock_left">
      <div class="copyright">
      <!-- EVENT overall_footer_copyright_prepend -->
      <p class="footer-row">
         <span class="footer-copyright">{{ CREDIT_LINE }}</span>
      </p>
      <!-- IF TRANSLATION_INFO -->
      <p class="footer-row">
            <span class="footer-copyright">{{ TRANSLATION_INFO }}</span>
      </p>
      <!-- ENDIF -->
      <!-- EVENT overall_footer_copyright_append -->
      <p class="footer-row">
         <a class="footer-link" href="{{ U_PRIVACY }}" title="{{ lang('PRIVACY_LINK') }}" role="menuitem">
            <span class="footer-link-text">{{ lang('PRIVACY_LINK') }}</span>
         </a>
         |
         <a class="footer-link" href="{{ U_TERMS_USE }}" title="{{ lang('TERMS_LINK') }}" role="menuitem">
            <span class="footer-link-text">{{ lang('TERMS_LINK') }}</span>
         </a>
      </p>
      <!-- IF DEBUG_OUTPUT -->
      <p class="footer-row">
         <span class="footer-info">{{ DEBUG_OUTPUT }}</span>
      </p>
      <!-- ENDIF -->

      </div>
   </div>
   <div class="keyboardownblock_right">
   <div class="copyright">
      <p class="footer-row">Meine phpBB Ecke<a class="footer-link text-strong" href="https://www.forum.my-tastenworld.ch/viewforum.php?f=56"> Styles & More</a></p>
      <p class="footer-row"><a class="footer-link text-strong" href="https://www.sslshopper.com/ssl-checker.html#hostname=https://www.forum.my-tastenworld.ch/">This site is secured by Let's Encrypt</a></p>
      <p class="footer-row">Style MyTaste by Tastenplayer<a class="footer-link text-strong" href="https://phpbb-style-design.de/"> Many thanks to Joyce&Luna</a></p>
       <p class="mytaste">Copyright © 2010 - 2018 MY-TASTENWORLD.CH - All rights reserved.</p>
      </div>
   </div>
</div>
<!-- IF U_ACP -->
      <p class="admin-row">
         <a class="footer-link text-strong" href="{{ U_ACP }}">{{ lang('ACP') }}</a>
      </p>
      <!-- ENDIF -->

       </div>

   <div id="darkenwrapper" class="darkenwrapper" data-ajax-error-title="{L_AJAX_ERROR_TITLE}" data-ajax-error-text="{L_AJAX_ERROR_TEXT}" data-ajax-error-text-abort="{L_AJAX_ERROR_TEXT_ABORT}" data-ajax-error-text-timeout="{L_AJAX_ERROR_TEXT_TIMEOUT}" data-ajax-error-text-parsererror="{L_AJAX_ERROR_TEXT_PARSERERROR}">
      <div id="darken" class="darken">&nbsp;</div>
   </div>


style.css

Code: Alles auswählen

/* footer - copyright
---------------------------------------- */
.copyright {
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   padding: 10px;
}

.footer-row {
   font-size: 12px;
   line-height: 1.8;
   margin: 0;
   text-align: center;
}

.keyboardownblock_left {
   float: left;
   clear: left;
   width: 49%;
   padding-bottom: 20px;
}

.keyboardownblock_right {
   float: right;
   clear: right;
   width: 49%;
   margin-top: 29px;
}

.content-footer {
   font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   background-color: #000;
   background-image: url("./images/copyright.jpg");
   border-top: 5px solid #395F93;
   border-bottom: 5px solid #395F93;
   border-radius: 7px;
   clear: both;
   min-height: 3em;
   overflow: hidden;
   line-height: 1.4em;
   box-shadow: 0 0 0 1px #000, 0 0 0 2px #006fa0, 0 0 0 3px #444, 0 0 0 4px #000;
   -moz-box-shadow: 0 0 0 1px #000, 0 0 0 2px #006fa0, 0 0 0 3px #444, 0 0 0 4px #000;
   -webkit-shadow: 0 0 0 1px #000, 0 0 0 2px #006fa0, 0 0 0 3px #444, 0 0 0 4px #000;
   margin: 3px;
   padding: 5px 10px 3px 10px;
}

.content-footer p {
   font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   margin-bottom: 4px;
   line-height: 1.4em;
   color: #ADADAD;
}

.content-footer h3 {
   color: #ADADAD;
   font-size: 1.2em;
   text-align: center;
   text-decoration: none;
   text-shadow: 1px 1px 1px #000, 2px 2px 1px #CCAE71;
   margin-top: 6px;
   margin-bottom: -3px;
}

p.admin-row {
   margin-top: 10px;
   margin-bottom: 0;
   text-align: center;
}

p.mytaste{
   color: #CCAE71;
   font-weight: bold;
   font-size: 12px;
   margin-top: 14px;
}

@media (max-width: 700px) {
   .keyboardownblock_left, .keyboardownblock_right {
      float: none;
      width: auto;
   }
}

@media (max-width: 700px) {
   .keyboardownblock_right {
      margin-top: 3px;
   }
}

@media (max-width: 1024px) {
   .keyboardownblock_left {
      padding-bottom: 5px !important;
   }
}

[ externes Bild ] [ externes Bild ]
Mein Portal: https://www.portal.my-tastenworld.ch/ Mein Forum: https://www.forum.my-tastenworld.ch/
The best online translator comes from Köln DE
Be the best version of yourself rather than a bad copy of someone else!

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

Re: Copyright in two columns

Beitragvon Talk19zehn » 16.09.2018 17:31

Hallöchen, anhand der Grafiken hast du dein Konzept sauber hinbekommen. Sorry, ich war nicht am werkeln in Sachen phpBB und nur zeitweise online. Zwar weiß ich nicht, was du mit krass oder voll krass meintest, da die Bedeutungen im Sprachgebrauch durchaus voneinander -angedacht- abweichen könnten.

Zumindest wird dir das geeignete Konzept je Webseitenauftritt einfallen. Da bin ich mir ziemlich sicher. :wink:

LG

BTW: Die Viewlegend gibt´s auch für phpbb 3.2.x.

Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 1267
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: Copyright in two columns

Beitragvon Tastenplayer » 16.09.2018 21:37

BTW: Die Viewlegend gibt´s auch für phpbb 3.2.x.
Ich hab immer noch die alte Version. :-?

Mit Vollkrass meinte ich, den Hintergrund aus dem Headerbild :lol:

Off Topic:
Sorry, ich war nicht am werkeln in Sachen phpBB
Wäre besser gewesen, ich hätte auch nichts gemacht. Habe heute den ganzen Tag nach einem Copyright Background für den Silver Xmas gesucht. Ist nichts dabei rausgekommen. War vermutlich eine doofe Idee, es sieht alles sche...aus zu dem Headerbild. Jetzt habe ich Geschenkpaket - aber leider sieht man immer nur den linken Teil im Responsiven :lol: [ externes Bild ]
Mein Portal: https://www.portal.my-tastenworld.ch/ Mein Forum: https://www.forum.my-tastenworld.ch/
The best online translator comes from Köln DE
Be the best version of yourself rather than a bad copy of someone else!


Zurück zu „Styles, Templates und Grafiken“