Szablon: Różnice pomiędzy wersjami
Z JoggerWiki
m (Panel konfiguracyjny -> administracyjny) |
|||
(Nie pokazano 13 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"?> | ||
+ | <!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></pre> | ||
+ | |||
+ | <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"; | @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>', | + | </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> | <COMMENT_BLOCK> | ||
− | + | <div class="&COMMENT_CLASS;"> | |
− | <COMMENT_FAVICON/> <COMMENT_NICK/> | + | <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> | </COMMENT_BLOCK> | ||
− | + | <!-- Koniec Komentarzy --> | |
− | + | <!-- Początek formularza --> | |
− | + | <div class="podz"> <h3>Dodaj komentarz:</h3> </div> | |
− | + | <div class="komed"> | |
<COMMENT_FORM_BLOCK> | <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> | <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> | </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> | <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_START_BLOCK> | ||
<COMMENT_FORM_NOTIFY_STOP_BLOCK> | <COMMENT_FORM_NOTIFY_STOP_BLOCK> | ||
− | + | <input type="submit" name="notifystop" id="notifystop" value="Przestań śledzić." /> | |
</COMMENT_FORM_NOTIFY_STOP_BLOCK> | </COMMENT_FORM_NOTIFY_STOP_BLOCK> | ||
− | + | </td> | |
− | + | </tr> | |
<COMMENT_FORM_NOUSER_BLOCK> | <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> | </COMMENT_FORM_NOUSER_BLOCK> | ||
− | + | <tr> | |
− | + | <td> </td> | |
− | + | <td><input type="submit" name="submit" id="submitcomm" value="Wyslij" /></td> | |
− | + | </tr> | |
− | + | </table> | |
− | + | </form> | |
</COMMENT_FORM_BLOCK> | </COMMENT_FORM_BLOCK> | ||
− | + | </div> | |
<COMMENT_LOGGED_BLOCK> | <COMMENT_LOGGED_BLOCK> | ||
− | + | <div class="komed"> | |
− | + | <label id="commlogged" for="commlogged">Tylko zalogowani użytkownicy mogą komentować.</label> | |
− | + | </div> | |
</COMMENT_LOGGED_BLOCK> | </COMMENT_LOGGED_BLOCK> | ||
<COMMENT_NONE_BLOCK> | <COMMENT_NONE_BLOCK> | ||
− | + | <div class="komed"> | |
− | + | <label id="commnone" for="commnone">Komentarze zablokowane.</label> | |
− | + | </div> | |
</COMMENT_NONE_BLOCK> | </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> | <ARCHIVE_BLOCK> | ||
− | + | <li><a href="<ARCHIVE_HREF/>"><ARCHIVE_HREF_DESCR/> (<ARCHIVE_ENTRIES/>)</a></li> | |
</ARCHIVE_BLOCK> | </ARCHIVE_BLOCK> | ||
− | + | </ul> | |
− | + | </div> | |
− | + | <div class="menu"> | |
− | + | <ul> | |
− | + | <li><a href="#" class="aktualne">Kategorie</a></li> | |
<CATEGORY_BLOCK> | <CATEGORY_BLOCK> | ||
− | + | <li><a href="<CATEGORY_HREF/>"><CATEGORY_HREF_DESCR/> (<CATEGORY_ENTRIES/>)</a></li> | |
</CATEGORY_BLOCK> | </CATEGORY_BLOCK> | ||
− | + | </ul> | |
− | + | </div> | |
<LINK_GROUP_BLOCK> | <LINK_GROUP_BLOCK> | ||
− | + | <div class="menu"> | |
− | + | <ul> | |
− | + | <li><a href="#" class="aktualne"><LINK_GROUP_DESCR/></a></li> | |
<LINK_BLOCK> | <LINK_BLOCK> | ||
− | + | <li><a href="<LINK_HREF/>"><LINK_HREF_DESCR/></a></li> | |
</LINK_BLOCK> | </LINK_BLOCK> | ||
− | + | </ul> | |
− | + | </div> | |
</LINK_GROUP_BLOCK> | </LINK_GROUP_BLOCK> | ||
− | + | <div class="menu"><ul> | |
<NOUSER_BLOCK> | <NOUSER_BLOCK> | ||
− | + | <li><a href="<USER_LOG_IN_HREF/>" class="aktualne">Zaloguj!</a></li> | |
</NOUSER_BLOCK> | </NOUSER_BLOCK> | ||
<LOGGED_USER_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> | </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> | |
</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ń 13:37, 12 mar 2007
Spis treści
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; }