Szablon

Z JoggerWiki
Wersja z dnia 13:31, 12 mar 2007 autorstwa Sparrow (dyskusja | edycje) (Panel konfiguracyjny -> administracyjny)

Skocz do: nawigacji, wyszukiwania

Szablon strony głównej

Przykładowy szablon strony głównej joga, dostępny w panelu administracyjnym. 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
<meta http-equiv="Reply-to" content="soil@czuby.net" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Robots" content="NOINDEX" />
<meta name="author" content="Dawid Penkala"/>
<link rel="icon" href="favicon.png" type="image/x-icon"/>
<link rel="shortcut icon" href="/files/favicon_b.png" type="image/x-icon" />
<style type="text/css" media="all">
@import "/files/style_blue.css";
</style>
<title>JoggerPL :: &JID;</title>

</head> 
 
<body>
<div id="szablon">
<div id="logo">

<a href="#">&JID;</a>

</div>
<div id="srodek">
<ENTRY_BLOCK>
<ENTRY_DAY_BLOCK>
<!-- Początek wpisu -->
 <div class="wpis" id="<ENTRY_ID/>">					
<h2>Szablon strony komentarzy</h2> 
Przykładowy szablon strony komentarzy joga, dostępny w panleu administracyjnym.
<dl><dd><pre>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
<meta http-equiv="Reply-to" content="soil@czuby.net" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Robots" content="NOINDEX" />
<meta name="author" content="Dawid Penkala"/>
<link rel="icon" href="favicon.png" type="image/x-icon"/>
<link rel="shortcut icon" href="/files/favicon_b.png" type="image/x-icon" />
<style type="text/css" media="all">
@import "/files/style_blue.css";
</style>
<title>JoggerPL :: &JID;</title>

</head> 
 
<body>
<div id="szablon">
<div id="logo">

<a href="#">&JID;</a>

</div>
<div id="srodek">

<!--Początek wpisu -->
 <div class="wpis" id="<ENTRY_ID/>">					
<h2>Szablon strony logowania</h2> 
Przykładowy szablon strony logowania joga, dostępny w panelu administracyjnym.
<dl><dd><pre>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
<meta http-equiv="Reply-to" content="soil@czuby.net" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Robots" content="NOINDEX" />
<meta name="author" content="Dawid Penkala"/>
<link rel="icon" href="favicon.png" type="image/x-icon"/>
<link rel="shortcut icon" href="/files/favicon_b.png" type="image/x-icon" />
<style type="text/css" media="all">
@import "/files/style_blue.css";
</style>
<title>JoggerPL :: &JID;</title>

</head> 
 
<body>
<div id="szablon">
<div id="logo">

<a href="#">&JID;</a>

</div>
<div id="srodek">
<!-- login -->

<div class="login">					

<NOUSER_BLOCK>
<h2>Szablon strony komentarzy</h2> 
Przykładowy szablon strony komentarzy joga, dostępny w panelu administracyjnym.
<dl><dd><pre>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
<meta http-equiv="Reply-to" content="soil@czuby.net" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Robots" content="NOINDEX" />
<meta name="author" content="Dawid Penkala"/>
<link rel="icon" href="favicon.png" type="image/x-icon"/>
<link rel="shortcut icon" href="/files/favicon_b.png" type="image/x-icon" />
<style type="text/css" media="all">
@import "/files/style_blue.css";
</style>
<title>JoggerPL :: &JID;</title>

</head> 
 
<body>
<div id="szablon">
<div id="logo">

<a href="#">&JID;</a>

</div>
<div id="srodek">

<!--Początek wpisu -->
 <div class="wpis" id="<ENTRY_ID/>">					
<h3>&ENTRY_SUBJECT;</h3>
<span class="data">Dodane <ENTRY_DATE/> o <ENTRY_HOUR/> w kategorii '<ENTRY_CATEGORY_BLOCK>
<a href="&ENTRY_CATEGORY_HREF;">&ENTRY_CATEGORY_HREF_DESCR2;</a>
</ENTRY_CATEGORY_BLOCK>',</span>
		<p>&ENTRY_CONTENT;</p>
