Project:Example Collapsible Elements: Difference between revisions

From Step Mods | Change The Game
mNo edit summary
 
(23 intermediate revisions by 2 users not shown)
Line 99: Line 99:
|}
|}
|}
|}
<br>
===NavFrame Examples (uses custom Js)===
<div class="toccolours mw-collapsible" style="width:400px; overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">Lorem ipsum sample</div>
<div class="mw-collapsible-content">
This text is collapsible. {{Lorem}}
</div></div>
<br />


<div class="NavFrame">
<div class="NavHead">'''Title 1'''</div>
<div class="NavContent">
Hello world.
</div>
</div>
<div class="NavFrame">
<div class="NavHead">'''Title 2'''</div>
<div class="NavContent" style="display: none;">
Hello world.
</div>
</div>
<br>


===Generic mw-collapsible Examples===
===Generic mw-collapsible Examples===
Line 355: Line 330:
| class="stepmcmhd p-2" | ModName1  
| class="stepmcmhd p-2" | ModName1  
|-
|-
| colspan="1" class="stepmcmbd d-flex flex-wrap justify-content-around p-1" | {{GallerySimple|id=someGalleryName|img=File:TESV-2015-05-28-15-24-44-93.jpg}}
| colspan="1" class="stepmcmbd d-flex flex-wrap justify-content-around p-1" | [[File:CCCleaner.jpg]]
{{GallerySimple|id=someGalleryName|img=File:TESV-2015-05-28-15-21-58-77.jpg}}
 
|}
|}
|-
|-
Line 363: Line 338:
| class="stepmcmhd p-2" | ModName2  
| class="stepmcmhd p-2" | ModName2  
|-
|-
| colspan="1" class="stepmcmbd d-flex flex-wrap justify-content-around p-1" | {{GallerySimple|id=someGalleryName|img=File:TESV-2015-05-28-15-24-44-93.jpg}}
| colspan="1" class="stepmcmbd d-flex flex-wrap justify-content-around p-1" | [[File:Configurable Hotkeys - Gameplay.jpg]]
{{GallerySimple|id=someGalleryName|img=File:TESV-2015-05-28-15-21-58-77.jpg}}
[[File:Configurable Hotkeys - Utility.jpg]]
{{GallerySimple|id=someGalleryName|img=File:TESV-2015-05-28-15-24-44-93.jpg}}
{{GallerySimple|id=someGalleryName|img=File:TESV-2015-05-28-15-24-44-93.jpg}}
{{GallerySimple|id=someGalleryName|img=File:TESV-2015-05-28-15-24-44-93.jpg}}
{{GallerySimple|id=someGalleryName|img=File:TESV-2015-05-28-15-24-44-93.jpg}}
{{GallerySimple|id=someGalleryName|img=File:TESV-2015-05-28-15-24-44-93.jpg}}
{{GallerySimple|id=someGalleryName|img=File:TESV-2015-05-28-15-24-44-93.jpg}}
|}
|}
|}
|}
<br>


=== Test MCM ===
=== Test MCM ===
 
