Comment from: poorboy2
This panel lets you control some code-level features such as adding custom CSS and/or custom JavaScript to your skins without needing to touch/modify any core b2evolution files. This should keep upgrades easy for you down the line.
Note: Only an admin user with global Collection admin privileges can change these settings.
- Automatically display Alt skin if: Conditions to display Alt skin
- Referer URL contains: Switch to alt skin if referer url contains the string. Skin may be reset back to normal skin if referer url is not started from current collection base url and it doesn’t contain the string of this setting.
- Allow customized blog CSS file: enables the possibility to load a custom CSS file directly from the File Root of this collection. That file must be named
style.css. - Allow user customized CSS file for this blog: if this is enabled, b2evolution will try to load a custom CSS file tailored to the User that is currently browsing the collection. For this to work, Users must have a
style.cssfile placed in their User’s File Root. - Custom meta tag/CSS section (before </head>): Any HTML code you add here will be injected at the end of each page’s
<head>section for this collection. For an example of using this, see: How to add a Google Font (WebFont) ? - Custom javascript section (after <body>): Any HTML code you add here will be injected at the beginning of each page’s
<body>section for this collection. - Custom javascript section (before </body>): Any HTML code you add here will be injected at the end of each page’s
<body>section for this collection.
Important: Please note that code to be injected in the page in the fields above could be restricted by the XHTML validation applied to your User Group. Disabling those restrictions could become a security risk, please do not proceed if you do not know exactly what are you doing. This is why typically only Admins with extended permissions should be allowed to modify this.
1 comment
Would love to see a tutorial for added javascript here. Maybe a bootstrap lightbox.https://github.com/ashleydw/lightbox
Nicer than colorbox because you can just click the right half of the image to advance to the next image, as opposed to small arrows that jump around with different sized images.