Created Templates (markdown)
parent
48e76ba922
commit
69235dd1b0
35
Templates.md
Normal file
35
Templates.md
Normal file
@ -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…
Reference in New Issue
Block a user