Szablon: Różnice pomiędzy wersjami

Z JoggerWiki
Skocz do: nawigacji, wyszukiwania
m (Panel konfiguracyjny -> administracyjny)
 
(Nie pokazano 12 wersji utworzonych przez 5 użytkowników)
Linia 1: Linia 1:
 
<h2>Szablon strony głównej</h2>  
 
<h2>Szablon strony głównej</h2>  
 +
Przykładowy szablon strony głównej joga, dostępny w panelu administracyjnym.
 
<dl><dd><pre>
 
<dl><dd><pre>
 
<?xml version="1.0" encoding="UTF-8"?>
 
<?xml version="1.0" encoding="UTF-8"?>
Linia 38: Linia 39:
 
<p>&ENTRY_CONTENT;</p>
 
<p>&ENTRY_CONTENT;</p>
 
</div>
 
</div>
<div class="w_prawo"><a href="&ENTRY_COMMENT_HREF;">&ENTRY_COMMENT_HREF_DESCR;</a>. <!-- jeszcze nie <a href="#">trackback (0)</a> --></div><br />
+
<div class="w_prawo"><a href="&ENTRY_COMMENT_HREF;">&ENTRY_COMMENT_HREF_DESCR;</a>. <a href="&ENTRY_TRACKBACK_HREF;">trackback</a>
 +
</div><br />
 
<div class="linia"></div><br />
 
<div class="linia"></div><br />
 
<!-- Koniec wpisu -->
 
<!-- Koniec wpisu -->
Linia 115: Linia 117:
  
 
<h2>Szablon strony komentarzy</h2>  
 
<h2>Szablon strony komentarzy</h2>  
 +
Przykładowy szablon strony komentarzy joga, dostępny w panelu administracyjnym.
 
<dl><dd><pre>
 
<dl><dd><pre>
&lt;?xml version="1.0" encoding="UTF-8"?>
+
<?xml version="1.0" encoding="UTF-8"?>
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
&lt;head>
+
<head>
&lt;meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
+
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
&lt;meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
+
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
&lt;meta http-equiv="Reply-to" content="soil@czuby.net" />
+
<meta http-equiv="Reply-to" content="soil@czuby.net" />
&lt;meta http-equiv="Content-Language" content="pl" />
+
<meta http-equiv="Content-Language" content="pl" />
&lt;meta name="Robots" content="NOINDEX" />
+
<meta name="Robots" content="NOINDEX" />
&lt;meta name="author" content="Dawid Penkala"/>
+
<meta name="author" content="Dawid Penkala"/>
&lt;link rel="icon" href="favicon.png" type="image/x-icon"/>
+
<link rel="icon" href="favicon.png" type="image/x-icon"/>
&lt;link rel="shortcut icon" href="/files/favicon_b.png" type="image/x-icon" />
+
<link rel="shortcut icon" href="/files/favicon_b.png" type="image/x-icon" />
&lt;style type="text/css" media="all">
+
<style type="text/css" media="all">
 
@import "/files/style_blue.css";
 
@import "/files/style_blue.css";
&lt;/style>
+
</style>
&lt;title>JoggerPL :: &JID;&lt;/title>
+
<title>JoggerPL :: &JID;</title>
  
&lt;/head>  
+
</head>  
 
   
 
   
&lt;body>
+
<body>
&lt;div id="szablon">
+
<div id="szablon">
&lt;div id="logo">
+
<div id="logo">
  
&lt;a href="#">&JID;&lt;/a>
+
<a href="#">&JID;</a>
  
&lt;/div>
+
</div>
&lt;div id="srodek">
+
<div id="srodek">
  
&lt;!--Początek wpisu -->
+
<!--Początek wpisu -->
  &lt;div class="wpis" id="<ENTRY_ID/>">
+
  <div class="wpis" id="<ENTRY_ID/>">
