Changeset 12:3719b121c3c4

Show
Ignore:
Timestamp:
04/03/11 23:15:36 (8 years ago)
Author:
František Kučera <franta-hg@…>
Branch:
default
Message:

Konečně nějaký vzhled pro ukázkové stránky, CSS, patička, trochu lorem ipsum.

Files:
4 modified

Legend:

Unmodified
Added
Removed
  • vstup/css/styl.css

    r11 r12  
     1body { 
     2    background-color: #3c3b37; 
     3    font-family: sans-serif; 
     4    text-align: center; 
     5    font-size: 16px; 
     6} 
    17 
     8#tělo { 
     9    width: 900px; 
     10    text-align: left; 
     11    margin: 0 auto; 
     12    margin-top: 32px; 
     13    margin-bottom: 32px; 
     14    background-color: #77bed2; 
     15    padding-left: 20px; 
     16    padding-right: 20px; 
     17    padding-top: 2px; 
     18    padding-bottom: 2px;     
     19    border-radius: 8px; 
     20} 
     21 
     22#nabídka {       
     23        width: 160px; 
     24        position: relative; 
     25        left: -20px; 
     26        top: -12px; 
     27        background-color: #3c3b37; 
     28        border-top-right-radius: 8px; 
     29        border-bottom-right-radius: 8px; 
     30        padding-top: 6px; 
     31        padding-bottom: 6px; 
     32        padding-left: 10px; 
     33        list-style-type: none; 
     34        float: left; 
     35} 
     36 
     37#nabídka a { 
     38        color: white; 
     39} 
     40 
     41#nabídka a:hover { 
     42        color: #77bed2; 
     43} 
     44 
     45#text { 
     46        min-height: 400px; 
     47} 
     48 
     49#zápatí { 
     50        font-size: small; 
     51        text-align: center; 
     52} 
  • vstup/produkty.xml

    r10 r12  
    77 
    88        <text xmlns="http://www.w3.org/1999/xhtml"> 
     9                 
    910                <p> 
    10                     naše produkty… 
     11                naše produkty… Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mi nisl, tincidunt in viverra vitae, pharetra nec urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer gravida gravida convallis. Phasellus erat ligula, vestibulum vel commodo ac, fringilla quis lorem. Morbi a massa a ligula tincidunt mattis et et felis. Vivamus a quam nulla, at vulputate nisi. Duis gravida placerat luctus. Phasellus vehicula lobortis arcu vitae hendrerit. Maecenas ut molestie elit. Aliquam erat volutpat. Curabitur sed euismod nisl. Mauris molestie tristique nulla, eu pellentesque sem tincidunt non. 
     12                </p> 
     13                <p> 
     14                Morbi et magna a ligula pulvinar posuere. Pellentesque sit amet sem sed orci convallis tincidunt sed sed nisl. Aenean id nibh lorem, eget tempor mauris. Duis diam dui, ullamcorper quis iaculis eget, blandit non dolor. Vestibulum pretium lorem aliquet libero tristique vehicula. Quisque sit amet odio risus, sed tincidunt augue. Proin tincidunt eros eu sem sodales sit amet sollicitudin libero vestibulum. Proin sed nunc elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mollis, nisl ut sodales sodales, quam lacus elementum magna, nec blandit leo enim id odio. Integer risus leo, sagittis vitae vestibulum vitae, elementum eu eros. 
     15                </p> 
     16                 
     17                <h2>Tučňák domácí</h2> 
     18                <p> 
     19                Fusce eu libero sit amet mauris molestie suscipit. Integer porttitor euismod luctus. Sed elementum quam et quam pharetra tincidunt. Pellentesque vitae augue quis mi blandit dapibus. Vestibulum iaculis magna sit amet nisl tristique at consectetur odio blandit. Proin aliquam lectus ac arcu condimentum tempus. Suspendisse potenti. Suspendisse porttitor euismod accumsan. Sed nibh lacus, laoreet id consequat gravida, eleifend eget lectus. Curabitur accumsan, nisi at elementum aliquam, nisl nulla volutpat lorem, ac elementum metus lacus eget lectus. Praesent odio nulla, porttitor vitae hendrerit vel, ullamcorper in velit. Sed in est ipsum, iaculis accumsan sem. Integer pretium ultrices justo a mattis. Nullam id lacus in lectus bibendum tempor. Nulla non viverra eros. Praesent scelerisque, nisi et placerat convallis, nisi nulla lobortis mauris, eu ultricies est mi ac orci. Suspendisse ullamcorper dapibus interdum. Curabitur ac metus eros, sed venenatis sapien. 
     20                </p> 
     21                 
     22                <p>Vhodnost zvířete do domácnosti:</p> 
     23                <g:měřák hodnota="95"/> 
     24                 
     25                <h2>Panda malá</h2> 
     26                <p> 
     27                Vivamus nec dictum dolor. Aliquam et tellus dolor. Curabitur et est sapien. Sed nec neque massa. Integer luctus erat vel arcu molestie ac dapibus dolor pretium. Curabitur eget augue non ipsum pulvinar venenatis eget et lectus. Proin fringilla aliquet sapien, non luctus est lobortis vel. Nunc vehicula volutpat varius. Aliquam suscipit accumsan sollicitudin. Morbi ultricies, mauris id elementum pellentesque, nunc dolor viverra nisl, sit amet consequat velit libero at ligula. Nulla luctus rhoncus tortor nec sollicitudin. Vivamus posuere sodales ipsum, hendrerit cursus felis pharetra sit amet. Nunc interdum facilisis massa ac congue. 
     28                </p> 
     29                <p> 
     30                Aliquam erat volutpat. Quisque vitae libero est. Aliquam erat volutpat. Integer elementum, nisl nec lacinia facilisis, dolor tellus varius eros, sit amet facilisis sem sapien vitae nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer rutrum sodales venenatis. Donec mollis aliquet enim, id venenatis urna faucibus sed. Suspendisse pharetra neque et nibh tincidunt suscipit. Morbi ut justo sit amet lectus faucibus tempor quis non libero. Aenean in dolor sem, in lacinia sem. 
    1131                </p> 
    1232                 
  • vstup/zápatí.inc

    r2 r12  
    11<stránka xmlns="https://trac.frantovo.cz/xml-web-generator/wiki/xmlns/prostor"> 
    22        <text xmlns="http://www.w3.org/1999/xhtml"> 
    3                 <p class="zápatí"> 
    4                         Zápatí, které bude na <strong>všech</strong> stránkách. 
     3                <p> 
     4                        Poháněno tučňákem. Vytvořeno pomocí <a href="https://trac.frantovo.cz/xml-web-generator/">XML Web generátoru</a>. Používá XML, XSLT, Ant a další dobroty. 
    55                </p> 
    66    </text>     
  • šablona/stránka.xsl

    r11 r12  
    3030                        </head> 
    3131                        <body> 
    32                                 <xsl:apply-templates select="document(fn:encode-for-uri(concat($vstup, 'záhlaví.inc')))/g:stránka/h:text/node()"/>                       
    33                                 <h1><xsl:value-of select="g:stránka/g:nadpis"/></h1> 
    34                                 <xsl:apply-templates select="g:stránka/h:text/node()"/> 
    35                                 <ul id="nabídka"> 
    36                                         <xsl:for-each select="collection('../vstup/?select=*.xml')[g:stránka/g:pořadí]"> 
    37                                                 <xsl:sort select="empty(./g:stránka/g:pořadí)"/> 
    38                                                 <xsl:sort select="./g:stránka/g:pořadí"/> 
    39                                                 <li> 
    40                                                         <xsl:variable name="xmlSoubor" select="tokenize(document-uri(.), '/')[last()]"/> 
    41                                                         <xsl:variable name="xhtmlSoubor" select="replace($xmlSoubor, '.xml', '.xhtml')"/> 
    42                                                         <a href="{fn:encode-for-uri($xhtmlSoubor)}"><xsl:value-of select="./g:stránka/g:nadpis"/></a> 
    43                                                 </li> 
    44                                         </xsl:for-each> 
    45                                 </ul> 
    46                                 <xsl:apply-templates select="document(fn:encode-for-uri(concat($vstup, 'zápatí.inc')))/g:stránka/h:text/node()"/>                                
     32                                <div id="tělo"> 
     33                                        <div id="záhlaví"> 
     34                                                <xsl:apply-templates select="document(fn:encode-for-uri(concat($vstup, 'záhlaví.inc')))/g:stránka/h:text/node()"/> 
     35                                        </div> 
     36                                        <div id="vnitřek"> 
     37                                                <h1><xsl:value-of select="g:stránka/g:nadpis"/></h1> 
     38                                                <ul id="nabídka"> 
     39                                                        <xsl:for-each select="collection('../vstup/?select=*.xml')[g:stránka/g:pořadí]"> 
     40                                                                <xsl:sort select="empty(./g:stránka/g:pořadí)"/> 
     41                                                                <xsl:sort select="./g:stránka/g:pořadí"/> 
     42                                                                <li> 
     43                                                                        <xsl:variable name="xmlSoubor" select="tokenize(document-uri(.), '/')[last()]"/> 
     44                                                                        <xsl:variable name="xhtmlSoubor" select="replace($xmlSoubor, '.xml', '.xhtml')"/> 
     45                                                                        <a href="{fn:encode-for-uri($xhtmlSoubor)}"><xsl:value-of select="./g:stránka/g:nadpis"/></a> 
     46                                                                </li> 
     47                                                        </xsl:for-each> 
     48                                                </ul> 
     49                                                <div id="text"> 
     50                                                        <xsl:apply-templates select="g:stránka/h:text/node()"/> 
     51                                                </div> 
     52                                        </div> 
     53                                        <div id="zápatí"> 
     54                                                <xsl:apply-templates select="document(fn:encode-for-uri(concat($vstup, 'zápatí.inc')))/g:stránka/h:text/node()"/> 
     55                                        </div> 
     56                                </div> 
    4757                        </body> 
    4858                </html>