</div>
<div class="w_prawo"><a href="<ALL_ENTRIES_HREF/>">Pokaż wszystkie wpisy.</a></div><br />
<div class="linia"></div><br />
<!-- Koniec wpisu -->
<!-- Początek komentarzy --> 
<h3>Komentarze:</h3>
<COMMENT_BLOCK>
   
<div class="&COMMENT_CLASS;">
        <COMMENT_FAVICON/> <COMMENT_NICK/> <span class="kom">|</span><span class="komdata"> <COMMENT_DATE/>, <COMMENT_HOUR/></span>
            <div class="komentarz"><div><COMMENT_CONTENT/></div> 
      </div></div> 
  	  </COMMENT_BLOCK> 
<!-- Koniec Komentarzy -->
<!-- Początek formularza -->

  	  
	 <div class="podz"> <h3>Dodaj komentarz:</h3> </div>
<div class="komed">
 <COMMENT_FORM_BLOCK>
<form action="<COMMENT_FORM_ACTION/>" method="post" id="formcomment">
   <table>
    <tr>
      <td><label id="commnicklab" for="commnickid">Podpis:</label></td>
      <td><input type="text" name="commnickid" id="commnickid" value="<COMMENT_FORM_NICKID/>" /></td>
    </tr>
<COMMENT_FORM_NOUSER_BLOCK>
    <tr>
  <tr>
      <td><label id="commnickurllab" for="commnickurl">Url:</label></td>
      <td><input type="text" name="commnickurl" id="commnickurl" value="<COMMENT_FORM_NICKURL/>" /></td>
    </tr>
</COMMENT_FORM_NOUSER_BLOCK>
 <tr>
      <td><label id="commbodylab" for="commbody">Tresc:</label></td>
      <td><textarea name="commbody" id="commbody" cols="60" rows="6"><COMMENT_FORM_BODY/></textarea></td>
    </tr>
    <tr>
      <td> </td>
      <td>
<COMMENT_FORM_NOTIFY_START_BLOCK>
<input type="checkbox" name="notifystart" id="notifystart" value="notify" checked="checked" />
<label id="notifylab" for="notifystart">Śledź ten wątek.</label>
</COMMENT_FORM_NOTIFY_START_BLOCK>
<COMMENT_FORM_NOTIFY_STOP_BLOCK>
<input type="submit" name="notifystop" id="notifystop" value="Przestań śledzić." />
</COMMENT_FORM_NOTIFY_STOP_BLOCK>
     </td>
    </tr>

<COMMENT_FORM_NOUSER_BLOCK>
  <tr>
      <td><label id="codelab" for="code"><img src="<COMMENT_FORM_CODE/>" alt="code" /></label></td>
      <td><input type="text" name="code" id="code" /></td>
    </tr>

</COMMENT_FORM_NOUSER_BLOCK>

    <tr>
      <td> </td>
      <td><input type="submit" name="submit" id="submitcomm" value="Wyslij" /></td>
    </tr>
  </table>
</form>
</COMMENT_FORM_BLOCK>
</div>

<COMMENT_LOGGED_BLOCK>
<div class="komed">
<label id="commlogged" for="commlogged">Tylko zalogowani użytkownicy mogą komentować.</label>
</div>
</COMMENT_LOGGED_BLOCK>

<COMMENT_NONE_BLOCK>
<div class="komed">
<label id="commnone" for="commnone">Komentarze zablokowane.</label>
</div>
</COMMENT_NONE_BLOCK>

<!-- Koniec formularza -->
</div>

<div id="menu">
<div class="panel">
<!-- Początek Menu -->
 <div class="menu">
				<ul>
				<li><a href="#" class="aktualne"><STATUS_TEXT/></a></li>
				<li><a href="#"><STATUS_DESCR/></a></li>
				</ul>
