Components BHL

Link to article: Components BHL.

Module Styles

• (none)

Inline Styles

• (none)

Includes

• :scp-wiki:component:centered-header-bhl [info]
• :scp-wiki:component:dkj [info]
• :scp-wiki:component:toggle-sidebar-bhl [info]
• :scp-wiki:component:bhl-dark-sidebar [info]
• :scp-wiki:component:rso [info]

CSS Classes

• (none)

Page Source

@@ @@
@@ @@
++ Black Highlighter (BHL)
@@ @@
@@ @@

[[=]]
----
+++ [[size 125%]]📎[[/size]][[[component:centered-header-bhl | Centered Header BHL]]]
----
[[/=]]

[[=image http://lspr.wikidot.com/local--files/components-hub/centeredheaderbhl.png]]


This component centres the image on the page it is used on. It is highly recommended you use this [[[component:toggle-sidebar-bhl | Toggle Sidebar]]] or [[[component:collapsible-sidebar | Collapsible Sidebar]]]. Paste the following somewhere on your page:

> @@[[include :scp-wiki:component:centered-header-bhl]]@@

@@ @@
[[=]]
----
+++ [[size 125%]]📎[[/size]][[[component:djk | DJK]]]
----
[[/=]]

[[image https://i.imgur.com/8NGSYoT.png]]

This component is a personal styling component for [[*user djkaktus]]. To use it, paste the following:

> @@[[include :scp-wiki:component:dkj]]@@

@@ @@
[[=]]
----
+++ [[size 125%]]📎[[/size]][[[component:toggle-sidebar-bhl | Toggle Sidebar BHL]]]
----
[[/=]]

This component hides the sidebar behind a button on desktop, similar to how it is on the mobile version. To use it, paste the following somewhere on your page:

> @@[[include :scp-wiki:component:toggle-sidebar-bhl]]@@

If you want, you can also style the button so it matches any custom themes you may be using. If so, paste the following //after// the [[include]]:

You can see this component in action on this very page!

@@ @@
[[=]]
----
+++ [[size 125%]]📎[[/size]][[[component:bhl-dark-sidebar | BHL Dark Sidebar]]]
----
[[/=]]

This component reverts the BHL sidebar to the very first one, giving it a darker tone. To use it, paste the following somewhere on your page:

> @@[[include :scp-wiki:component:bhl-dark-sidebar]]@@

You can see this component in use in the [[[theme:swirling-ashes | Swirling Ashes Theme]]].

@@ @@
[[=]]
----
+++ [[size 125%]]📎[[/size]][[[component:rso | RSO Component]]]
----
[[/=]]

This component is a personal styling component for [[*user Rounderhouse]]. To use it, paste the following on your page:

> @@[[include :scp-wiki:component:rso]]@@

This component is regularly updated and altered by Rounderhouse to implement CSS changes on his articles. Thus, it is not recommended you use it unless you're A) Rounderhouse or B) okay with your page occasionally breaking.

@@ @@
------
------