Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| projects:dokuwiki:nuropa-template:toolbar [2024/11/17 12:27] – [Colours and Styles] admin | projects:dokuwiki:nuropa-template:toolbar [2024/11/17 20:00] (current) – [Colours and Styles] admin | ||
|---|---|---|---|
| Line 27: | Line 27: | ||
| <figure outline [style=width: | <figure outline [style=width: | ||
| <div [style=text-align: | <div [style=text-align: | ||
| - | {{: | + | {{: |
| ---- | ---- | ||
| - | {{: | + | {{: |
| </ | </ | ||
| < | < | ||
| Line 69: | Line 69: | ||
| ^ Setting ^ Description ^ Default ^ Dark mode ^ | ^ Setting ^ Description ^ Default ^ Dark mode ^ | ||
| - | | Toolbar fonts | Fonts to be used in the toolbar | + | | Toolbar fonts | Fonts to be used in the toolbar | '' |
| - | | Toolbar font size | Base font size for the toolbar | '' | + | | Toolbar font size | Base font size for the toolbar | '' |
| - | | Toolbar background | Toolbar background colour | <span [style=background-color:# | + | | Toolbar background | Toolbar background colour | <span [style=background-color:# |
| - | | Toolbar text | Toolbar text colour | <span [style=background-color:# | + | | Toolbar text | Toolbar text colour | <span [style=background-color:# |
| - | | Toolbar border | Toolbar bottom border colour | <span [style=background-color:# | + | | Toolbar border | Toolbar bottom border colour | <span [style=background-color:# |
| - | | Toolbar focus | Toolbar focus ring colour | <span [style=background-color:# | + | | Toolbar focus | Toolbar focus ring colour | <span [style=background-color:# |
| Line 104: | Line 104: | ||
| You can use these example files as starting points for your own include hooks. To use them, simply download these and place them into your ''/ | You can use these example files as starting points for your own include hooks. To use them, simply download these and place them into your ''/ | ||
| - | ==== Custom | + | ==== Toolbar custom |
| This include file adds a custom menu to the toolbar which links to other web sites: | This include file adds a custom menu to the toolbar which links to other web sites: | ||
| Line 141: | Line 141: | ||
| * This element also //must// have a '' | * This element also //must// have a '' | ||
| * The menu element can have any content. The example code contains a list of two links to external sites. | * The menu element can have any content. The example code contains a list of two links to external sites. | ||
| + | |||
| + | ==== Simple marker ==== | ||
| + | |||
| + | In some circumstances it may be useful to have a simple marker where the hook is placed. Here is a simple red box that can be used for this purpose: | ||
| + | |||
| + | <file html toolbar-post.html> | ||
| + | <!-- BEGIN Included file: toolbar-post.html --> | ||
| + | <button style=" | ||
| + | <!-- END OF toolbar-post.html --> | ||
| + | </ | ||
| + | |||
| + | This is of course how the boxes in the screenshot on top of this page have been done. | ||
| + | |||