Szablon na bloga Bikestats

Dla wszystkich fotografów jeżdżących na rowerach został stworzony specjalny szablon na blogi Bikestats. Szablon do złudzenia przypomina wygląd tej strony i zawiera podstawowe informacje statystyczne wycieczki. Przykład zastosowania można zobaczyć tutaj.

Szablon posiada jedno niestandardowe rozwiązanie, mianowicie, przy komentarzach do naszych wpisów pokazują się avatary z photo.bikestats, jeśli tylko komentujący posiada taką samą nazwę użytkownika w obydwu serwisach.

Szablon można modyfikować do woli, dodawać kolumny w sidebarze, jakieś dodatkowe informacje o wycieczce, itd., lecz nie można usuwać z niego informacji o jego autorze. Szablon jest udostępniony na licencji Creative Commons (BY - Uznanie autorstwa)

Uwagi konfiguracyjne:

zmienna widget_user powinna być zmieniona na własny numerek (jaki? masz go na stronie w widżetem)
link w menu "zdjęcia" działa jedynie jeśli na bikestats oraz photo.bikestats mamy taką samą nazwę użytkownika (na photo.biketstas można zmienić tą nazwę)
Adres (link) do RSS'a trzeba podać własny - ręcznie (elementy te są ujęte w komentarzu)

Uwagi do tego można zostawiać w komentarzach do wpisu tutaj.

Oto kod szablonu:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title><$BlogTytul$><$BlogInfNazwa$> - <$BlogInfId$></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <$BlogMetaDane$> <meta name="description" content="<$BlogInfOpis$>" /> <meta name="keywords" content="<$BlogInfOpis$>" />  <link href="http://www.bikestats.eu/bikelog/style.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://photo.bikestats.eu/script/jquery/jquery-1.2.6.pack.js" charset="utf-8"></script> <link rel="stylesheet" href="http://photo.bikestats.eu/script/widget/css/widget20.css" type="text/css" media="screen" charset="utf-8" /> <script type="text/javascript" src="http://photo.bikestats.eu/script/widget/widget20.js" charset="utf-8"></script> <script type="text/javascript"> widget_user = 2; widget_width = 300; widget_photos = 12; widget_mode = 'popular'; function stripHTML(oldString) { return oldString.replace(/(<([^>]+)>)/ig,""); } </script> </head> <body> <div id="header"> <div id="menu"> <div> <a href="http://<$BlogInfId$>.bikestats.pl" title="zdjęcia z wycieczek rowerowych"><img class="logo" border="0" height="50" width="50" alt="<$BlogInfId$>" src="<$BlogInfAvatarImg$>"/></a> <h1 title="<$BlogInfNazwa$> blog rowerowy ze zdjęciami"><$BlogInfId$></h1> <h2><$BlogInfNazwa$></h2> </div> <ul class="menu"> <li><a href="http://<$BlogInfId$>.bikestats.pl" title="strona główna bloga">start</a></li> <BlogKategorie> <li><$BlogKategoriaLink$></li> </BlogKategorie> <li><a href="http://photo.bikestats.eu/<$BlogInfId$>,profil.html" title="moje zdjęcia na photo.bikestats">zdjęcia</a></li> </ul> </div> </div> <div id="wrap"> <div id="content"> <div id="page"> <$BlogKategoriaNaglowek$> <BlogWpisy> <h1 class="title"><$BlogWpisTitle$></h1> <div class="entrymeta"> <strong><$BlogWpisData$></strong> <BlogKomentarzeWlaczone> | <a href="<$BlogWpisKomentarze$>">Komentarze <$BlogWpisKomIlosc$></a> </BlogKomentarzeWlaczone> </div> <div class="photobox"> <$BlogWpisTresc$> </div> </BlogWpisy> <BlogWpis> <div style="padding: 5px 0 5px 0;"> Dane wyjazdu: <strong><$BlogWpisKm$></strong> km, <strong><$BlogWpisCzasHHMM$></strong> h<br/> <$BlogWpisKategorie$> </div> <BlogKomentarzeWlaczone> <h2>Komentarze</h2> <BlogKomentarze> <div class="singlecomment"> <div style="float: left; width: 120px; text-align: center; padding-bottom: 10px;"> <a href="<$BlogKomentURL$>"> <script type="text/javascript"> var avatar = stripHTML('<$BlogKomentAutorLink$>'); document.write('<img src="http://www.bikestats.eu/bikelog/avatar/?n='+avatar+'" class="avatar" alt="'+avatar+'" width="60" border="0" height="60">'); </script> </a> </div> <div style="float: right; width: 500px;"> <div style="position: relative;" class="small"> <$BlogKomentAutorLink$> dodaje od siebie <div style="position: absolute; top: 0px; right: 0px;"> <$BlogKomentData$> <$BlogKomentKasuj$> </div> </div> <blockquote class="content"> <span><$BlogKomentTresc$></span> </blockquote> </div> </div> <div class="clear"></div> </BlogKomentarze> <div id="commentbox"> <$BlogKomentarzeNowyForm$> </div> </BlogKomentarzeWlaczone> </BlogWpis> <div style="clear: both"></div> </div> <div id="sidebar"> <div style="position: relative; height: 60px;"> <h1><$BlogInfId$></h1> <strong><$BlogInfMiasto$></strong> <div style="position: absolute; right: 0px; top: 0px;"> <img class="avatar" height="60" width="60" alt="<$BlogInfId$>" src="<$BlogInfAvatarImg$>"/> </div> </div> <h2>Statystyki z licznika</h2> <div class="thumbset"> <ul> <li>przejechane <b><$BlogInfKm$></b> km</li> <li><b><$BlogInfKmTeren$></b> km w terenie</li> <li>prędkość średnia <b><$BlogInfPrSrednia$></b></li>  </ul> </div> <h2>Najpopularniejsze zdjęcia</h2> <div class="thumbset" id="widget"> </div> <br/> <div style="width: 300px; height: 250px; background: #333;"> <script type="text/javascript">  </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <br/> <h2>Linki</h2> <div class="thumbset"> <ul> <li><a href="http://photo.bikestats.eu" target="_blank" title="zdjęcia z wycieczek">Zdjęcia</a> z wycieczek rowerowych</li> </ul> </div> <h2>Widżety</h2> <div class="thumbset"> <ul> </ul> </div> <h2>Archiwum</h2> <div class="thumbset"> <ul> <BlogArchiwum> <li><$BlogArchLink$><span class="archinfo" title="wpisy i komentarze"> <$BlogArchWpisy$> - <$BlogArchKomentarze$></span></li> </BlogArchiwum> </ul> </div> </div> </div> <div style="height: 20px; clear: both;"></div> </div> <div id="footer"> <div class="content"> <div style="position: relative;">  Blog hostowany przez <a href="http://www.bikestats.pl" title="społeczność rowerzystów" target="_blank">bikestats</a>, gdzie zdjęcia podaje <a href="http://photo.bikestats.eu" title="zdjęcia rowerowe" target="_blank">photo.bikestats</a>.<br/> Szablon specjalnie pod zdjęcia z <a href="http://photo.bikestats.eu" title="zdjęcia rowerowe">photo.bikestats</a> przygotował <a href="http://www.banki-zdjec.pl" title="sprzedaż zdjęć Rafał Olkis">Rafał Olkis</a> aka <a href="http://rachwal.bikestats.pl" title="blog ze zdjęciami" target="_blank">rachwal</a> </div> </div> </div> </body> </html>