{| class="stepmcm"
 
{| class="table table-hover table-dark"
|+ <h3>MCM Options</h3>
|+ <h3>MCM Options</h3>
|- class="stepTooltip" |
! class="mw-customtoggle-row1 p-2" | &#10209; CCCLeaner &#10209;<br><span class="stepTooltipText">Click to expand</span>
|-
|-
! class="bluetx mw-customtoggle-my1" title="Click to expand." |  &#10209; CCCLeaner &#10209;
| class="mw-collapsible mw-collapsed px-0 py-2" id="mw-customcollapsible-row1" | <span class=pl-3>All three settings should be off.</span><br>
|-
[[File:CCCleaner.jpg]]
| class="mw-collapsible mw-collapsed" id="mw-customcollapsible-my1" | All three settings should be off.<br>
|- class="stepTooltip" |
[[File:CCCleaner.jpg|800px]]
! class="mw-customtoggle-row2 p-2" |  &#10209; Configurable Hotkeys &#10209;<br><span class="stepTooltipText">Click to expand</span>
|-
! class="bluetx mw-customtoggle-my2" title="Click to expand." |  &#10209; Configurable Hotkeys &#10209;
|-
| class="mw-collapsible mw-collapsed" id="mw-customcollapsible-my2" | Setting the hotkey for the Wait Menu allows waiting anywhere. It is also useful to set separate hotkeys for the grenade and melee attacks.<br>
[[File:Configurable Hotkeys - Gameplay.jpg|800px]]
[[File:Configurable Hotkeys - Utility.jpg|800px]]
|-
|-
! class="bluetx mw-customtoggle-my3" title="Click to expand." |  &#10209; Crafting Highlight Fix &#10209;
| class="mw-collapsible mw-collapsed px-0 py-2" id="mw-customcollapsible-row2" | <span class=pl-3>Setting the hotkey for the Wait Menu allows waiting anywhere. It is also useful to set separate hotkeys for the grenade and melee attacks.</span><br>
[[File:Configurable Hotkeys - Gameplay.jpg]]
[[File:Configurable Hotkeys - Utility.jpg]]
|- class="stepTooltip" |
! class="mw-customtoggle-row3 p-2" |  &#10209; Crafting Highlight Fix &#10209;<br><span class="stepTooltipText">Click to expand</span>
|-
|-
| class="mw-collapsible mw-collapsed" id="mw-customcollapsible-my3" | [[File:Crafting Highlight Fix.jpg|800px]]
| class="mw-collapsible mw-collapsed px-0 py-2" id="mw-customcollapsible-row3" | [[File:Crafting Highlight Fix.jpg]]
|- class="stepTooltip" |
! class="mw-customtoggle-row4 p-2" |  &#10209; DLC Timing &#10209;<br><span class="stepTooltipText">Click to expand</span>
|-
|-
! class="bluetx mw-customtoggle-my4" title="Click to expand." |  &#10209; DLC Timing &#10209;
| class="mw-collapsible mw-collapsed px-0 py-2" id="mw-customcollapsible-row4" | <span class=pl-3>Increasing minimum levels for DLCs effectively disables them until you reach that level.</span><br>
|-
[[File:DLC Timing - Automatron.jpg]]
| class="mw-collapsible mw-collapsed" id="mw-customcollapsible-my4" | Increasing minimum levels for DLCs effectively disables them until you reach that level.<br>
[[File:DLC Timing - Far Harbor.jpg]]
[[File:DLC Timing - Automatron.jpg|800px]]
[[File:DLC Timing - Nuka World.jpg]]
[[File:DLC Timing - Far Harbor.jpg|800px]]
[[File:DLC Timing - Vault-Tec Workshop.jpg]]
[[File:DLC Timing - Nuka World.jpg|800px]]
[[File:DLC Timing - Vault-Tec Workshop.jpg|800px]]
|}
|}
<br>
=== Test Spoiler ===
<div id="collapse-pre-one" class="mw-collapsible mw-collapsed spoiler">
    <div class="mw-collapsible-toggle"><span class=up>&#10133; show</span><span class=down>&#10134; hide</span>
    </div><div class="mw-collapsible-content spoiler-content p-2">collapsed content</div>
</div>

Latest revision as of 19:40, April 19, 2023

See Mediawiki Manual:Collapsible_elements

Step Guide Tables

Mod Name Baseline Instructions
[ SkyUI (SE)]Link to the mod's Wiki page.
SKSE64Link to the mod's Wiki page. Detailed Instructions available
Root Files Installation
  1. Download the "Current SE build" archive file.
  2. Open the archive and extract the following files to the Skyrim Special Edition root folder ..\Steam\steamapps\common\Skyrim Special Edition:
    • skse64_X_X_X.dll
    • skse64_loader.exe
    • skse64_steam_loader.dll
  3. Keep this archive open for the next steps.
Data Files Installation
  1. Click on the MOlistoptions.png button and select, [Create empty mod].
  2. Name it SKSE64.
    • This places the new, empty mod at the bottom of the mod list.
  3. Enable SKSE64 in the MO left pane.
  4. Open the SKSE64 in Windows Explorer (Ctrl + double-click).
  5. Create a new folder named SKSE and open it.