</div>
         <div class="menu">
				<ul>
						<li><a href="#" class="aktualne">Archiwum</a></li>
						<ARCHIVE_BLOCK>
						<li><a href="<ARCHIVE_HREF/>"><ARCHIVE_HREF_DESCR/> (<ARCHIVE_ENTRIES/>)</a></li>
						</ARCHIVE_BLOCK>
					</ul>
</div>
<div class="menu">
				<ul>
						<li><a href="#" class="aktualne">Kategorie</a></li>
					<CATEGORY_BLOCK>
						<li><a href="<CATEGORY_HREF/>"><CATEGORY_HREF_DESCR/> (<CATEGORY_ENTRIES/>)</a></li>
                  </CATEGORY_BLOCK>
						
							</ul>
</div>
<LINK_GROUP_BLOCK>
<div class="menu">
				<ul>
						<li><a href="#" class="aktualne"><LINK_GROUP_DESCR/></a></li>
						<LINK_BLOCK>
						<li><a href="<LINK_HREF/>"><LINK_HREF_DESCR/></a></li>
                  </LINK_BLOCK>
						
							</ul>
</div>
</LINK_GROUP_BLOCK>
<div class="menu"><ul>
	<NOUSER_BLOCK>
	<li><a href="<USER_LOG_IN_HREF/>" class="aktualne">Zaloguj!</a></li>
                  		</NOUSER_BLOCK>
<LOGGED_USER_BLOCK>
  <li><a href="#" class="aktualne"><LOGGED_USER_NAME/></a></li>
   	<li><a href="&LOGGED_USER_LOG_OUT_HREF;">Wyloguj!</a></li>
</LOGGED_USER_BLOCK>
                  				
							</ul>
</div>
<!-- Koniec menu -->
</div>
</div>
<!-- Początek stopki -->
<div id="stopka">
<div id="prawa">
<a href="http://jogger.pl">Jogger.PL</a> (c) 2006</div>
<div id="stopka_linki">
					<ul>
					<li><a href="<RSS/>">RSS</a> feed,</li>
						<li>Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/">CSS</a>,</li>
						<li>Wszystkie prawa zastrzeżone.</li>
					</ul>
</div>
</div></div>
<!-- Koniec stopki -->
</body></html>

Komentarze:

<COMMENT_BLOCK> 

       <COMMENT_FAVICON/> <COMMENT_NICK/> | <COMMENT_DATE/>, <COMMENT_HOUR/>
<COMMENT_CONTENT/>
 	  </COMMENT_BLOCK>


Dodaj komentarz:

<COMMENT_FORM_BLOCK>

<form action="<COMMENT_FORM_ACTION/>" method="post" id="formcomment">

<COMMENT_FORM_NOUSER_BLOCK> </COMMENT_FORM_NOUSER_BLOCK> <COMMENT_FORM_NOUSER_BLOCK> </COMMENT_FORM_NOUSER_BLOCK>
<label id="commnicklab" for="commnickid">Podpis:</label> <input type="text" name="commnickid" id="commnickid" value="<COMMENT_FORM_NICKID/>" />
<label id="commnickurllab" for="commnickurl">Url:</label> <input type="text" name="commnickurl" id="commnickurl" value="<COMMENT_FORM_NICKURL/>" />
<label id="commbodylab" for="commbody">Tresc:</label> <textarea name="commbody" id="commbody" cols="60" rows="6"><COMMENT_FORM_BODY/></textarea>
 

<COMMENT_FORM_NOTIFY_START_BLOCK> <input type="checkbox" name="notifystart" id="notifystart" value="notify" checked="checked" /> <label id="notifylab" for="notifystart">Śledź ten wątek.</label> </COMMENT_FORM_NOTIFY_START_BLOCK> <COMMENT_FORM_NOTIFY_STOP_BLOCK> <input type="submit" name="notifystop" id="notifystop" value="Przestań śledzić." /> </COMMENT_FORM_NOTIFY_STOP_BLOCK>

