wiki:template:bootstrap3:start

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
wiki:template:bootstrap3:start [2015/10/09 23:47] – Giuseppe Di Terlizziwiki:template:bootstrap3:start [2020/05/31 16:19] (current) – Giuseppe Di Terlizzi
Line 7: Line 7:
  
 To complete the visual/user experience use my [[doku>plugin:bootswrapper|Bootstrap Wrapper]] and [[doku>plugin:icons|Icons]] plugins. To complete the visual/user experience use my [[doku>plugin:bootswrapper|Bootstrap Wrapper]] and [[doku>plugin:icons|Icons]] plugins.
 +
 +<btn type="success" icon="fa fa-download">[[https://github.com/LotarProject/dokuwiki-template-bootstrap3/zipball/master|Download]]</btn> <btn type="default" icon="fa fa-bug">[[https://github.com/LotarProject/dokuwiki-template-bootstrap3/issues|Bug tracker]]</btn> <btn type="default" icon="fa fa-paypal">[[https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9LJDLVSNGYSA2|Donate]]</btn>
 </jumbotron> </jumbotron>
 +
 ===== Features ===== ===== Features =====
  
-  * HTML5+  * HTML5 and CSS3 
 +  * Responsive
   * Bootstrap 3.x based template   * Bootstrap 3.x based template
-  * High customizable via the [[#Configuration|configuration manager]] +  * Glyphicons and FontAwesome icons 
-  * Many [[#Available Hooks|html hooks]] +  * AnchorJS support 
-  * Responsive +  * Typeahead support 
-  * Sidebar support (**left** or **right** position) +  * High customizable via the configuration manager 
-  * Right Sidebar support (see [[#the_right_sidebar|the note]] below) +  * Many html and DokuWiki hooks 
-  * Many themes made from [[https://bootswatch.com|Bootswatch]] +  * Sidebar support ( left and/or right ) 
-  * Theme switcher for Bootswatch.com themes +  * [Bootswatch](https://bootswatch.com) themes 
-  * Left and Right sidebar size +  * Theme switcher 
-  * [[#Cookie Law Banner Notice]] +  * Cookie Law Banner Notice 
-  * Landing pages support+  * Google Analytics integration 
 +  * Avatar support for Gravatar, Libravatar and Office365
  
 ==== Includes ==== ==== Includes ====
Line 27: Line 32:
   * All Bootswatch.com themes   * All Bootswatch.com themes
   * Glyphicons and FontAwesome icons   * Glyphicons and FontAwesome icons
 +  * Anchor.JS
 +  * Typeahead
  
  
-See the [[#Visual Tour|visual tour]].+See the [[.:tour|visual tour]].
  
 ==== Plugin Integration ==== ==== Plugin Integration ====
  
-  * [[doku>plugin:translation|Translation Plugin]]+  * [[doku>plugin:bootswrapper|Bootstrap Wrapper Plugin]] 
 +  * [[doku>plugin:diagram|Diagram Plugin]]
   * [[doku>plugin:discussion|Discussion Plugin]]   * [[doku>plugin:discussion|Discussion Plugin]]
 +  * [[doku>plugin:edittable|Edittable Plugin]]
 +  * [[doku>plugin:explain|Explain Plugin]]
 +  * [[doku>plugin:inlinetoc|Inlinetoc Plugin]]
 +  * [[doku>​plugin:​linkback|Linkback Plugin]]
 +  * [[doku>plugin:move|Move Plugin]]
 +  * [[doku>​plugin:​overlay|Overlay Plugin]]
 +  * [[doku>plugin:publish|Publish Plugin]]
 +  * [[doku>plugin:rack|Rack Plugin]]
 +  * [[doku>plugin:tagging|Tagging Plugin]]
   * [[doku>plugin:tags|Tags Plugin]]   * [[doku>plugin:tags|Tags Plugin]]
-  * [[doku>plugin:tagging|Tagging Plugin]] +  * [[doku>plugin:translation|Translation Plugin]] 
-  * [[doku>plugin:publish|Publish Plugin]] +  * [[doku>plugin:userhomepage|User Home-Page Plugin]]
-  * [[doku>plugin:explain|Explain Plugin]]+
   * [[doku>plugin:wrap|Wrap Plugin - Tabs]]   * [[doku>plugin:wrap|Wrap Plugin - Tabs]]
-  * [[doku>plugin:bootswrapper|Bootstrap Wraper Plugin]] 
-  * [[doku>plugin:edittable|Edittable Plugin]] 
  
 ==== Localization ==== ==== Localization ====
Line 47: Line 61:
 This template is available in: This template is available in:
  
-  * English+  * Chinese 
 +  * Czech 
 +  * French 
 +  * German 
 +  * Hungarian 
 +  * Indonesian
   * Italian   * Italian
-  * German 
   * Japanese   * Japanese
 +  * Korean
 +  * Norwegian
 +  * Persian
 +  * Polish
 +  * Portuguese
 +  * Portuguese (Brazil)
 +  * Russian
 +  * Slovak
   * Spanish   * Spanish
-  * Russian 
-  * Simplified Chinese 
  
-Join on [[https://www.transifex.com/lotar-project/dokuwiki-template-bootstrap3/|Transifex platform]] to translate this template in your favourite language.+Join on [[https://www.transifex.com/lotar-project/dokuwiki-template-bootstrap3/|Transifex platform]] to translate this template in your favorite language.
  
 ===== Download and Install ====== ===== Download and Install ======
Line 64: Line 88:
  
  
-===== Customize the theme ===== +===== Popularity ===== 
- +{{rss>https://www.dokuwiki.org/lib/plugins/pluginrepo/popularity.php?key=conf_template&limit=10&d=365&output=rss 1d}}
-To customize the theme edit your ''conf/[[doku>devel:css#user_styles|userstyle.css]]'' (or ''userall.css'').  +
-Bootstrap3 theme provide a special class to ''<body/>'' to identify the current theme. +
- +
-<code css>  +
-  /** Vanilla Bootstrap Theme */ +
-  +
-  body.default .page-header { +
-    font-weight: 900; +
-  } +
-  +
-  +
-  /** Optional Bootstrap Theme */ +
-  +
-  body.optional .img-responsive { +
-    display: inline-block; +
-  } +
-  +
-  +
-  /** Custom Bootstrap Theme */ +
-  +
-  body.custom .btn-success { +
-    background-color: green; +
-  } +
- +
- +
-  /** Lumen - Bootswatch.com theme */ +
-  +
-  body.lumen .navbar-default { +
-    background-color: red; +
-  } +
-</code> +
- +
-===== Available Hooks ===== +
- +
-==== HTML Hooks ==== +
- +
-All files must be located in the template directory e.g. ''lib/tpl/bootstrap3/'' +
- +
-^ File Name           ^ Position of included HTML ^ +
-^ ''meta.html''       | Inside the HTML ''<head>'', use this to add additional styles or metaheaders | +
-^ ''topheader.html''  | At the very top of the page right after the ''<body>'' tag | +
-^ ''header.html''     | Above the upper blue bar, below the pagename and wiki title | +
-^ ''navbar.html''     | Inside the navbar, use this to add additional links (e.g. ''<li><a href="/foo">Foo</a></li>'') | +
-^ ''pageheader.html'' | Below the breadcrumbs, above the actual content | +
-^ ''pagefooter.html'' | Above the lower blue bar, below the last changed Date | +
-^ ''footer.html''     | At the very end of the page just before the ''</body>'' tag | +
-^ ''sidebarheader.html'' | On top of the sidebar | +
-^ ''sidebarfooter.html'' | On bottom of the sidebar | +
-^ ''social.html''        | Below the ''header.html'', use this to add a social buttons (eg. Google+, Twitter, LinkedIn, etc) | +
-^ ''rightsidebarheader.html'' | On top of the right sidebar | +
-^ ''rightsidebarfooter.html'' | On bottom of the right sidebar | +
- +
-==== DokuWiki hooks ==== +
- +
-More of this hooks is useful to create differents and personalized sections for every namespaces.+
  
-^ Page name          ^ Description ^ Per namespaces ^ 
-| '':sidebar''       | The sidebar | YES | 
-| '':rightsidebar''  | The right-sidebar | YES | 
-| '':navbar''        | Navbar with sub-menus | YES | 
-| '':pageheader''    | Header of the Wiki article | YES | 
-| '':pagefooter''    | Footer of the Wiki article | YES | 
-| '':footer''        | Footer of the page | YES | 
-| '':cookie:banner'' | Cookie-Law banner | NO | 
-| '':cookie:policy'' | Cookie-Law policy | NO | 
  
 +===== More information =====
  
-=== Navbar ===+For more information about Bootstrap: 
 +  * Bootstrap -- https://getbootstrap.com/docs/3.4/ 
 +  * Bootswatch -- https://bootswatch.com/3/ 
 +  * Bootstrap Cheat Sheet -- https://websitesetup.org/bootstrap-cheat-sheet/ ([[https://websitesetup.org/wp-content/uploads/2020/03/Bootstrap-Cheat-Sheet-websitesetup.org_.pdf|PDF]])
  
-This hook is a standard DokuWiki page with the unordered-list of links (internal or external). The template replace the unordered-list with a menu bar with a dropdown-menu.+===== Development =====
  
-This is an example:+=== Releases === 
 +{{rss>http://lotar.altervista.org/feed-wrapper.php?feed=https%3A%2F%2Fgithub.com%2FLotarProject%2Fdokuwiki-template-bootstrap3%2Freleases.atom 5 1h }}
  
-{{ http://lotar.altervista.org/dokuwiki/_media/wiki/template/bootstrap3-template-navbar-page.png?nocache|}} <code> +=== Change Log ===
-  * [[:start|Home]] +
-  * DokuWiki +
-    * [[:wiki:welcome]] +
-    * [[:wiki:syntax]] +
-    * [[:wiki:dokuwiki]] +
-  * [[:playground:playground]] +
-~~NOCACHE~~ +
-</code>+
  
-<callout type="info"> +== Master Branch == 
-Its possible create different navbars for every namespaces with the same behavior of sidebar page. +{{rss>http://lotar.altervista.org/feed-wrapper.php?feed=https%3A%2F%2Fgithub.com%2FLotarProject%2Fdokuwiki-template-bootstrap3%2Fcommits%2Fmaster.atom 5 author date 1h }}
-</callout>+
  
-{{page>.:tour&nofooter&inline}}+== Develop Branch == 
 +{{rss>http://lotar.altervista.org/feed-wrapper.php?feed=https%3A%2F%2Fgithub.com%2FLotarProject%2Fdokuwiki-template-bootstrap3%2Fcommits%2Fdevelop.atom 5 author date 1h }}
  
 +=== Bugs / Feature Requests ===
 +Please report bugs or feature requests at the [[github>LotarProject/dokuwiki-template-bootstrap3/issues|Bug tracker]].
  • wiki/template/bootstrap3/start.1444427256.txt.gz
  • Last modified: 9 years ago
  • by Giuseppe Di Terlizzi