INI File
  1. Within the SKSE folder, create a new file named SKSE.ini i.e. ..SKSE64\SKSE\SKSE.ini
  2. Open the new file and copy and paste the code in the box below, and save and close the file when finished.

[Display] iTintTextureResolution=2048 [General] ClearInvalidRegistrations=1

Scripts
  1. From the archive downloaded above, open the Data folder e.g. SKSE64_x_x_x.7z/SKSE64_x_x_x/Data/
  2. Extract the scripts folder from the archive to the SKSE64 folder i.e. ..\SKSE64\scripts\.
  3. Close archive and Windows Explorer sessions.

Once complete, the SKSE64 mod's folder structure should be:

  • ..\SKSE64
    • \scripts
      • \Source
        • <file list>
      • <file list>
    • \SKSE
      • \skse.ini
    • \meta.ini
Launcher Configuration

Normally, MO should auto-detect that SKSE is installed upon a restart of the program, and it will auto-generate the SKSE game launcher. This should be used for launching Skyrim going forward. Below are some recommendations for further configuration of the SKSE launcher ... or, if for some reason MO fails to configure this. Please ensure the following is correct for SKSE:

  1. In MO, click the Gear MO.png button at the top of the main Mod Organizer window.
  2. Over the left pane, click the [+] (add executable button) and select [Add from file...].
  3. Navigate to the skse64_loader.exe file (e.g., ..\Steam\steamapps\common\Skyrim Special Edition\skse64_loader.exe).
  4. "SKSE" can be renamed for clarity, however, if this is done, MO will automatically create the "SKSE" launcher again and place it at bottom of the list.
  5. Use this executable to launch Skyrim SE going forward.

Reference Image:
SKSE64MOSetup.png

[ SkyUI (SE)]Link to the mod's Wiki page.


Example of collapsed rows within table

Mod Instructions
My Mod Name 1 Detailed instructions available
Detailed instructions
aMidianBorn Book of Silence SE
A bunch of text


Generic mw-collapsible Examples

Caption Collapse
Header 1 Header 2
Data 1 Data 2



The header remains visible
This content is hidden
at first load time


Example of collapsed rows within table

Mod Instructions
My Mod Name 1 Baseline: 2k
My big instructions 1
aMidianBorn Book of Silence SE
Download the following files:
  • aMidianBorn book of silence -- ARMORS
  • aMidianBorn Book of Silence -- CREATURES
  • aMidianBorn book of silence -- DRAGONBORN
  • aMidianBorn book of silence -- UNIQUE ITEMS
  • aMidianBorn book of silence -- WEAPONS

Users have two installation options with this mod and other mods like it. When multiple files are used from the same mod, users may either create a single mod listing and merge all files into it or create a separate mod listing for each file.
STEP Recommends: Merging all files into single mod listing named, aMidianBorn Book of Silence


Warning-Logo.png

WARNING

Template:FOMOD_Instructions is deprecated and should no longer be used on this wiki. Please change this template call to use the better-looking and simpler Template:Fomod. We apologize for the inconvenience.
FOMOD Instructions
aMidianBorn Book of Silence ARMORS
Options
Options
Options
Options

DotMO.png Custom

Next
Options
Options
Iron and Banded
Iron and Banded

DotMO.png Iron - Vanilla Cut

Steel
Steel

DotMO.png Steel

Steel Plate
Steel Plate

DotMO.png Steel Plate

Leather
Leather

DotMO.png Leather

Hide and Studded
Hide and Studded

DotMO.png Hide

Fur
Fur

DotMO.png Fur

Elven
Elven

DotMO.png Elven - Gold

Dwarven
Dwarven

DotMO.png Dwarven

Ancient Nord
Ancient Nord

DotMO.png Ancient Nord

Orcish
Orcish

DotMO.png Orcish

Scaled
Scaled

DotMO.png Scaled

Wolf
Wolf

DotMO.png Wolf - Grey Fur

Glass
Glass

DotMO.png Glass - Golden

Ebony
Ebony

DotMO.png Ebony - Black

Blades
Blades

DotMO.png Blades

Falmer
Falmer

DotMO.png Falmer

Install
Warning-Logo.png