<label id="codelab" for="code"><img src="<COMMENT_FORM_CODE/>" alt="code" /></label> <input type="text" name="code" id="code" />
  <input type="submit" name="submit" id="submitcomm" value="Wyslij" />

</form> </COMMENT_FORM_BLOCK>

<COMMENT_LOGGED_BLOCK>

<label id="commlogged" for="commlogged">Tylko zalogowani użytkownicy mogą komentować.</label>

</COMMENT_LOGGED_BLOCK>

<COMMENT_NONE_BLOCK>

<label id="commnone" for="commnone">Komentarze zablokowane.</label>

</COMMENT_NONE_BLOCK>

</div>

<a href="http://jogger.pl">Jogger.PL</a> (c) 2006
</div>

</body></html>


</pre></dd></dl>

Szablon strony komentarzy

Przykładowy szablon strony komentarzy joga, dostępny w panleu konfiguracyjnym. 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
<meta http-equiv="Reply-to" content="soil@czuby.net" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Robots" content="NOINDEX" />
<meta name="author" content="Dawid Penkala"/>
<link rel="icon" href="favicon.png" type="image/x-icon"/>
<link rel="shortcut icon" href="/files/favicon_b.png" type="image/x-icon" />
<style type="text/css" media="all">
@import "/files/style_blue.css";
</style>
<title>JoggerPL :: &JID;</title>

</head> 
 
<body>
<div id="szablon">
<div id="logo">

<a href="#">&JID;</a>

</div>
<div id="srodek">

<!--Początek wpisu -->
 <div class="wpis" id="<ENTRY_ID/>">					
<h3>&ENTRY_SUBJECT;</h3>
<span class="data">Dodane <ENTRY_DATE/> o <ENTRY_HOUR/> w kategorii '<ENTRY_CATEGORY_BLOCK>
<a href="&ENTRY_CATEGORY_HREF;">&ENTRY_CATEGORY_HREF_DESCR2;</a>
</ENTRY_CATEGORY_BLOCK>',</span>
		<p>&ENTRY_CONTENT;</p>
</div>
<div class="w_prawo"><a href="<ALL_ENTRIES_HREF/>">Pokaż wszystkie wpisy.</a></div><br />
<div class="linia"></div><br />
<!-- Koniec wpisu -->
<!-- Początek komentarzy --> 
<h3>Komentarze:</h3>
<COMMENT_BLOCK>
   
<div class="&COMMENT_CLASS;">
        <COMMENT_FAVICON/> <COMMENT_NICK/> <span class="kom">|</span><span class="komdata"> <COMMENT_DATE/>, <COMMENT_HOUR/></span>
            <div class="komentarz"><div><COMMENT_CONTENT/></div> 
      </div></div> 
  	  </COMMENT_BLOCK> 
<!-- Koniec Komentarzy -->
<!-- Początek formularza -->

  	  
	 <div class="podz"> <h3>Dodaj komentarz:</h3> </div>
<div class="komed">
 <COMMENT_FORM_BLOCK>
<form action="<COMMENT_FORM_ACTION/>" method="post" id="formcomment">
   <table>
    <tr>
      <td><label id="commnicklab" for="commnickid">Podpis:</label></td>
      <td><input type="text" name="commnickid" id="commnickid" value="<COMMENT_FORM_NICKID/>" /></td>
    </tr>
<COMMENT_FORM_NOUSER_BLOCK>
    <tr>
  <tr>
      <td><label id="commnickurllab" for="commnickurl">Url:</label></td>
      <td><input type="text" name="commnickurl" id="commnickurl" value="<COMMENT_FORM_NICKURL/>" /></td>
    </tr>
</COMMENT_FORM_NOUSER_BLOCK>
 <tr>
      <td><label id="commbodylab" for="commbody">Tresc:</label></td>
      <td><textarea name="commbody" id="commbody" cols="60" rows="6"><COMMENT_FORM_BODY/></textarea></td>
    </tr>
    <tr>
      <td> </td>
      <td>
