Changeset 567 in t29-www


Ignore:
Timestamp:
Jun 5, 2014, 11:54:38 PM (5 years ago)
Author:
sven
Message:

Den Footer implementiert, der seit langem unter das Design
gehört.

Ausserdem: Beam-Navigation angetestet.

Files:
4 edited

Legend:

Unmodified
Added
Removed
  • lib/template.php

    r561 r567  
    399399                $show_rel_prev = in_array('show-rel-prev', $this->current_link_classes);
    400400               
     401                // Footer-String, um Footer je nach Footer-Menue "da" oder "nicht da" einbinden zu koennen
     402                $footer_text = <<<FOOTER
     403               
     404FOOTER;
    401405        ?>
    402406    <footer class="in-sheet <?php if(!$print_footer_menu) print "empty-footer"; ?>">
     
    404408                        <!-- hier wird nav.side die Liste per JS reinkopiert -->
    405409                </nav>
    406                 <nav class="rel clearfix">
     410                <nav class="rel clearfix <?php if(!$print_footer_menu) print "empty"; ?>">
    407411                <ul>
    408412                        <?php
     
    424428                </ul>
    425429                </nav>
     430                <?php
     431                        // packe Bigfooter bei leerem Footer-Menue in footer.in-sheet
     432                        if(!$print_footer_menu)
     433                                $this->print_footer_text();
     434                ?>
    426435                <div class="right">
    427436                        <!-- text der rechts unten steht -->
     
    430439  </div> <!--! end of #container -->
    431440  <footer class="attached">
    432     <div class="legacy"><?php $p('footer-legacy-text'); ?></div>
    433         <!--
    434         <ul class="clearfix">
    435         <li class="logo">
    436                 <a href="<?php $href($p('footer-legal-file')); ?>" class="img" title="technikum29 Logo">Logo</a>
    437                 <p><?php $p('footer-copyright-tag'); ?>
    438                    <br><?php printf('<a href="%s">%s</a>', $href($_('footer-legal-file')), $_('footer-legal-link')); ?>
    439                 </p>
    440         </li>
    441         <li class="copy">
    442                 <a href="<?php $href($p('footer-legal-file')); ?>#image-copyright" class="img">CC</a>
    443                 <p>Viele Bilder können unter einer <a href="<?php $href($p('footer-legal-file')); ?>#image-copyright">CreativeCommons-Lizenz</a>
    444                    verwendet werden. <a href="<?php $href($p('footer-legal-file')); ?>#image-copyright">Erkundigen Sie sich</a>.</p>
    445         </li>
    446         </ul>
    447         -->
     441    <!--<div class="legacy"><?php $p('footer-legacy-text'); ?></div>-->
    448442        <?php
     443                // packe Bigfooter bei gefuelltem footer.in-sheet nach footer.attached.
     444                if($print_footer_menu)
     445                        $this->print_footer_text();
     446       
    449447                // pending log messages
    450448                if(!$this->log->is_empty()) {
     
    455453        ?>
    456454  </footer>
    457 </div><!-- end of div id="footer-background-container" helper -->
     455<?php /*</div><!-- end of div id="footer-background-container" helper -->*/ // seems misplaced ?>
    458456
    459457  <?php /* JavaScript at the bottom for fast page loading */ ?>
     
    474472        } // function print_footer()
    475473       
     474        /**
     475         * Den "Bigfooter"-Text ausgeben.
     476         * Hilfsfunktion fuer print_footer().
     477         * (Grund: Implementierung als langer String in print_footer() ist unbequem)
     478         **/
     479        private function print_footer_text() {
     480                $p = $this->msg->get_shorthand_printer(); // t29Messages gettext printer
     481                $_ = $this->msg->get_shorthand_returner(); // t29Messages gettext
     482                $href = $this->conf['host']->get_shorthand_link_returner(); // t29Host link rewriter
     483               
     484                ?><div class="bigfooter">
     485                    <ul class="clearfix">
     486                        <li class="logo"><a href="<?php print $href($_('footer-legal-file')); ?>" class="clearfix"><!-- FIXME: clearfix should be semantically performed -->
     487                                <i title="technikum29 Logo">Logo</i>
     488                                <span class="p"><?php $p('footer-copyright-tag'); ?>
     489                                <br><u><?php $p('footer-legal-link'); ?></u>
     490                                </span>
     491                        </a></li>
     492                        <li class="copy"><a href="<?php print $href($_('footer-legal-file')); ?>#image-copyright" class="clearfix">
     493                                <i>CC</i>
     494                                <span class="p">Viele Bilder können unter einer <u>CreativeCommons-Lizenz</u>
     495                                verwendet werden. <u>Erkundigen Sie sich</u>.</span>
     496                        </a></li>
     497                    </ul>
     498                </div><?php
     499        }
     500       
    476501        // Hilfsfunktionen
    477502        private function relational_link_to_string($a) {
  • shared/css-v6/modules/13-footer.css

    r436 r567  
    2121        background: transparent url("/shared/img-v6/line.header-footer.png") top left repeat-x;
    2222        /* bgcolor was #f1f1f1  - transparent gesetzt um nur an einer stelle die farbe austauschen zu muessen */
     23       
     24        /* "Hacky" bugfix, um "Menue einblenden"-Button zu uebertuenchen: Doch farbe setzen */
     25        background-color: #f7f7f7;
    2326}
    2427
     
    115118}
    116119
     120/* Guide-Nav Juni 2014 revisited: Mittlerweile hat sich so viel geaendert, dass
     121 * ein paar Anpassungen/Ausblendungen noetig sind. Moeglicherweise ist das hier nicht
     122 * ganz sauber sondern sollte im CSS gemacht werden:
     123 */
     124nav.guide li.button-box {
     125        display: none;
     126}
     127
    117128/*nav.guide .current > a > .text { color: #40a8e2; }*/
    118129
     
    122133        margin: 26px 70px 0;
    123134        width: 800px;
     135}
     136
     137nav.rel.empty {
     138        /* Do not take space - bigfooter will take it  */
     139        display: none;
    124140}
    125141
     
    240256        /* @embed */ background: #307588 url("/shared/img-v6/bg-v2.body-footer.png") top left repeat-x;
    241257        margin-top: -122px;
    242         padding: 122px 122px 10px;
     258        padding: 130px 0 30px;
    243259       
    244260        color: white;
     
    252268}
    253269
    254 footer.attached ul {
    255         width: 1170px;
    256         margin: 10px auto 20px;
     270footer.attached div.bigfooter {
     271        max-width: 1200px;
     272        margin: 0 auto;
     273}
     274
     275footer.attached div.bigfooter ul {
     276        padding-left: 40px;
     277}
     278
     279footer.in-sheet div.bigfooter {
     280        padding-left: 30px;
     281        padding-top: 20px; /* sheet: 40px padding */
     282}
     283
     284div.bigfooter {
     285        /* body ist 13, #content 15 */
     286        font-size: 14px;
     287}
     288
     289/* Bigfooter, der wahlweise nach footer.attached oder footer.in-sheet kommt */
     290
     291footer div.bigfooter ul {
     292        /*width: 1170px;*/
     293        /*margin: 10px auto 20px;*/
    257294        /* padding: 0 20px; *//* ueberfluessig, Breite allein reguliert schon */
    258295}
    259296
    260 footer.attached li {
    261         width: 370px;
     297footer div.bigfooter li {
     298        width: 390px;
    262299        margin-right: 10px;
    263300        float: left;
    264301}
    265302
    266 footer.attached a:link, footer.attached a:visited {
     303footer div.bigfooter a {
     304        display: block;
     305        padding: 10px;
     306       
     307        /* optionaler Effekt: Beim Hovern nicht ueber "ganze Breite" gehen */
     308        display: inline-block;
     309}
     310
     311footer div.bigfooter a:link, footer div.bigfooter a:visited {
     312        text-decoration: none;
     313        color: inherit;
     314}
     315
     316footer.attached div.bigfooter a:hover {
     317        background-color: rgba(255,255,255,.1);
     318        /* ganz subtiler Schatten */
     319        box-shadow: 0 3px 10px rgba(255, 255, 255, 0.05);
     320}
     321
     322footer.in-sheet div.bigfooter a:hover {
     323        background-color: white;
     324}
     325
     326footer.attached div.bigfooter a:link u, footer.attached div.bigfooter a:visited u {
    267327        color: #BAF1FF;
    268328}
    269329
    270 footer.attached a:hover {
     330footer.in-sheet div.bigfooter a:link u, footer.in-sheet div.bigfooter a:visited u {
     331        color: #205B6B;
     332}
     333
     334footer.attached div.bigfooter a:hover u, footer.attached div.bigfooter a:focus u {
    271335        color: #3DD8FF;
    272336}
    273337
    274 footer.attached a.img {
     338footer.in-sheet div.bigfooter a:hover u, footer.in-sheet div.bigfooter a:focus u {
     339        color: #882224;
     340}
     341
     342footer div.bigfooter i {
    275343        display: block;
    276344        float: left;
     
    278346}
    279347
    280 footer.attached p {
     348footer div.bigfooter span.p {
     349        display: block;
    281350        margin-left: 80px;
    282351        margin-top: 0px;
     
    285354
    286355
    287 footer.attached li.logo a.img {
    288         background-image: url("/shared/img-v6/logo.footer.png");
    289         width: 46px; height: 59px;
    290 }
    291 footer.attached li.logo p { margin-left: 60px; }
    292 
    293 footer.attached li.copy a.img {
    294         background-image: url("/shared/img-v6/cc-icon2.png");
     356footer div.bigfooter li.logo i {
     357        /* @embed */ background-image: url("/shared/img-v6/logo.footer.png");
     358        width: 36px; height: 46px;
     359}
     360footer.in-sheet div.bigfooter li.logo i {
     361        /* @embed */ background-image: url("/shared/img-v6/logo-dark.footer.png");
     362}
     363
     364footer div.bigfooter li.logo span.p {
     365        margin-left: 47px;
     366        margin-top: 7px;
     367}
     368
     369footer div.bigfooter li.copy {
     370        width: 510px;
     371}
     372
     373footer div.bigfooter li.copy i {
     374        /* @embed */ background-image: url("/shared/img-v6/cc-icon2.png");
    295375        width: 100px; height: 42px;
    296 }
    297 footer.attached li.copy p { margin-left: 110px; }
     376        opacity: .4; /* Todo: Unauffaelligeres Logo finden */
     377}
     378footer div.bigfooter li.copy span.p {
     379        margin-left: 110px;
     380        margin-top: 5px;
     381}
    298382
    299383
  • shared/js-v6/modules/menu.js

    r561 r567  
    329329        // Beam nur anzeigen wenn auf Seite, die auch in der Beamnavigation drin ist,
    330330        // sprich Seitenleiste.
    331         if(t29.conf['seite_in_nav'] != t29.menu.side.attr('class'))
    332                 return;
     331        if(!t29.menu.side.hasClass( t29.conf['seite_in_nav'] ))
     332                return false;
    333333
    334334        // Zentraler Hauptschritt: Das Menue ab oberster Ebene klonen und im Footer dranhaengen,
     
    338338        g.find("ul").show(); // durch t29.menu.collapse.setup wurden die .u3er auf hide gesetzt. Revert!
    339339        g.find(".geraete").remove(); // geraete-Links nicht anzeigen
     340        g.find("ul.u2 > li > a").remove(); // Ueberschriften entfernen
    340341       
    341342
Note: See TracChangeset for help on using the changeset viewer.
© 2008 - 2013 technikum29 • Sven Köppel • Some rights reserved
Powered by Trac
Expect where otherwise noted, content on this site is licensed under a Creative Commons 3.0 License