&lt;h3>&ENTRY_SUBJECT;&lt;/h3>
+
<h3>&ENTRY_SUBJECT;</h3>
&lt;span class="data">Dodane <ENTRY_DATE/> o <ENTRY_HOUR/> w kategorii '<ENTRY_CATEGORY_BLOCK>
+
<span class="data">Dodane <ENTRY_DATE/> o <ENTRY_HOUR/> w kategorii '<ENTRY_CATEGORY_BLOCK>
&lt;a href="&ENTRY_CATEGORY_HREF;">&ENTRY_CATEGORY_HREF_DESCR2;&lt;/a>
+
<a href="&ENTRY_CATEGORY_HREF;">&ENTRY_CATEGORY_HREF_DESCR2;</a>
</ENTRY_CATEGORY_BLOCK>',&lt;/span>
+
</ENTRY_CATEGORY_BLOCK>',</span>
&lt;p>&ENTRY_CONTENT;&lt;/p>
+
<p>&ENTRY_CONTENT;</p>
&lt;/div>
+
</div>
&lt;div class="w_prawo">&lt;a href="<ALL_ENTRIES_HREF/>">Pokaż wszystkie wpisy.&lt;/a>&lt;/div>&lt;br />
+
<div class="w_prawo"><a href="<ALL_ENTRIES_HREF/>">Pokaż wszystkie wpisy.</a></div><br />
&lt;div class="linia">&lt;/div>&lt;br />
+
<div class="linia"></div><br />
&lt;!-- Koniec wpisu -->
+
<!-- Koniec wpisu -->
&lt;!-- Początek komentarzy -->  
+
<!-- Początek komentarzy -->  
&lt;h3>Komentarze:&lt;/h3>
+
<h3>Komentarze:</h3>
 
<COMMENT_BLOCK>
 
<COMMENT_BLOCK>
 
    
 
    
&lt;div class="&COMMENT_CLASS;">
+
<div class="&COMMENT_CLASS;">
         <COMMENT_FAVICON/> <COMMENT_NICK/> &lt;span class="kom">|&lt;/span>&lt;span class="komdata"> <COMMENT_DATE/>, <COMMENT_HOUR/>&lt;/span>
+
         <COMMENT_FAVICON/> <COMMENT_NICK/> <span class="kom">|</span><span class="komdata"> <COMMENT_DATE/>, <COMMENT_HOUR/></span>
             &lt;div class="komentarz">&lt;div><COMMENT_CONTENT/>&lt;/div>  
+
             <div class="komentarz"><div><COMMENT_CONTENT/></div>  
       &lt;/div>&lt;/div>  
+
       </div></div>  
 
     </COMMENT_BLOCK>  
 
     </COMMENT_BLOCK>  
&lt;!-- Koniec Komentarzy -->
+
<!-- Koniec Komentarzy -->
&lt;!-- Początek formularza -->
+
<!-- Początek formularza -->
  
 
      
 
      
&lt;div class="podz"> &lt;h3>Dodaj komentarz:&lt;/h3> &lt;/div>
+
<div class="podz"> <h3>Dodaj komentarz:</h3> </div>
&lt;div class="komed">
+
<div class="komed">
 
  <COMMENT_FORM_BLOCK>
 
  <COMMENT_FORM_BLOCK>
&lt;form action="<COMMENT_FORM_ACTION/>" method="post" id="formcomment">
+
<form action="<COMMENT_FORM_ACTION/>" method="post" id="formcomment">
   &lt;table>
+
   <table>
     &lt;tr>
+
     <tr>
       &lt;td>&lt;label id="commnicklab" for="commnickid">Podpis:&lt;/label>&lt;/td>
+
       <td><label id="commnicklab" for="commnickid">Podpis:</label></td>
       &lt;td>&lt;input type="text" name="commnickid" id="commnickid" value="<COMMENT_FORM_NICKID/>" />&lt;/td>
+
       <td><input type="text" name="commnickid" id="commnickid" value="<COMMENT_FORM_NICKID/>" /></td>
     &lt;/tr>
+
     </tr>
 
<COMMENT_FORM_NOUSER_BLOCK>
 
<COMMENT_FORM_NOUSER_BLOCK>
     &lt;tr>
+
     <tr>
   &lt;tr>
+
   <tr>
       &lt;td>&lt;label id="commnickurllab" for="commnickurl">Url:&lt;/label>&lt;/td>