<COMMENT_FORM_NOTIFY_START_BLOCK>
<input type="checkbox" name="notifystart" id="notifystart" value="notify" checked="checked" />
<label id="notifylab" for="notifystart">Śledź ten wątek.</label>
</COMMENT_FORM_NOTIFY_START_BLOCK>
<COMMENT_FORM_NOTIFY_STOP_BLOCK>
<input type="submit" name="notifystop" id="notifystop" value="Przestań śledzić." />
</COMMENT_FORM_NOTIFY_STOP_BLOCK>
     </td>
    </tr>

<COMMENT_FORM_NOUSER_BLOCK>
  <tr>
      <td><label id="codelab" for="code"><img src="<COMMENT_FORM_CODE/>" alt="code" /></label></td>
      <td><input type="text" name="code" id="code" /></td>
    </tr>

</COMMENT_FORM_NOUSER_BLOCK>

    <tr>
      <td> </td>
      <td><input type="submit" name="submit" id="submitcomm" value="Wyslij" /></td>
    </tr>
  </table>
</form>
</COMMENT_FORM_BLOCK>
</div>

<COMMENT_LOGGED_BLOCK>
<div class="komed">
<label id="commlogged" for="commlogged">Tylko zalogowani użytkownicy mogą komentować.</label>
</div>
</COMMENT_LOGGED_BLOCK>

<COMMENT_NONE_BLOCK>
<div class="komed">
<label id="commnone" for="commnone">Komentarze zablokowane.</label>
</div>
</COMMENT_NONE_BLOCK>

<!-- Koniec formularza -->
</div>

<div id="menu">
<div class="panel">
<!-- Początek Menu -->
 <div class="menu">
				<ul>
				<li><a href="#" class="aktualne"><STATUS_TEXT/></a></li>
				<li><a href="#"><STATUS_DESCR/></a></li>
				</ul>
</div>
         <div class="menu">
				<ul>
						<li><a href="#" class="aktualne">Archiwum</a></li>
						<ARCHIVE_BLOCK>
						<li><a href="<ARCHIVE_HREF/>"><ARCHIVE_HREF_DESCR/> (<ARCHIVE_ENTRIES/>)</a></li>
						</ARCHIVE_BLOCK>
					</ul>
</div>
<div class="menu">
				<ul>
						<li><a href="#" class="aktualne">Kategorie</a></li>
					<CATEGORY_BLOCK>
						<li><a href="<CATEGORY_HREF/>"><CATEGORY_HREF_DESCR/> (<CATEGORY_ENTRIES/>)</a></li>
                  </CATEGORY_BLOCK>
						
							</ul>
</div>
<LINK_GROUP_BLOCK>
<div class="menu">
				<ul>
						<li><a href="#" class="aktualne"><LINK_GROUP_DESCR/></a></li>
						<LINK_BLOCK>
						<li><a href="<LINK_HREF/>"><LINK_HREF_DESCR/></a></li>
                  </LINK_BLOCK>
						
							</ul>
</div>
</LINK_GROUP_BLOCK>
<div class="menu"><ul>
	<NOUSER_BLOCK>
	<li><a href="<USER_LOG_IN_HREF/>" class="aktualne">Zaloguj!</a></li>
                  		</NOUSER_BLOCK>
<LOGGED_USER_BLOCK>
  <li><a href="#" class="aktualne"><LOGGED_USER_NAME/></a></li>
   	<li><a href="&LOGGED_USER_LOG_OUT_HREF;">Wyloguj!</a></li>
</LOGGED_USER_BLOCK>
                  				
							</ul>
</div>
<!-- Koniec menu -->
</div>
</div>
<!-- Początek stopki -->
<div id="stopka">
<div id="prawa">
<a href="http://jogger.pl">Jogger.PL</a> (c) 2006</div>
<div id="stopka_linki">
					<ul>
					<li><a href="<RSS/>">RSS</a> feed,</li>
						<li>Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/">CSS</a>,</li>
						<li>Wszystkie prawa zastrzeżone.</li>
					</ul>
</div>
</div></div>
<!-- Koniec stopki -->
</body></html>