WARNING

Template:FOMOD_Instructions is deprecated and should no longer be used on this wiki. Please change this template call to use the better-looking and simpler Template:Fomod. We apologize for the inconvenience.
FOMOD Instructions
aMidianBorn Book of Silence CREATURES
Options
Options
Options
Options

DotMO.png Custom

Next
Options
Options
Skeleton
Skeleton
Select Nothing
Dragon Priest
Dragon Priest

DotMO.png None

Draugr
Draugr

DotMO.png None

Falmer
Falmer
Select Nothing
Chaurus
Chaurus

DotMO.png Chaurus

Spriggan
Spriggan
Select Nothing
Install
Warning-Logo.png

WARNING

Template:FOMOD_Instructions is deprecated and should no longer be used on this wiki. Please change this template call to use the better-looking and simpler Template:Fomod. We apologize for the inconvenience.
FOMOD Instructions
aMidianBorn Book of Silence DRAGONBORN
Options
Options
Options
Options

DotMO.png Custom

Next
Custom
Custom
Nordic Carved Armor
Nordic Carved Armor

DotMO.png Black Fur (default)

Bonemold Armor
Bonemold Armor

CheckmarkMO.png Bonemold Armor

Acolyte Masks
Acolyte Masks

CheckmarkMO.png Acolyte Masks

Dragon Priest Acolytes
Dragon Priest Acolytes
Select Nothing
Hulking Draugr
Hulking Draugr
Select Nothing
Ash Spawn
Ash Spawn

CheckmarkMO.png Ash Spawn

Ash Guardians
Ash Guardians

CheckmarkMO.png Ash Guardians

Install
Warning-Logo.png

WARNING

Template:FOMOD_Instructions is deprecated and should no longer be used on this wiki. Please change this template call to use the better-looking and simpler Template:Fomod. We apologize for the inconvenience.
FOMOD Instructions
aMidianBorn Book of Silence UNIQUE ITEMS
Options
Options
Options
Options

DotMO.png Custom

Next
Custom
Custom
Targe of the Blooded
Targe of the Blooded

CheckmarkMO.png Targe of the Blooded

Wuuthrad
Wuuthrad

CheckmarkMO.png Wuuthrad

Savior's Hide
Savior's Hide

CheckmarkMO.png Savior's Hide

Helm of Yngol
Helm of Yngol

CheckmarkMO.png Helm of Yngol

Mace of Molag Bal
Mace of Molag Bal

CheckmarkMO.png Mace of Molag Bal

Mehrune's Razor
Mehrune's Razor

CheckmarkMO.png Mehrune's Razor

Volendrung
Volendrung

CheckmarkMO.png Volendrung

Tsun's Armor
Tsun's Armor

CheckmarkMO.png Tsun's Armor

Ebony Mail
Ebony Mail

CheckmarkMO.png Ebony Mail - Black

Staff of Magnus
Staff of Magnus

CheckmarkMO.png Staff of Magnus

Dragon Priest Masks
Dragon Priest Masks
Select Nothing
Install
Warning-Logo.png

WARNING

Template:FOMOD_Instructions is deprecated and should no longer be used on this wiki. Please change this template call to use the better-looking and simpler Template:Fomod. We apologize for the inconvenience.
FOMOD Instructions
aMidianBorn Book of Silence WEAPONS
Options
Options
Options
Options

DotMO.png Install all weapons (default)

Install


Optional ESPs

Depending on how the mods are installed:

  1. Right-click the aMidianBorn Book of Silence or aMidianBorn Book of Silence WEAPONS mod
  2. Click [Information...].
  3. Click the Optional ESPs tab and move aMidianborn_Skyforge_Weapons.esp from the right pane to the left.
Info-Logo.png
NOTE:
Users should repeat these steps whenever asked to moved plugins to the Optional ESPs.

Hiding files and folders

Hide the following files/folders:

  • textures\clothes

To do this,

  1. Double-click on the mod listing in the left pane.
  2. Click the Filetree tab.
  3. Expand the textures folder.
  4. Right-click on the clothes folder and select [Hide].
Info-Logo.png
NOTE:
Users should repeat these steps whenever asked to hide files or folders from a mod.