+
       <td><label id="commnickurllab" for="commnickurl">Url:</label></td>
       &lt;td>&lt;input type="text" name="commnickurl" id="commnickurl" value="<COMMENT_FORM_NICKURL/>" />&lt;/td>
+
       <td><input type="text" name="commnickurl" id="commnickurl" value="<COMMENT_FORM_NICKURL/>" /></td>
     &lt;/tr>
+
     </tr>
 
</COMMENT_FORM_NOUSER_BLOCK>
 
</COMMENT_FORM_NOUSER_BLOCK>
  &lt;tr>
+
  <tr>
       &lt;td>&lt;label id="commbodylab" for="commbody">Tresc:&lt;/label>&lt;/td>
+
       <td><label id="commbodylab" for="commbody">Tresc:</label></td>
       &lt;td>&lt;textarea name="commbody" id="commbody" cols="60" rows="6"><COMMENT_FORM_BODY/>&lt;/textarea>&lt;/td>
+
       <td><textarea name="commbody" id="commbody" cols="60" rows="6"><COMMENT_FORM_BODY/></textarea></td>
     &lt;/tr>
+
     </tr>
     &lt;tr>
+
     <tr>
       &lt;td>&nbsp;&lt;/td>
+
       <td>&nbsp;</td>
       &lt;td>
+
       <td>
 
<COMMENT_FORM_NOTIFY_START_BLOCK>
 
<COMMENT_FORM_NOTIFY_START_BLOCK>
&lt;input type="checkbox" name="notifystart" id="notifystart" value="notify" checked="checked" />
+
<input type="checkbox" name="notifystart" id="notifystart" value="notify" checked="checked" />
&lt;label id="notifylab" for="notifystart">Śledź ten wątek.&lt;/label>
+
<label id="notifylab" for="notifystart">Śledź ten wątek.</label>
 
</COMMENT_FORM_NOTIFY_START_BLOCK>
 
</COMMENT_FORM_NOTIFY_START_BLOCK>
 
<COMMENT_FORM_NOTIFY_STOP_BLOCK>
 
<COMMENT_FORM_NOTIFY_STOP_BLOCK>
&lt;input type="submit" name="notifystop" id="notifystop" value="Przestań śledzić." />
+
<input type="submit" name="notifystop" id="notifystop" value="Przestań śledzić." />
 
</COMMENT_FORM_NOTIFY_STOP_BLOCK>
 
</COMMENT_FORM_NOTIFY_STOP_BLOCK>
     &lt;/td>
+
     </td>
     &lt;/tr>
+
     </tr>
  
 
<COMMENT_FORM_NOUSER_BLOCK>
 
<COMMENT_FORM_NOUSER_BLOCK>
   &lt;tr>
+
   <tr>
       &lt;td>&lt;label id="codelab" for="code"><img src="<COMMENT_FORM_CODE/>" alt="code" />&lt;/label>&lt;/td>
+
       <td><label id="codelab" for="code"><img src="<COMMENT_FORM_CODE/>" alt="code" /></label></td>
       &lt;td>&lt;input type="text" name="code" id="code" />&lt;/td>
+
       <td><input type="text" name="code" id="code" /></td>
     &lt;/tr>
+
     </tr>
  
 
</COMMENT_FORM_NOUSER_BLOCK>
 
</COMMENT_FORM_NOUSER_BLOCK>
  
     &lt;tr>
+
     <tr>
       &lt;td>&nbsp;&lt;/td>
+
       <td>&nbsp;</td>
       &lt;td>&lt;input type="submit" name="submit" id="submitcomm" value="Wyslij" />&lt;/td>
+
       <td><input type="submit" name="submit" id="submitcomm" value="Wyslij" /></td>
     &lt;/tr>
+
     </tr>
   &lt;/table>
+
   </table>
&lt;/form>
+
</form>
 
</COMMENT_FORM_BLOCK>
 
</COMMENT_FORM_BLOCK>
&lt;/div>
+
</div>
  
 
<COMMENT_LOGGED_BLOCK>
 