Szablon strony logowania

Przykładowy szablon strony logowania joga, dostępny w panleu konfiguracyjnym. 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
<meta http-equiv="Reply-to" content="soil@czuby.net" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Robots" content="NOINDEX" />
<meta name="author" content="Dawid Penkala"/>
<link rel="icon" href="favicon.png" type="image/x-icon"/>
<link rel="shortcut icon" href="/files/favicon_b.png" type="image/x-icon" />
<style type="text/css" media="all">
@import "/files/style_blue.css";
</style>
<title>JoggerPL :: &JID;</title>

</head> 
 
<body>
<div id="szablon">
<div id="logo">

<a href="#">&JID;</a>

</div>
<div id="srodek">
<!-- login -->

<div class="login">					

<NOUSER_BLOCK>
<h3>Logowanie:</h3>
<p>
<form action="<USER_LOG_IN_ACTION/>" method="post">

     <input type="text" name="user" style="width: 200" value="nick"><br /> <input type="password" name="pass" style="width: 200" value="pass"><br />
     <input type="submit" value="Zaloguj" style="width: 200">
  
</form>

</NOUSER_BLOCK>
<LOGGED_USER_BLOCK>
<a href="<LOGGED_USER_LOG_OUT_HREF/>">Wyloguj mnie!</a>
</LOGGED_USER_BLOCK>
</p>
</div>
 <!-- login -->
</div>

<div id="menu">
<div class="panel">
<!-- Początek menu -->
 <div class="menu">
				<ul>
				<li><a href="#" class="aktualne"><STATUS_TEXT/></a></li>
				<li><a href="#"><STATUS_DESCR/></a></li>
				</ul>
</div>
         <div class="menu">
				<ul>
						<li><a href="#" class="aktualne">Archiwum</a></li>
						<ARCHIVE_BLOCK>
						<li><a href="<ARCHIVE_HREF/>"><ARCHIVE_HREF_DESCR/> (<ARCHIVE_ENTRIES/>)</a></li>
						</ARCHIVE_BLOCK>
					</ul>
</div>
<div class="menu">
				<ul>
						<li><a href="#" class="aktualne">Kategorie</a></li>
						<CATEGORY_BLOCK>
						<li><a href="<CATEGORY_HREF/>"><CATEGORY_HREF_DESCR/> (<CATEGORY_ENTRIES/>)</a></li>
                  </CATEGORY_BLOCK>
						
							</ul>
</div>
<LINK_GROUP_BLOCK>
<div class="menu">
				<ul>
						<li><a href="#" class="aktualne"><LINK_GROUP_DESCR/></a></li>
						<LINK_BLOCK>
						<li><a href="<LINK_HREF/>"><LINK_HREF_DESCR/></a></li>
                  </LINK_BLOCK>
						
							</ul>
</div>
</LINK_GROUP_BLOCK>
<div class="menu"><ul>
	<NOUSER_BLOCK>
	<li><a href="<USER_LOG_IN_HREF/>" class="aktualne">Zaloguj!</a></li>
                  		</NOUSER_BLOCK>
<LOGGED_USER_BLOCK>
  <li><a href="#" class="aktualne"><LOGGED_USER_NAME/></a></li>
   	<li><a href="&LOGGED_USER_LOG_OUT_HREF;">Wyloguj!</a></li>
</LOGGED_USER_BLOCK>
                  				
							</ul>
</div>
<!-- Koniec menu -->
</div>
</div>
<!-- Poczatek stopki -->
<div id="stopka">
<div id="prawa">
<a href="http://jogger.pl">Jogger.PL</a> (c) 2006</div>
<div id="stopka_linki">
					<ul>
					<li><a href="<RSS/>">RSS</a> feed,</li>
						<li>Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/">CSS</a>,</li>
						<li>Wszystkie prawa zastrzeżone.</li>
					</ul>
</div>
</div>
<!-- Koniec stopki -->
</body></html>


Plik CSS

Przykładowy plik CSS 


