Konečně nějaký vzhled pro ukázkové stránky, CSS, patička, trochu lorem ipsum.
authorFrantišek Kučera <franta-hg@frantovo.cz>
Sun Apr 03 23:15:36 2011 +0200 (2011-04-03)
changeset 123719b121c3c4
parent 11 78a8dd1eeb2b
child 13 d5e9c879663e
Konečně nějaký vzhled pro ukázkové stránky, CSS, patička, trochu lorem ipsum.
vstup/css/styl.css
vstup/produkty.xml
vstup/zápatí.inc
šablona/stránka.xsl
     1.1 --- a/vstup/css/styl.css	Sun Apr 03 20:39:10 2011 +0200
     1.2 +++ b/vstup/css/styl.css	Sun Apr 03 23:15:36 2011 +0200
     1.3 @@ -1,1 +1,52 @@
     1.4 +body {
     1.5 +    background-color: #3c3b37;
     1.6 +    font-family: sans-serif;
     1.7 +    text-align: center;
     1.8 +    font-size: 16px;
     1.9 +}
    1.10  
    1.11 +#tělo {
    1.12 +    width: 900px;
    1.13 +    text-align: left;
    1.14 +    margin: 0 auto;
    1.15 +    margin-top: 32px;
    1.16 +    margin-bottom: 32px;
    1.17 +    background-color: #77bed2;
    1.18 +    padding-left: 20px;
    1.19 +    padding-right: 20px;
    1.20 +    padding-top: 2px;
    1.21 +    padding-bottom: 2px;    
    1.22 +    border-radius: 8px;
    1.23 +}
    1.24 +
    1.25 +#nabídka {	
    1.26 +	width: 160px;
    1.27 +	position: relative;
    1.28 +	left: -20px;
    1.29 +	top: -12px;
    1.30 +	background-color: #3c3b37;
    1.31 +	border-top-right-radius: 8px;
    1.32 +	border-bottom-right-radius: 8px;
    1.33 +	padding-top: 6px;
    1.34 +	padding-bottom: 6px;
    1.35 +	padding-left: 10px;
    1.36 +	list-style-type: none;
    1.37 +	float: left;
    1.38 +}
    1.39 +
    1.40 +#nabídka a {
    1.41 +	color: white;
    1.42 +}
    1.43 +
    1.44 +#nabídka a:hover {
    1.45 +	color: #77bed2;
    1.46 +}
    1.47 +
    1.48 +#text {
    1.49 +	min-height: 400px;
    1.50 +}
    1.51 +
    1.52 +#zápatí {
    1.53 +	font-size: small;
    1.54 +	text-align: center;
    1.55 +}
     2.1 --- a/vstup/produkty.xml	Sun Apr 03 20:39:10 2011 +0200
     2.2 +++ b/vstup/produkty.xml	Sun Apr 03 23:15:36 2011 +0200
     2.3 @@ -6,8 +6,28 @@
     2.4  	<pořadí>20</pořadí>
     2.5  
     2.6  	<text xmlns="http://www.w3.org/1999/xhtml">
     2.7 +		
     2.8  		<p>
     2.9 -		    naše produkty…
    2.10 +		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.
    2.11 +		</p>
    2.12 +		<p>
    2.13 +		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.
    2.14 +		</p>
    2.15 +		
    2.16 +		<h2>Tučňák domácí</h2>
    2.17 +		<p>
    2.18 +		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.
    2.19 +		</p>
    2.20 +		
    2.21 +		<p>Vhodnost zvířete do domácnosti:</p>
    2.22 +		<g:měřák hodnota="95"/>
    2.23 +		
    2.24 +		<h2>Panda malá</h2>
    2.25 +		<p>
    2.26 +		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.
    2.27 +		</p>
    2.28 +		<p>
    2.29 +		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.
    2.30  		</p>
    2.31  		
    2.32  		<p>Vhodnost zvířete do domácnosti:</p>
     3.1 --- a/vstup/zápatí.inc	Sun Apr 03 20:39:10 2011 +0200
     3.2 +++ b/vstup/zápatí.inc	Sun Apr 03 23:15:36 2011 +0200
     3.3 @@ -1,7 +1,7 @@
     3.4  <stránka xmlns="https://trac.frantovo.cz/xml-web-generator/wiki/xmlns/prostor">
     3.5  	<text xmlns="http://www.w3.org/1999/xhtml">
     3.6 -		<p class="zápatí">
     3.7 -			Zápatí, které bude na <strong>všech</strong> stránkách.
     3.8 +		<p>
     3.9 +			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.
    3.10  		</p>
    3.11      </text>    
    3.12  </stránka>
     4.1 --- a/šablona/stránka.xsl	Sun Apr 03 20:39:10 2011 +0200
     4.2 +++ b/šablona/stránka.xsl	Sun Apr 03 23:15:36 2011 +0200
     4.3 @@ -29,21 +29,31 @@
     4.4  				<xsl:apply-templates select="$konfigurace/g:web/g:css"/>				
     4.5  			</head>
     4.6  			<body>
     4.7 -				<xsl:apply-templates select="document(fn:encode-for-uri(concat($vstup, 'záhlaví.inc')))/g:stránka/h:text/node()"/>			
     4.8 -				<h1><xsl:value-of select="g:stránka/g:nadpis"/></h1>
     4.9 -				<xsl:apply-templates select="g:stránka/h:text/node()"/>
    4.10 -				<ul id="nabídka">
    4.11 -					<xsl:for-each select="collection('../vstup/?select=*.xml')[g:stránka/g:pořadí]">
    4.12 -						<xsl:sort select="empty(./g:stránka/g:pořadí)"/>
    4.13 -						<xsl:sort select="./g:stránka/g:pořadí"/>
    4.14 -						<li>
    4.15 -							<xsl:variable name="xmlSoubor" select="tokenize(document-uri(.), '/')[last()]"/>
    4.16 -							<xsl:variable name="xhtmlSoubor" select="replace($xmlSoubor, '.xml', '.xhtml')"/>
    4.17 -							<a href="{fn:encode-for-uri($xhtmlSoubor)}"><xsl:value-of select="./g:stránka/g:nadpis"/></a>
    4.18 -						</li>
    4.19 -					</xsl:for-each>
    4.20 -				</ul>
    4.21 -				<xsl:apply-templates select="document(fn:encode-for-uri(concat($vstup, 'zápatí.inc')))/g:stránka/h:text/node()"/>				
    4.22 +				<div id="tělo">
    4.23 +					<div id="záhlaví">
    4.24 +						<xsl:apply-templates select="document(fn:encode-for-uri(concat($vstup, 'záhlaví.inc')))/g:stránka/h:text/node()"/>
    4.25 +					</div>
    4.26 +					<div id="vnitřek">
    4.27 +						<h1><xsl:value-of select="g:stránka/g:nadpis"/></h1>
    4.28 +						<ul id="nabídka">
    4.29 +							<xsl:for-each select="collection('../vstup/?select=*.xml')[g:stránka/g:pořadí]">
    4.30 +								<xsl:sort select="empty(./g:stránka/g:pořadí)"/>
    4.31 +								<xsl:sort select="./g:stránka/g:pořadí"/>
    4.32 +								<li>
    4.33 +									<xsl:variable name="xmlSoubor" select="tokenize(document-uri(.), '/')[last()]"/>
    4.34 +									<xsl:variable name="xhtmlSoubor" select="replace($xmlSoubor, '.xml', '.xhtml')"/>
    4.35 +									<a href="{fn:encode-for-uri($xhtmlSoubor)}"><xsl:value-of select="./g:stránka/g:nadpis"/></a>
    4.36 +								</li>
    4.37 +							</xsl:for-each>
    4.38 +						</ul>
    4.39 +						<div id="text">
    4.40 +							<xsl:apply-templates select="g:stránka/h:text/node()"/>
    4.41 +						</div>
    4.42 +					</div>
    4.43 +					<div id="zápatí">
    4.44 +						<xsl:apply-templates select="document(fn:encode-for-uri(concat($vstup, 'zápatí.inc')))/g:stránka/h:text/node()"/>
    4.45 +					</div>
    4.46 +				</div>
    4.47  			</body>
    4.48  		</html>
    4.49  	</xsl:template>