Created Templates (markdown)

master
El RIDO 9 years ago
parent 48e76ba922
commit 69235dd1b0

@ -0,0 +1,35 @@
ZeroBin comes with multiple templates and of course you can also create your own to adjust the look of it to your site.
## Creating templates
For beginners it is suggested to copy `tpl/bootstrap.html` and adapt it to your design. You can put the HTML of your template into the directory `tpl`, i.e. `tpl/myawesometemplate.html`.
If you don't reuse external resources (CSS, images, etc.) in your ZeroBin template, we suggest to put CSS and fonts into a subfolder at `css/myawesometemplate`, images into a subfolder at `img/myawesometemplate` and javascript libraries into the folder `js` (if these are publicly available libraries, it is suggested to include the version number in the file name, to ensure they are reloaded in your visitors browser when you upgrade them).
ZeroBin uses the [RainTPL template engine](http://rainphp.github.io/raintpl/), you can read about its possibilities on their documentation for webdesigners](https://github.com/rainphp/raintpl3/wiki/Documentation-for-web-designers).
## Configuring templates
To enable the use of a template, configure its name (without the `.html` ending) in the [template property](https://github.com/elrido/ZeroBin/wiki/Configuration#template) in the configuration file at `cfg/conf.ini`.
## Templates included in ZeroBin
### page
This is the classic ZeroBin template as used until 0.19 Alpha:
![page ZeroBin template](https://zerobin.dssr.ch/img/0.21/page.png)
### bootstrap
This is a [bootstrap CSS](http://getbootstrap.com/) based ZeroBin template and the default as of 0.20:
![bootstrap ZeroBin template](https://zerobin.dssr.ch/img/0.21/bootstrap.png)
### bootstrap-compact
This is a slightly modified template based on the bootstrap one above. It moves some options into a drop down and the navigation floats fixed to the top, even when scrolling down:
![bootstrap-compact ZeroBin template](https://zerobin.dssr.ch/img/0.21/bootstrap-compact.png)
Loading…
Cancel
Save