html, body { 
        margin: 0px 0px 0px 0px;
        padding: 0;
	background-repeat: repeat-y;
	background-position: top center;
	background-color: #f4f4f4;
	font-family: arial, helvetica, sans-serif;
        color: #636363;
        } 
  
/* Całość - menu i wpisy*/ 
 
#szablon {
 	width: 760px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
 	display:block;
 	background-color: #fff;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	}

#srodek {
	width: 562px;
	padding: 0 0px 0 0;
	float: right;
        background-color: #ffffff;
	}

#menu {
	background-color: #FFFFFF;
	width: 198px;
	top: 0;
	right: 0;
	padding: 0 0 0 0;
	overflow: hidden;
	}

.panel {
	padding: 10px;
	}

#logo {
	text-align: center;
	height: 120px;
	background-color: #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
	padding: 60px 0px 0px 0px;
	font-size: 3em;
	color: #ffffff;
	border:	8px solid #ffffff;
	}

#logo a {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	}

/* Menu */

.menu {
        font-size: 0.8em;
        }

.menu h2 {
	height:	40px;
	margin:	0 0 3px 0;
	padding: 0;
        }

.menu ul {
	width: 100%;
	margin: 0;
	padding: 0;
	}

.menu ul li {
	margin:	0;
	padding: 0;
	border-top: 1px solid #c1c1c1;
	list-style: none;
        }

.menu ul li a {
	display: block;
	margin:	2px 0;
	padding: 4px 0 4px 0;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	text-align: center;	
        }

.menu ul li a:link,
.menu ul li a:visited {
	color: #636363;
        }

.menu ul li a:active,
.menu ul li a:hover {
	color: #ffffff;
	background-color: #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
        }

.menu ul li a.aktualne {
	background-color: #f4f4f4;
        color: #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
        font-weight: bold;
        }	

.menu ul li a.aktualne:active,
.menu ul li a.aktualne:hover {
	color: #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
	font-weight: bold;
        }


/* Wpisy */

.wpis {
	margin-left: 0px;
        text-transform:	none;
	float: right;
	width: 562px;
        color: #636363;
        }

.wpis h3 {
	font-size: 1.5em;
	color: #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
        }

.podz h3 {
	font-size: 1.5em;
	color: #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
        }

.wpis p {
	margin: 10px;
	font-size: 0.8em;
	line-height: 160%;
	color: #636363;
	text-align: justify; 
        }

.data {
	font-size: 0.9em;
	color: #636363;
        }

/* Komentarze */

.comment1, 
.comment2 {
        padding-left: 0.7em;
        padding-bottom: 0.5em;
        margin-right: 8px;
        }

.comment1 a {
	font-weight: normal;
	text-decoration: none;
        font-size: 0.8em;
	}

.comment2 a {
	font-weight: normal;
	text-decoration: none;
        font-size: 0.8em;
	}

.comment1, .comment2 a:link,
.comment1, .comment2 a:visited {
	color: #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
        font-size: 0.8em;
        }

.comment1, .comment2 a:active,
.comment1, .comment2 a:hover {
	text-decoration: none;
	color: #636363;
        font-size: 0.8em;
        } 

.comment1 {
        border-left: solid 1px #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
        font-size: 1em;
        }

.comment2 {
        border-left: solid 1px #bbb;
        font-size: 1em;
        }

.kom {
        color: #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
        font-size: 0.9em;
        }

.komdata {
        font-size: 0.8em;
        color:#000000;
        }

.komentarz { 
        margin:.5em 0 1.5em; 
        padding-bottom:.5em; 
        font-size: 0.8em;
        } 

.linia {
        background-color: #cccccc;
        height: 1px;
        color: #fff;
        margin: 0px 8px 0px 0px;
        font-weight: bold;
        }

.komed {
        width: auto;
        }

/* Formularz */

td {
	padding: 0px 0px;
	vertical-align: top;
        }

form {
	margin: 2em 15px 1em 15px;
	}

