Changeset 91:1a70b4045a19

Timestamp:

02/08/12 17:58:17 (12 years ago)

Author:

František Kučera <franta-hg@…>

Branch:

default

Message:

Poznámky pod čarou.

Files:

• analýza/verze.txt (modified) (1 diff)
• vstup/css/styl.css (modified) (1 diff)
• vstup/index.xml (modified) (1 diff)
• vstup/odkazy.xml (modified) (1 diff)
• šablona/makra/podČarou.xsl (added)
• šablona/stránka.xsl (modified) (1 diff)

analýza/verze.txt

@@ -18 +18 @@
         Dokumentace – generování javadocu
         Šifrování – Rot13
+        Tabulky: zarovnání číselných sloupců doprava
+        Poznámky pod čarou
 

vstup/css/styl.css

@@ -155 +155 @@
 }
 
+sup, sub {
+        vertical-align: 0;
+        position: relative;
+}
+sup {
+        bottom: 1ex;
+}
+sub {
+        top: 0.8ex;
+}
+
+sup.podČarou-odkaz a {
+        color: grey;
+        text-decoration: none;
+}
+
+div.podČarou-poznámky {
+        font-size: 66%;
+        border-top:             1px solid grey;
+        border-bottom:  1px solid grey;
+        padding-left: 20px;
+        padding-top: 4px;
+        padding-bottom: 4px;
+}
+
+div.podČarou-poznámky p {
+        margin-top: 2px;
+        margin-bottom: 2px;
+}
+
+div.podČarou-poznámky a.podČarou-odkaz-zpět {
+        color: black;
+        text-decoration: none;
+        margin-right: 4px;
+}
+

vstup/index.xml

@@ -10 +10 @@
                 <p>
                         Vítejte na našich stránkách :-)
-                        Jsme chovatelská stanice zaměřená na chov tučňáků.
+                        Jsme chovatelská stanice zaměřená na chov tučňáků.<m:podČarou>Jsou to opravdu moc pěkná zvířata.</m:podČarou>
 
                         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.
                 </p>
-                <p>Morbi et magna a ligula pulvinar posuere. Pellentesque sit amet sem <m:a href="služby">služby</m:a> 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.     </p>            
+                <p>Morbi et magna a ligula pulvinar posuere. Pellentesque sit amet sem <m:a href="služby">služby</m:a><m:podČarou>Tam se určitě podívejte!</m:podČarou> 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.    </p>            
                 <p>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.</p>  
         </text>

vstup/odkazy.xml

@@ -12 +12 @@
                 <ul>
                         <li><m:a href="kontakt">Kontakt</m:a> – interní odkaz</li>
-                        <li><m:a href="nejlepší linuxová distribuce" typ="seznam">Nejlepší distribuce</m:a> – vyhledávání pomocí Seznamu</li>
+                        <li>
+                                <m:a href="nejlepší linuxová distribuce" typ="seznam">Nejlepší distribuce</m:a> – vyhledávání pomocí Seznamu
+                                <m:podČarou>Byl založen roku 1996 <m:a href="Ivo Lukačovič" typ="wiki">Ivem Lukačovičem</m:a>, a stal se prvním českým internetovým vyhledávačem v České republice.
+                                        <m:podČarou>Alespoň tak to píšou na <m:a href="Seznam.cz" typ="wiki">Wikipedii</m:a>. V poznámkách pod čarou můžete používat další značky, jak jste zvyklí z textu. Dokonce lze poznámky vnořovat<m:podČarou>Což nedává až tak velký smyls, ale dělat to klidně můžete :-)</m:podČarou> do sebe.</m:podČarou>
+                                </m:podČarou>
+                        </li>
                         <li><m:a href="GNU/Linux a tučňák Tux" typ="google"><abbr title="GNU's Not Unix! – GNU Není Unix!">GNU</abbr>/Linux a tučňák Tux</m:a> – vyhledávání pomocí Googlu</li>
                         <li><m:a href="1855" typ="rfc"><em>Net</em>iketa</m:a> – internetový standard <abbr title="request for comments">RFC</abbr></li>

šablona/stránka.xsl

@@ -63 +63 @@
                                                 </div>
                                         </div>
+                                        <xsl:call-template name="poznámkyPodČarou"/>
                                         <xsl:call-template name="vložZápatí"/>
                                 </div>