20Cones Template

Das 20Cones Template hat eine in html codierte Topbar. Eine Sidebar ist an der rechten Bildschirmseite angeordnet, falls gewünscht.

(CC) BY-SA

Das Template kann von der Herstellerseite geladen werden. Eine kurze Anleitung ist auf der Downloadseite (in Englisch) vorhanden.

Die Topbar ist in der Datei ../dokuwiki/lib/tpl/20cones/topbar.html definiert. Alle Grafiken und Icons der Topbar sind im Verzeichnis ../dokuwiki/lib/tpl/20cones/images abgelegt, bzw. abzulegen. Die Icons sollten eine Höhe von 32 Pixel und einen transparenten Hintergrund haben.

Ein Beispiel ist das folgende Icon:    

topbar.html

<div id="top-tabs">
 <a href="/dokuwiki" class="tab-home">
  <img src="lib/tpl/20cones/images/icon-home.png">
 </a>
 <div id="tab-menu">
 <ul id="tab-main-menu">
  <li><a href="?id=about">Über</a></li>
  <li><a href="?id=downloads">Downloads</a></li>
  <li><a href="?id=contribute">Contribute</a></li>
  <li><a href="?id=contact">Contact</a></li>
  <li><a href="?id=hilfe">Hilfe</a></li>
 </ul>
 </div>
 <ul id="tab-social">
 <li>
   <a href="#">
      <img src="lib/tpl/20cones/images/icon_rpi4_32.png">
   </a>
 </li>
</ul>
</div>

Bei meiner Installation von 20Cones wurden die folgenden Einstellungen in der style.ini vorgenommen:

sudo nano /mnt/ssd/www/html/dokuwiki/lib/tpl/20cones/style.ini
; site and sidebar widths
__site_width__      = "1200px"           ; @ini_site_width
__sidebar_width__   = "220px"            ; @ini_sidebar_width