input[type="text"]{
	width: 8em;
	border-width: 0 0 0 1px;
	border-left: 1px solid #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
	padding-left: 3px;
	background-color: #f3f3f3;
        font-size: 0.9em;
        }

input#commnickid {
	width: 8em;
	border-width: 0 0 0 1px;
	border-left: 1px solid #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
	padding-left: 3px;
	background-color: #f3f3f3;
        font-size: 0.9em;
        }

input#commnickurl {
	width: 8em;
	border-width: 0 0 0 1px;
	border-left: 1px solid #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
	padding-left: 3px;
	background-color: #f3f3f3;
        font-size: 0.9em;
        }

input#code {
	width: 8em;
	border-width: 0 0 0 0px;
	border-left: 1px solid #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
	padding-left: 3px;
	background-color: #f3f3f3;
        font-size: 0.9em;
        
}
textarea#commbody {
	border: 1px solid #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
	border-width: 0 0 0 1px;
	padding: 5px 3px;
	background-color: #f6f6f6;
	width: 30em;
        font-size: 1em;
        }

input[type="submit"] { /* przycisk "Wyslij" */
	width: auto;
	border-width: 0 0 0 1px;
	border-left-style: solid;
	border-left-color: #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
	padding: 3px 5px;
	margin-top: 0px;
	background-color: #fff;
	color: #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
        font-size: 0.9em;
        }

p#hint {
	color: #aaa;
	font-size: 0.8em;
	margin-left: 15px;
	width: 550px;
        }

label {
        font-size: 0.8em;
        color: #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
        }



/* Logowanie */



.login {
	margin-left: 0px;
	text-transform:	none;
	float: right;
	width: 562px;
	font-size: 0.8em;
        }

.login h3 {
	font-size: 1.5em;
	color: #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
        }

.podz h3 {
	font-size: 1.5em;
	color: #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
        }

.login p {
	margin: 10px;
	font-size: 0.9em;
	line-height: 160%;
	color: #636363;
	text-align: justify; 
        }

input[type="password"] {
	width: 8em;
	border-width: 0 0 0 1px;
	border-left: 1px solid #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
	padding-left: 3px;
	background-color: #f3f3f3;
        font-size: 0.9em;
        }


.haslo {
        width: auto;
        padding: 0px 0px 0px 35px;
        }

.loguj {
        width: auto;
        padding: 0px 0px 0px 79px;
        }

/* Stopka */

#stopka {
	clear: both;
	margin:	0px 0 0 0;
	padding: 0px 20px 0px 0px;
	border:	8px solid #ffffff;
        background-color: #74a8f5; /* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
	font-size: 1em;
	text-transform:	lowercase;	
	color: #ffffff;
        }

#stopka a {
	font-weight: bold;
	text-decoration: none;
        }

#stopka a:link,
#stopka a:visited {
	color: #ffffff;
        }

#stopka a:active,
#stopka a:hover {
	text-decoration: underline;
        }

#prawa {
	padding: 10px 0 0 0;
	font-size: 1.25em;
	text-align: right;

}
#prawa a {
	font-weight: normal;
	text-decoration: none;
        }

#stopka_linki {
	padding: 10px 10px 10px 10px;
	font-size: 0.95em;
        }

#stopka_linki ul {
	margin:	0;
	padding:0;
        }

#stopka_linki ul li {
	margin:	0;
	padding: 0;
	list-style: none;
        }


/* inne rzeczy */
img {
        border: 0px;
        }

.w_prawo {
        text-align: right;
        margin-right: 8px;
        font-size: 0.8em;
        }

#srodek a {
	font-weight: normal;
	text-decoration: none;
        }

#srodek a:link,
#srodek a:visited {
	color: #74a8f5;/* #74a8f5 - niebieski; #ffd600 - żółty; #fb9622 - pomarańczowy; #85C329 - zielony */
        }

#srodek a:active,
#srodek a:hover {
	text-decoration: none;
	color: #636363;
        }
Źródło „http://wiki.jogger.pl/index.php?title=Szablon&oldid=3507”