Changeset 565 in t29-www


Ignore:
Timestamp:
Jun 5, 2014, 2:48:12 PM (10 years ago)
Author:
sven
Message:

Diskutiertes Design der Neuigkeiten-Seite umgesetzt.

Files:
2 edited

Legend:

Unmodified
Added
Removed
  • de/news.php

    r562 r565  
    3737        <p>Damit alle die öfters unsere Homepage besuchen einen schnellen Einblick in Neuigkeiten und Erweiterungen haben, wurde diese Rubrik eingeführt. Das Neueste steht ganz oben.</p>
    3838
    39 <ul class="news-feed">
     39<ul class="news-feed news-ng">
    4040
    41 <li><h3>Juni 2014</h3>
    42 <div class="box left clear-after">
     41<li><a href="http://www.kunst-stoff.fr/tresorraum/wir-die-iborgs/">
     42        <h3>Juni 2014</h3>
    4343        <img src="/shared/photos/rechnertechnik/tuebingen.jpg" width="153" height="149" />
     44        Unser Lochkartenstanzer IBM029 ist auf Reisen: In Tübingen steht er als Rhythmusgerät und zur
     45        Einbindung in Kunstobjekte für das Event <em>Notizen zum Digitalen: Wir, die #iBorgs</em>
     46        der Ausstellung im <em>Kunstamt Tübingen</em> als Leihgabe zur Verfügung.
     47</a></li>
    4448
    45 Unser Lochkartenstanzer IBM029 ist auf Reisen: In Tübingen steht er als Rhythmusgerät und zur Einbindung in Kunstobjekte für den Event "Notizen zum Digitalen" von: ***Wir, die #iBorgs*** als Leihgabe zur Verfügung.<br>
    46 Hier der Link zur Ausstellung:
    47 <a href="http://www.kunst-stoff.fr/tresorraum/wir-die-iborgs/"> <b>Kunstamt Tübingen</b></a>
     49<li><a href="/de/rechnertechnik/ibm1130.php#1130">
     50        <h3>Mai 2014</h3>
     51        <img src="/shared/photos/rechnertechnik/facit4000.jpg" width="352" height="137" />
     52        Peripherie der 1130: Facit-Lochstreifengeräte.
     53</a></li>
    4854
    49 <li><h3>Mai 2014</h3>
    50 <div class="box left clear-after">
    51         <img src="/shared/photos/rechnertechnik/facit4000.jpg" width="352" height="137" />
    52                
    53                 Peripherie der 1130: Facit-Lochstreifengeräte <a href="/de/rechnertechnik/ibm1130.php#1130"><br>
    54                 <b>siehe hier</b></a>
    55                 </div>
    56 
    57 <li><h3>Januar 2014</h3>
    58 <div class="box left clear-after">
     55<li><a href="/de/rechnertechnik/ibm1130.php#1130">
     56        <h3>Januar 2014</h3>
    5957        <img src="/shared/photos/rechnertechnik/ibm-1130.jpg" alt="IBM 1130" width="225" height="194" />
    60                
    61                 IBM 1130, eine neue Herausforderung: <a href="/de/rechnertechnik/ibm1130.php#1130"><br>
    62                 <b>lesen Sie hier weiter</b></a>
    63                 </div>
     58        IBM 1130, eine neue Herausforderung.
     59</a></li>
    6460
    6561
    6662
    67 <li><h3>Dezember 2013</h3>
    68 
    69 <div class="box left clear-after">
     63<li><a href="/de/rechnertechnik/lochkarten-edv.php#doppler">
     64        <h3>Dezember 2013</h3>
    7065        <img src="/shared/photos/rechnertechnik/ibm-514.jpg" alt="IBM 514" width="225" height="195" />
    71                
    72                 Neuzugang: Ein schöner Lochkartendoppler aus der Frühzeit der EDV <a href="/de/rechnertechnik/lochkarten-edv.php#doppler"><br>
    73                 <b>lesen Sie hier</b></a>
    74                 </div>
     66        Neuzugang: Ein schöner Lochkartendoppler aus der Frühzeit der EDV.
     67</a></li>
    7568       
    7669
    77 <li><h3>September 2013</h3>
    78 <div class="box left">
    79                 <img src="/shared/photos/rechnertechnik/leser617.jpg" alt="Lochkartenleser" width="241" height="149" /><br><br>
    80                
    81 BULL GAMMA 55 läuft! Ein historischer Moment, <a href="/de/rechnertechnik/gamma55.php#ge55"><b>siehe hier</b></a>
    82 </div>
     70<li><a href="/de/rechnertechnik/gamma55.php#ge55">
     71        <h3>September 2013</h3>
     72        <img src="/shared/photos/rechnertechnik/leser617.jpg" alt="Lochkartenleser" width="241" height="149" /><br><br>
     73        BULL GAMMA 55 läuft! Ein historischer Moment.
     74</a></li>
     75</ul>
    8376
    84 </li><br>
    85 
    86 
    87 
    88 <div class="clear"></div>
    89 
    90 
    91 
    92 
    93 
    94 
    95 
    96 
    97 
    98        
    99         </ul>
    100        
    101        
  • shared/css-v6/pagestyles/news.css

    r261 r565  
    1313\**********************************************************************/
    1414
    15 ul.news-feed li {
     15ul.news-ng li {
    1616    margin-bottom: 1.2em;
    1717}
    1818
    19 #content ul.news-feed h3 { /* Id zur Bedeutungssteigerung */
     19#content ul.news-ng h3 { /* Id zur Bedeutungssteigerung */
    2020   margin: 0; padding: 0; border: none;
    2121   font-family: inherit;
     
    2424   font-style: italic;
    2525}
     26
     27/* Seit Juni 2014 neu: */
     28/**
     29 * "Standarisiertere" Darstellung der t29-News.
     30 * Nach http://lists.technikum29.de/pipermail/t29-archive/2014-May/000152.html
     31 * Bild: http://lists.technikum29.de/pipermail/t29-archive/attachments/20140510/04e638bc/attachment-0002.png
     32 *
     33 * Format:
     34
     35        <li class="news-box"><a href="/de/rechnertechnik/ibm1130.php#1130">
     36            <h3>Januar 2014</h3>
     37            <img src="/shared/photos/rechnertechnik/ibm-1130.jpg" alt="IBM 1130" width="225" height="194" />
     38            IBM 1130, eine neue Herausforderung.
     39        </a></li>
     40
     41 **/
     42/* Bislang erst in deutscher Sprache, daher Klasse .news-ng fuer Next Generation */
     43
     44ul.news-ng, ul.news-ng li {
     45        list-style: none;
     46        margin: 0; padding: 0;
     47}
     48
     49ul.news-ng li {
     50        width: 30%;
     51        float: left;
     52        margin-right: 3%;
     53        margin-bottom: 3%;
     54        padding: 1px;
     55}
     56
     57ul.news-ng li > a {
     58        display: block;
     59
     60        min-height: 20em;
     61
     62        font-size: 90%;
     63        text-align: left;
     64        padding: 2em;
     65}
     66
     67#content ul.news-ng a:link,
     68#content ul.news-ng a:visited { /* Id zur Bedeutungssteigerung */
     69        text-decoration: none;
     70        color: inherit;
     71        background-color: #DFEAF0;
     72}
     73
     74#content ul.news-ng a:hover,
     75#content ul.news-ng a:focus {
     76        background-color: #EDF0F2;
     77        box-shadow: 0 1px 4px #B2B6B7;
     78}
     79
     80ul.news-ng img {
     81        width: 100%; height: auto;
     82        margin: .5em 0;
     83}
     84
     85#content ul.news-ng h3 { /* Id zur Bedeutungssteigerung */
     86   margin: 0; padding: 0; border: none;
     87   font-family: inherit;
     88   font-weight: bold;
     89   font-size: 100%;
     90   font-style: italic;
     91   color: #474747;
     92}
     93
     94
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