<COMMENT_LOGGED_BLOCK>
&lt;div class="komed">
+
<div class="komed">
&lt;label id="commlogged" for="commlogged">Tylko zalogowani użytkownicy mogą komentować.&lt;/label>
+
<label id="commlogged" for="commlogged">Tylko zalogowani użytkownicy mogą komentować.</label>
&lt;/div>
+
</div>
 
</COMMENT_LOGGED_BLOCK>
 
</COMMENT_LOGGED_BLOCK>
  
 
<COMMENT_NONE_BLOCK>
 
<COMMENT_NONE_BLOCK>
&lt;div class="komed">
+
<div class="komed">
&lt;label id="commnone" for="commnone">Komentarze zablokowane.&lt;/label>
+
<label id="commnone" for="commnone">Komentarze zablokowane.</label>
&lt;/div>
+
</div>
 
</COMMENT_NONE_BLOCK>
 
</COMMENT_NONE_BLOCK>
  
&lt;!-- Koniec formularza -->
+
<!-- Koniec formularza -->
&lt;/div>
+
</div>
  
&lt;div id="menu">
+
<div id="menu">
&lt;div class="panel">
+
<div class="panel">
&lt;!-- Początek Menu -->
+
<!-- Początek Menu -->
  &lt;div class="menu">
+
  <div class="menu">
&lt;ul>
+
<ul>
&lt;li>&lt;a href="#" class="aktualne"><STATUS_TEXT/>&lt;/a>&lt;/li>
+
<li><a href="#" class="aktualne"><STATUS_TEXT/></a></li>
&lt;li>&lt;a href="#"><STATUS_DESCR/>&lt;/a>&lt;/li>
+
<li><a href="#"><STATUS_DESCR/></a></li>
&lt;/ul>
+
</ul>
&lt;/div>
+
</div>
         &lt;div class="menu">
+
         <div class="menu">
&lt;ul>
+
<ul>
&lt;li>&lt;a href="#" class="aktualne">Archiwum&lt;/a>&lt;/li>
+
<li><a href="#" class="aktualne">Archiwum</a></li>
 
<ARCHIVE_BLOCK>
 
<ARCHIVE_BLOCK>
&lt;li>&lt;a href="<ARCHIVE_HREF/>"><ARCHIVE_HREF_DESCR/> (<ARCHIVE_ENTRIES/>)&lt;/a>&lt;/li>
+
<li><a href="<ARCHIVE_HREF/>"><ARCHIVE_HREF_DESCR/> (<ARCHIVE_ENTRIES/>)</a></li>
 
</ARCHIVE_BLOCK>
 
</ARCHIVE_BLOCK>
&lt;/ul>
+
</ul>
&lt;/div>
+
</div>
&lt;div class="menu">
+
<div class="menu">
&lt;ul>
+
<ul>
&lt;li>&lt;a href="#" class="aktualne">Kategorie&lt;/a>&lt;</li>
+
<li><a href="#" class="aktualne">Kategorie</a></li>
 
<CATEGORY_BLOCK>
 
<CATEGORY_BLOCK>
&lt;li>&lt;a href="<CATEGORY_HREF/>"><CATEGORY_HREF_DESCR/> (<CATEGORY_ENTRIES/>)&lt;/a>&lt;/li>
+
<li><a href="<CATEGORY_HREF/>"><CATEGORY_HREF_DESCR/> (<CATEGORY_ENTRIES/>)</a></li>
 
                   </CATEGORY_BLOCK>
 
                   </CATEGORY_BLOCK>
 
 
&lt;/ul>
+
</ul>
&lt;/div>
+
</div>
 
<LINK_GROUP_BLOCK>
 
<LINK_GROUP_BLOCK>
&lt;div class="menu">
+
<div class="menu">
&lt;ul>
+
<ul>
&lt;li>&lt;a href="#" class="aktualne"><LINK_GROUP_DESCR/>&lt;/a>&lt;/li>
+
<li><a href="#" class="aktualne"><LINK_GROUP_DESCR/></a></li>
 
<LINK_BLOCK>
 
<LINK_BLOCK>
&lt;li>&lt;a href="<LINK_HREF/>"><LINK_HREF_DESCR/>&lt;/a>&lt;/li>
+
<li><a href="<LINK_HREF/>"><LINK_HREF_DESCR/></a></li>
 
                   </LINK_BLOCK>
 
                   </LINK_BLOCK>
 
 
