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. | ||
+ |