DokuWiki

It's better when it's simple

User Tools

Site Tools


template:scanlines

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
template:scanlines [2013-10-14 00:49] – old revision restored (2013/08/07 10:41) achtemplate:scanlines [2023-12-16 12:53] (current) – screenshots Aleksandr
Line 6: Line 6:
 email         : johannes@rocking-minds.org email         : johannes@rocking-minds.org
 lastupdate    : 2013-01-01 lastupdate    : 2013-01-01
-compatible    : 2011-05-25 "Rincewind"2012-01-25 "Angua", Weatherwax+compatible    : Rincewind, Angua, Weatherwax, Detritus 
 depends       :  depends       : 
 conflicts     :  conflicts     : 
 similar       :  similar       : 
-screenshot_img: http://img268.imageshack.us/img268/6025/scanlines.png 
 tags          : sidebar, cms, blue, css3, easy, fontface, simple, topmenu tags          : sidebar, cms, blue, css3, easy, fontface, simple, topmenu
  
-downloadurl   : https://sourceforge.net/projects/dwtplscanlines/files/Scanlines/2013-01-01_scanlines.tar.gz/download +downloadurl   : http://netcologne.dl.sourceforge.net/project/dwtplscanlines/Scanlines/2013-01-01_scanlines.tar.gz 
-bugtracker    : https://sourceforge.net/p/dwtplscanlines/wiki/Devel%3A%20DW%20TPL%20Scanlines +bugtracker    : http://sourceforge.net/p/dwtplscanlines/tickets
-sourcerepo    : # eg. http://github.com/example/dokuwiki-template-sample/+sourcerepo    : # eg. https://github.com/example/dokuwiki-template-sample/
 donationurl   : # eg. https://www.paypal.com/... donationurl   : # eg. https://www.paypal.com/...
 +
 +screenshot_img: https://trello.com/1/cards/657d8b3eb1074d5b3144543f/attachments/657d8bac72b0eb381cb049dc/download/scanlines.png?recache
 ----  ---- 
  
 +[[https://sourceforge.net/p/dwtplscanlines/wiki/Devel%3A%20DW%20TPL%20Scanlines|Deployment]]
  
- +{{https://trello.com/1/cards/657d8b3eb1074d5b3144543f/attachments/657d8baa2f8a9f6438e3a8d8/download/scanlines-featured.png?recache|}}
-[[https://sourceforge.net/p/dwtplscanlines/wiki/Devel%3A%20DW%20TPL%20Scanlines|Deployment]] \\ +
-{{http://img38.imageshack.us/img38/6882/scanlinesfeatured.png? |}}+
  
 ===== The Idea ===== ===== The Idea =====
-Dokuwiki is a fantastic wiki engine, but there is no template which is blindingly easy. You always have to edit some css or html-files and not everyone is able to do this. So I created a template, named [[template:scanlines|Scanlines]] which is very easy. You just install it and it work's. You don't have to edit anything else as your stuff. You can do it all in the template configuration. For example adding some navibuttons or style your own logo. Have fun! ;-) + 
 +DokuWiki is a fantastic wiki engine, but there is no template which is blindingly easy. You always have to edit some css or html-files and not everyone is able to do this. So I created a template, named **Scanlines** which is very easy. You just install it and it work's. You don't have to edit anything else as your stuff. You can do it all in the template configuration. For example adding some navibuttons or style your own logo. Have fun! ;-) 
  
 ===== Features ===== ===== Features =====
-{{ http://img716.imageshack.us/img716/2853/featuresik.png?300|}}+ 
 +{{ https://trello.com/1/cards/657d8b3eb1074d5b3144543f/attachments/657d8ba82ae122b7bd32f101/download/featuresik.png?300&recache|}} 
   * responsive web design (Tablet PCs, Smartphones)   * responsive web design (Tablet PCs, Smartphones)
   * sidebar (many options)   * sidebar (many options)
Line 37: Line 41:
   * some more stuff ...   * some more stuff ...
  
- Use [[http://adaptive-images.com|Adaptive Images]] for Smartphones (in German [[http://www.elmastudio.de/programmierung/mit-adaptive-images-bilder-fur-responsive-webdesigns-optimieren|Mit »Adaptive Images« Bilder für responsive Webdesigns optimieren]]). +Use [[http://adaptive-images.com/|Adaptive Images]] for Smartphones (in German [[https://www.elmastudio.de/mit-adaptive-images-bilder-fur-responsive-webdesigns-optimieren/|Mit »Adaptive Images« Bilder für responsive Webdesigns optimieren]]).
- +
  
 ===== Screenshots ===== ===== Screenshots =====
-{{http://img268.imageshack.us/img268/6025/scanlines.png?500|}} 
  
-[[http://wiki.rocking-minds.org|Live preview]]+{{https://trello.com/1/cards/657d8b3eb1074d5b3144543f/attachments/657d8bac72b0eb381cb049dc/download/scanlines.png?500&recache|}} 
 + 
 +[[http://wiki.rocking-minds.org/|Live preview]] 
 + 
 +===== Download and Installation===== 
 + 
 +Search and install the template using the [[plugin:extension|Extension Manager]] or manually with the download from the [[https://sourceforge.net/projects/dwtplscanlines/files/Scanlines/2013-01-01_scanlines.tar.gz/download|SourceForge Mirror]]. Refer to [[:Template]] on how to install templates manually. 
  
-===== Download ===== 
-[[https://sourceforge.net/projects/dwtplscanlines/files/Scanlines/2013-01-01_scanlines.tar.gz/download|{{ http://img713.imageshack.us/img713/4003/sourceforge.png?300|}}]] 
 Make sure you download the archive for your installed DokuWiki version! Make sure you download the archive for your installed DokuWiki version!
 +
 +[[https://sourceforge.net/projects/dwtplscanlines/files/Scanlines/2013-01-01_scanlines.tar.gz/download|{{ https://trello.com/1/cards/657d8b3eb1074d5b3144543f/attachments/657d8efabc73918444fe9e2e/download/dl-sf.png?300&recache|}}]]
  
 ^ DokuWiki Version ^ Download ^  ^ DokuWiki Version ^ Download ^ 
Line 56: Line 64:
 | 2011-05-25 "Rincewind" | [[https://sourceforge.net/projects/dwtplscanlines/files/Scanlines/2011-05-25_scanlines.tar.gz/download|2011-05-25_scanlines.tar.gz]] | | 2011-05-25 "Rincewind" | [[https://sourceforge.net/projects/dwtplscanlines/files/Scanlines/2011-05-25_scanlines.tar.gz/download|2011-05-25_scanlines.tar.gz]] |
  
- 
-===== Installation ===== 
-Refer to [[:template]] on how to install and use templates in DokuWiki. 
  
 ===== Configuration ===== ===== Configuration =====
  
 ==== 26 settings ==== ==== 26 settings ====
 +
 Here you can see the 26 template-settings:   Here you can see the 26 template-settings:  
  
Line 94: Line 100:
  
 ==== The structure of the template ==== ==== The structure of the template ====
 +
 A picture is worth a thousand words. A picture is worth a thousand words.
-[[https://sourceforge.net/projects/dwtplscanlines/files/Scanlines/2011-05-25_scanlines_structure.tar.gz/download|Dowload The structure of the template (svg)]] \\ \\ +[[https://sourceforge.net/projects/dwtplscanlines/files/Scanlines/2011-05-25_scanlines_structure.tar.gz 
-{{http://img696.imageshack.us/img696/3672/scanlinesstructure.png?500 |}}+/download|Dowload The structure of the template (svg)]]
  
 +Preview:
  
 +{{https://trello.com/1/cards/657d8b3eb1074d5b3144543f/attachments/657d8bae988c359bdafff810/download/the-structure-of-the-template.png?recache|}}
  
 ==== Sidebar Types ==== ==== Sidebar Types ====
 +
 These are the different sidebar types. These are the different sidebar types.
  
Line 114: Line 124:
 | extra | some user information  | | extra | some user information  |
 | custom | see [[arctic#adding custom sidebars|custom sidebar]] | | custom | see [[arctic#adding custom sidebars|custom sidebar]] |
- 
  
 ---- ----
  
 Source: [[:template:arctic|Arctic Template]]. Thanks ;-) Source: [[:template:arctic|Arctic Template]]. Thanks ;-)
- 
  
 ===== Customizing ===== ===== Customizing =====
Line 126: Line 134:
  
 ==== own logo ==== ==== own logo ====
 +
 The default logo consists of text. You can add in the DokuWiki Config Manager your own definition and your name for the default text logo. If you want to replace the default text showed in the headline, simply overwrite or delete logo.png in "scanlines/user". Paste your "logo.[png|gif|jpg|jpeg]" in "scanlines/user" and slect "The logo consists of text or an image" image in the DokuWiki Config Manager. The template recognizes the file and will use it instead of the default text. \\ \\ The default logo consists of text. You can add in the DokuWiki Config Manager your own definition and your name for the default text logo. If you want to replace the default text showed in the headline, simply overwrite or delete logo.png in "scanlines/user". Paste your "logo.[png|gif|jpg|jpeg]" in "scanlines/user" and slect "The logo consists of text or an image" image in the DokuWiki Config Manager. The template recognizes the file and will use it instead of the default text. \\ \\
 :!: Do not forget to empty your **browser's cache** afterwards. :!: Do not forget to empty your **browser's cache** afterwards.
  
 ==== own favicon ==== ==== own favicon ====
 +
 If you want to replace the default favicon, simply create a "favicon.ico" in "scanlines/user". The template recognizes the file automatically and will use it instead of the default one. Do not forget to empty your browser'    cache afterwards. By the way: you might find the following online tool useful: http://tools.dynamicdrive.com/favicon \\ \\ If you want to replace the default favicon, simply create a "favicon.ico" in "scanlines/user". The template recognizes the file automatically and will use it instead of the default one. Do not forget to empty your browser'    cache afterwards. By the way: you might find the following online tool useful: http://tools.dynamicdrive.com/favicon \\ \\
 :!: **Note:** "favicon.png" is also possible but not recommended (cause it is not supported by most MSIE versions). :!: **Note:** "favicon.png" is also possible but not recommended (cause it is not supported by most MSIE versions).
                      
 ==== own Apple Touch Icon ==== ==== own Apple Touch Icon ====
 +
 If you want to replace the default Apple Touch Icon, simply create a "apple-touch-icon.png" in "scanlines/user". The template recognizes the file automatically and will use it instead of the default one. Have a look at Apple's developer database if you need more information ("Configuring Web Applications" http://j.mp/sx3NMT). If you want to replace the default Apple Touch Icon, simply create a "apple-touch-icon.png" in "scanlines/user". The template recognizes the file automatically and will use it instead of the default one. Have a look at Apple's developer database if you need more information ("Configuring Web Applications" http://j.mp/sx3NMT).
  
 ==== own CSS  ==== ==== own CSS  ====
 +
 To apply additional CSS rules, edit "scanlines/user/screen.css" (influences normal layout) and/or "scanlines/user/print.css" (influences print layout) and/or "scanlines/user/rtl.css" (influences "right-to-left" languages like    hebrew). These files will be included automatically (as the last ones for the relevant media, therefore you are able to overrule existing styles). \\ \\ To apply additional CSS rules, edit "scanlines/user/screen.css" (influences normal layout) and/or "scanlines/user/print.css" (influences print layout) and/or "scanlines/user/rtl.css" (influences "right-to-left" languages like    hebrew). These files will be included automatically (as the last ones for the relevant media, therefore you are able to overrule existing styles). \\ \\
 :!: Do not forget to empty your **browser's cache** afterwards.  :!: Do not forget to empty your **browser's cache** afterwards. 
- 
  
 ==== own JavaScript ==== ==== own JavaScript ====
 +
 To load additional JavaScript, edit "scanlines/user/user.js". Do not forget to empty your browser's cache afterwards. \\ \\ To load additional JavaScript, edit "scanlines/user/user.js". Do not forget to empty your browser's cache afterwards. \\ \\
 :!: **Attention:** Do not forget to activate the template option "scanlines_loaduserjs" (->"Load 'scanlines/user/user.js'?") in the DokuWiki Config Manager! :!: **Attention:** Do not forget to activate the template option "scanlines_loaduserjs" (->"Load 'scanlines/user/user.js'?") in the DokuWiki Config Manager!
                                
 ==== Web analytics software (Piwik, Google Analytics etc.) ==== ==== Web analytics software (Piwik, Google Analytics etc.) ====
 +
 Tools like Piwik and Google Analytics normally provide a small code snippet ("tag") which you have to include at your website to make everything work. If you want to use such software with this template, have a look at "scanlines/user/tracker.php". This file exists to make it easier for you. You don't have to deliberate where you have to copy and paste the code, simply do it there. Tools like Piwik and Google Analytics normally provide a small code snippet ("tag") which you have to include at your website to make everything work. If you want to use such software with this template, have a look at "scanlines/user/tracker.php". This file exists to make it easier for you. You don't have to deliberate where you have to copy and paste the code, simply do it there.
- 
  
 ---- ----
Line 154: Line 166:
  
 ===== Plugins compatibility ===== ===== Plugins compatibility =====
 +
 Already tested plugins: Already tested plugins:
  
Line 159: Line 172:
   * [[plugin:gallery|Gallery plugin]]   * [[plugin:gallery|Gallery plugin]]
   * [[plugin:translation3|Translation3 plugin]]   * [[plugin:translation3|Translation3 plugin]]
- 
  
 ===== Browser compatibility ===== ===== Browser compatibility =====
 +
 This topic is very special. I used wonderful css3, but this isn't understood by every browser. This topic is very special. I used wonderful css3, but this isn't understood by every browser.
  
Line 173: Line 186:
  
 ===== Credits ===== ===== Credits =====
 +
 Thanks to Andreas Haerter's [[template:mnml-blog:|mnml-blog]] template, Michael Klier's [[:template:arctic]] template and Anika Henke's [[template:starter]] template. \\ Thanks to Andreas Haerter's [[template:mnml-blog:|mnml-blog]] template, Michael Klier's [[:template:arctic]] template and Anika Henke's [[template:starter]] template. \\
 I used these templates as a starting point (mainly the [[:template:arctic?&#configuration|configuration]], [[:template:arctic?&#sidebar_types|sidebar]], and [[template:mnml-blog?&#customizing| customizing]]. I used these templates as a starting point (mainly the [[:template:arctic?&#configuration|configuration]], [[:template:arctic?&#sidebar_types|sidebar]], and [[template:mnml-blog?&#customizing| customizing]].
- 
  
 ===== Sites using this Template ===== ===== Sites using this Template =====
 +
 Feel free to add yours!\\ Feel free to add yours!\\
   * [[http://wiki.rocking-minds.org]]   * [[http://wiki.rocking-minds.org]]
template/scanlines.1381704599.txt.gz · Last modified: 2013-10-14 00:49 by ach

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki