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:
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
|
||||||
|
### bootstrap
|
||||||
|
|
||||||
|
This is a [bootstrap CSS](http://getbootstrap.com/) based ZeroBin template and the default as of 0.20:
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
|
||||||
|
### 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:
|
||||||
|
|
||||||
|

|
Loading…
Reference in New Issue
Block a user