NOTICE:
This is a component page used internally by the SCP Wiki. It is intended to be used and included on other pages.
What is this?
This is an add-on to the Anomaly Class Bar that allows authors to input custom containment, disruption, and risk classes, as well as customize other parts of the ACS header.
How do I use it?
There are a few main main subcomponents that can be implemented here. Each of these can be used independent of one another, depending on what you need.
In order for this component to work, you must first insert the Anomaly Class Bar into your page. Fill out all of the relevant fields in the ACS header before moving on. This includes implementing your custom classes onto the ACS bar itself.
Next, implement whichever of the below components is relevant. All text in blue is replaced by the relevant inputs.
Custom Containment Class
To implement a custom containment class, input the following code:
[[include :scp-wiki:component:customizable-acs
|containment-class= Containment class name
|containment-image= Containment class icon
|containment-color= Containment class color, in RGB code
|inc-containment = --]]]
Custom Disruption Class
To implement a custom disruption class, input the following code:
[[include :scp-wiki:component:customizable-acs
|disruption-class= Disruption class name
|disruption-image= Disruption class icon
|disruption-color= Disruption class color, in RGB code
|inc-disruption= --]]]
Custom Risk Class
To implement a custom risk class, input the following code:
[[include :scp-wiki:component:customizable-acs
|risk-class= Risk class name
|risk-image= Risk class icon
|risk-color= Risk class color, in RGB code
|inc-risk= --]]]
Custom Containment Class (With Neutralized Class Layout)
To implement a custom containment class using the neutralized class layout, input the following code:
[[include :scp-wiki:component:customizable-acs
|containment-class= Containment class name
|containment-image= Containment class icon
|containment-color= Containment class color, in RGB code
|inc-neutralized-layout = --]]]
For the original Neutralized class colors, input 66, 66, 72 into the containment-color field.
Custom Containment Class (With Esoteric Class Layout)
To implement a custom containment class using the esoteric class layout, input the following code:
[[include :scp-wiki:component:customizable-acs
|containment-class= Containment class name
|containment-image= Containment class icon
|containment-color= Containment class color, in RGB code
|inc-esoteric-layout = --]]]
In order for this to be applied, the ACS component must also be wrapped in [[div class="anom-bar-esoteric"]], like so:
[[div class="anom-bar-esoteric"]]
[[include :scp-wiki:component:anomaly-class-bar-source
|item-number=
|clearance=
|container-class=
|secondary-class=
|secondary-icon=
|disruption-class=
|risk-class=
]]
[[/div]]
This is so that the same object class can be applied in a separate ACS component on the same page, without it trying to display the esoteric class formatting. If you want it to display like normal, simply don't wrap it in the above div.
Split Class Coloring
Note: This subcomponent is intended to be used with the Esoteric Class Layout subcomponent directly above.
This subcomponent assigns a color to a secondary class, and also allows for the containment class section to include a background that splits between the containment and secondary class colors. For a similar component, see PepperGhost's ACS Splitter.
To use it, input the following code:
[[include :scp-wiki:component:customizable-acs
|containment-class= Containment class name
|containment-color= Containment class color, in RGB code
|secondary-class= Secondary class name
|secondary-color= Secondary class color, in RGB code
|inc-split-color= --]]]
Custom Clearance Bar Colors
You can also use this component to change the colors of the clearance level bars! To do so, input the following code, inputting the custom color into the relevant clearance level:
[[include :scp-wiki:component:customizable-acs
|clearance-six= Clearance bar level 6 color, in RGB code
|clearance-five= Clearance bar level 5 color, in RGB code
|clearance-four= Clearance bar level 4 color, in RGB code
|clearance-three= Clearance bar level 3 color, in RGB code
|clearance-two= Clearance bar level 2 color, in RGB code
|clearance-one= Clearance bar level 1 color, in RGB code
|inc-clearance= --]]]
Note that you do not need to fill every field here, only the ones with the relevant clearance levels.
Custom Clearance Bar Images
This subcomponent also changes the clearance bar, but this time it allows for the bars to display a background image in a manner similar to the default settings for the Level 6 clearance. To do so, input the following code:
[[include :scp-wiki:component:customizable-acs
|clearance-six-image= Clearance bar level 6 image
|clearance-five-image= Clearance bar level 5 image
|clearance-four-image= Clearance bar level 4 image
|clearance-three-image= Clearance bar level 3 image
|clearance-two-image= Clearance bar level 2 image
|clearance-one-image= Clearance bar level 1 image
|inc-clearance-image= --]]]
As with the custom clearance bar colors above, you do not need to fill every field here, only the ones with the relevant clearance levels.
Custom Text
Warning: Do not include the standard ACS component with this subcomponent. Due to the inability to replace text entirely using CSS, this component works by directly importing the ACS component itself, and rewriting parts of the div content.
This subcomponent allows you to replace any part of the ACS component's text (except for sections covered by other parts of this component page). To use it, input the following code:
[[include :scp-wiki:component:customizable-acs
|item-number= Item number
|clearance= Clearance level
|container-class= Containment class
|secondary-class= Secondary class (optional)
|secondary-icon= Secondary class icon (optional unless with secondary class)
|disruption-class= Disruption class
|risk-class= Risk class
|item-text= Replaces "ITEM#:" text
|level-text= Replaces "LEVEL" text
|clearance-number-text= Replaces level number
|clearance-text= Replaces clearance name (e.g. "Unrestricted" for Level 2)
|containment-text= Replaces "CONTAINMENT CLASS:" text
|secondary-text= Replaces "SECONDARY CLASS:" text
|disruption-text= Replaces "DISRUPTION CLASS:" text
|risk-text= Replaces "RISK CLASS:" text
|inc-custom-text= --]]]
All of the above parameters must be filled (unless stated to be optional) in order for the component to function.