TEST

Mod Notes
[ AMidianBorn Book of Silence (SE)]Link to the mod's Wiki page.
SKSE64Link to the mod's Wiki page.
Root Files Installation
  1. Download the "Current SE build" archive file.
  2. Open the archive and extract the following files to the Skyrim Special Edition root folder ..\Steam\steamapps\common\Skyrim Special Edition:
    • skse64_X_X_X.dll
    • skse64_loader.exe
    • skse64_steam_loader.dll
  3. Keep this archive open for the next steps.
Data Files Installation
  1. Click on the MOlistoptions.png button and select, [Create empty mod].
  2. Name it SKSE64.
    • This places the new, empty mod at the bottom of the mod list.
  3. Enable SKSE64 in the MO left pane.
  4. Open the SKSE64 in Windows Explorer (Ctrl + double-click).
  5. Create a new folder named SKSE and open it.
INI File
  1. Within the SKSE folder, create a new file named SKSE.ini i.e. ..SKSE64\SKSE\SKSE.ini
  2. Open the new file and copy and paste the code in the box below, and save and close the file when finished.

[Display] iTintTextureResolution=2048 [General] ClearInvalidRegistrations=1

Scripts
  1. From the archive downloaded above, open the Data folder e.g. SKSE64_x_x_x.7z/SKSE64_x_x_x/Data/
  2. Extract the scripts folder from the archive to the SKSE64 folder i.e. ..\SKSE64\scripts\.
  3. Close archive and Windows Explorer sessions.

Once complete, the SKSE64 mod's folder structure should be:

  • ..\SKSE64
    • \scripts
      • \Source
        • <file list>
      • <file list>
    • \SKSE
      • \skse.ini
    • \meta.ini
Launcher Configuration

Normally, MO should auto-detect that SKSE is installed upon a restart of the program, and it will auto-generate the SKSE game launcher. This should be used for launching Skyrim going forward. Below are some recommendations for further configuration of the SKSE launcher ... or, if for some reason MO fails to configure this. Please ensure the following is correct for SKSE:

  1. In MO, click the Gear MO.png button at the top of the main Mod Organizer window.
  2. Over the left pane, click the [+] (add executable button) and select [Add from file...].
  3. Navigate to the skse64_loader.exe file (e.g., ..\Steam\steamapps\common\Skyrim Special Edition\skse64_loader.exe).
  4. "SKSE" can be renamed for clarity, however, if this is done, MO will automatically create the "SKSE" launcher again and place it at bottom of the list.
  5. Use this executable to launch Skyrim SE going forward.

Reference Image:
SKSE64MOSetup.png

Address Library for SKSE PluginsLink to the mod's Wiki page. Install the All in one (Special Edition) Main File.
Arctic - Frost Effects ReduxLink to the mod's Wiki page. Baseline: Lite
FOMOD Instructions
Arctic - Frost Effects Redux
  • Arctic Installation
    • Main Installation
      • ☑ Core Files
        • Next
  • Arctic Add-ons
    • ENB Light Compatibility
      • ☑ ENB Light
        • Next
  • Arctic Texture Resolution
    • Resolution Options
      • ◉ 1x
        • Next
  • Arctic Frost Color
    • Color Options
      • ◉ Realistic Hue
        • Next
  • Arctic Icicles Size
    • Size Options
      • ◉ x.5
        • Next
  • Arctic Optional Plugin
    • Plugin Option
      • ◉ Frost Mesh Patch (ESL-Tagged)
        • Install


Testing MCM Tables

MCM Options

ModName1
CCCleaner.jpg
ModName2
Configurable Hotkeys - Gameplay.jpg

Configurable Hotkeys - Utility.jpg


Test MCM

MCM Options
⟡ CCCLeaner ⟡
Click to expand
⟡ Configurable Hotkeys ⟡
Click to expand
⟡ Crafting Highlight Fix ⟡
Click to expand
⟡ DLC Timing ⟡
Click to expand


Test Spoiler

Retrieved from "https://stepmodifications.org/wiki/index.php?title=Project:Example_Collapsible_Elements&oldid=186039"