&lt;/ul>
+
</ul>
&lt;/div>
+
</div>
 
</LINK_GROUP_BLOCK>
 
</LINK_GROUP_BLOCK>
&lt;div class="menu"><ul>
+
<div class="menu"><ul>
 
<NOUSER_BLOCK>
 
<NOUSER_BLOCK>
&lt;li>&lt;a href="<USER_LOG_IN_HREF/>" class="aktualne">Zaloguj!&lt;/a>&lt;/li>
+
<li><a href="<USER_LOG_IN_HREF/>" class="aktualne">Zaloguj!</a></li>
 
                   </NOUSER_BLOCK>
 
                   </NOUSER_BLOCK>
 
<LOGGED_USER_BLOCK>
 
<LOGGED_USER_BLOCK>
   &lt;li>&lt;a href="#" class="aktualne"><LOGGED_USER_NAME/>&lt;/a>&lt;/li>
+
   <li><a href="#" class="aktualne"><LOGGED_USER_NAME/></a></li>
   &lt;li>&lt;a href="&LOGGED_USER_LOG_OUT_HREF;">Wyloguj!&lt;/a>&lt;/li>
+
   <li><a href="&LOGGED_USER_LOG_OUT_HREF;">Wyloguj!</a></li>
 
</LOGGED_USER_BLOCK>
 
</LOGGED_USER_BLOCK>
 
                  
 
                  
&lt;/ul>
+
</ul>
&lt;/div>
+
</div>
&lt;!-- Koniec menu -->
+
<!-- Koniec menu -->
&lt;/div>
+
</div>
&lt;/div>
+
</div>
&lt;!-- Początek stopki -->
+
<!-- Początek stopki -->
&lt;div id="stopka">
+
<div id="stopka">
&lt;div id="prawa">
+
<div id="prawa">
&lt;a href="http://jogger.pl">Jogger.PL&lt;/a> (c) 2006&lt;/div>
+
<a href="http://jogger.pl">Jogger.PL</a> (c) 2006</div>
&lt;div id="stopka_linki">
+
<div id="stopka_linki">
&lt;ul>
+
<ul>
&lt;li>&lt;a href="<RSS/>">RSS&lt;/a> feed,&lt;/li>
+
<li><a href="<RSS/>">RSS</a> feed,</li>
&lt;li>Valid &lt;a href="http://validator.w3.org/check?uri=referer">XHTML&lt;/a> and &lt;a href="http://jigsaw.w3.org/css-validator/">CSS&lt;/a>,&lt;/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>
&lt;li>Wszystkie prawa zastrzeżone.&lt;/li>
+
<li>Wszystkie prawa zastrzeżone.</li>
&lt;/ul>
+
</ul>
&lt;/div>
+
</div>
&lt;/div>&lt;/div>
+
</div></div>
&lt;!-- Koniec stopki -->
+
<!-- Koniec stopki -->
&lt;/body>&lt;/html>
+
</body></html>
  
  
  
 
</pre></dd></dl>
 
</pre></dd></dl>
 +
 +
<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>
 +
<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>
 +
 +
</pre></dd></dl>
 +
 +
 +
 +
<h2>Plik CSS</h2>
 +
Przykładowy plik CSS
 +
<dl><dd><pre>
 +
 +
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;
 +
        }
 +
</pre></dd></dl>
 +
 +
[[Kategoria:Pomoc]]

Aktualna wersja na dzień 14:37, 12 mar 2007

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/>">					
<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="&ENTRY_COMMENT_HREF;">&ENTRY_COMMENT_HREF_DESCR;</a>. <a href="&ENTRY_TRACKBACK_HREF;">trackback</a>
</div><br />
<div class="linia"></div><br />
<!-- Koniec wpisu -->
</ENTRY_DAY_BLOCK>
</ENTRY_BLOCK>

</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>

</dl></dd>

Szablon strony komentarzy

Przykładowy szablon strony komentarzy 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">

<!--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 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">
<!-- 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;
        }