Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- PLEASE SEE HERE FOR MY CODE RULES: https://toyhou.se/12931952.bonus-content/17098747.03-terms-of-service --
- Version: 1.0
- Default Colours
- -Main Colour: #FF6867
- -
- -Important Blacks: #000000
- -Important Whites: #FFFFFF
- Scroll To The Bottom for every single "Find & Replace" Variable! (Feel free to move to the top when you turn this into a personal template, I just keep it at the bottom for organisation.)
- Thank you for reading!
- Crispin
- -->
- <!------------------------------- START ACTUAL CODE -------------------------------->
- <div class="row no-gutters justify-content-center">
- <!---- Start Left Image ---->
- <div class="col-sm-2 d-none d-lg-block order-1">
- <div class="h-100" style="max-height:800px; background:url([IMGLEFT]); background-position:center; background-size:cover; background-attachment:fixed; border:#000000 8px solid;"></div>
- </div>
- <!---- End Left Image ---->
- <!---- Start Right Image ---->
- <div class="col-sm-2 d-none d-lg-block order-3">
- <div class="h-100" style="max-height:800px; background:url([IMGRIGHT]); background-position:center; background-size:cover; background-attachment:fixed; border:#000000 8px solid;"></div>
- </div>
- <!---- End Right Image ---->
- <div class="col-lg-7 col-12 mx-3 p-0 border-0 rounded-0 h-100 order-2" style="font-size:1rem; font-family:'comic sans ms';">
- <!------------------------------- START HEADING -------------------------------->
- <div class="col-12 p-0" style="border:#000000 8px solid; border-bottom:none;">
- <div class="card rounded-0" style="background:url([IMGHEADER]); background-position:center; background-size:cover; border:none;"><p class="text-uppercase text-center display-4 m-1 p-3" style="color:#FFFFFF; background:rgba(0,0,0,0.7);"><i class="fas fa-chess-rook-piece fa-flip-horizontal"></i> DIRECTORY <i class="fas fa-chess-rook-piece"></p></div>
- </div>
- <!------------------------------- END HEADING -------------------------------->
- <div class="col-12 row no-gutters p-0 m-0" style="border:#000000 4px solid; border-bottom:none;">
- <!------------------------------- START TOP BUTTONS -------------------------------->
- <div class="col-12 m-0 p-0" style="position:sticky; top:0px; z-index:100;">
- <div class="col-12 p-0 m-0 text-center">
- <ul class="nav nav-tabs card-header-tabs text-center row p-0 m-0">
- <li class="col-6 col-lg-2 nav-item p-0 m-0"><a class="nav-link px-0 text-white" data-toggle="tooltip" href="[LINKBUTTON]" style="background-color:#FF6867; border:#000000 4px solid; border-radius:0px;" title="All Characters"><i class="fas fa-users"></i></a></li>
- <li class="col-6 col-lg-2 nav-item p-0 m-0"><a class="nav-link px-0 text-white" data-toggle="tooltip" href="[LINKBUTTON]" style="background-color:#FF6867; border:#000000 4px solid; border-radius:0px;" title="AUs"><i class="fas fa-dragon"></i></a></li>
- <li class="col-6 col-lg-2 nav-item p-0 m-0"><a class="nav-link px-0 text-white" data-toggle="tooltip" href="[LINKBUTTON]" style="background-color:#FF6867; border:#000000 4px solid; border-radius:0px;" title="Bonus Content"><i class="fas fa-cake"></i></a></li>
- <li class="col-6 col-lg-2 nav-item p-0 m-0"><a class="nav-link px-0 text-white" data-toggle="tooltip" href="[LINKBUTTON]" style="background-color:#FF6867; border:#000000 4px solid; border-radius:0px;" title="Tags"><i class="fas fa-tag"></i></a></li>
- <li class="col-6 col-lg-2 nav-item p-0 m-0"><a class="nav-link px-0 text-white" data-toggle="tooltip" href="[LINKBUTTON]" style="background-color:#FF6867; border:#000000 4px solid; border-radius:0px;" title="World Building"><i class="fas fa-globe"></i></a></li>
- <li class="col-6 col-lg-2 nav-item p-0 m-0"><a class="nav-link px-0 text-white" data-toggle="tooltip" href="[LINKBUTTON]" style="background-color:#FF6867; border:#000000 4px solid; border-radius:0px;" title="WIPs / Unsorted"><i class="fas fa-question"></i></a></li>
- </ul>
- </div>
- </div>
- <!------------------------------- END TOP BUTTONS -------------------------------->
- <!------------------------------- START FOLDERS -------------------------------->
- <div class="col-12 bg-dark row no-gutters justify-content-center p-0 m-0" style="border:#000000 4px solid;">
- <!--------- Start Folder ---------->
- <div class="col-6 col-lg-3 m-0 p-1">
- <!--- Start Main Button --->
- <div class="p-1" style="background:url([LINKBACKGROUND]); background-position:center; background-size:cover; border:#000000 4px solid;">
- <div class="btn btn-block m-0 p-0 rounded-0" style="border:#000000 2px solid; background-color:rgba(0,0,0,0.7);">
- <a class="btn btn-block justify-content-center text-white p-4" href="[LINKFOLDER]" data-toggle="tooltip" title="[TEXTNAME]">
- <i class="fas fa-chess-rook" style="font-size:2rem;"></i>
- </a>
- </div>
- </div>
- <!--- End Main Button --->
- <!--- Start Description --->
- <div class="btn btn-block p-0 rounded-0" style="background-color:#FF6867; border:#000000 4px solid; border-top:none;"><a class="btn btn-block p-3 text-white" href="#one" data-toggle="collapse">Info</a></div>
- <div class="collapsed collapse p-2" id="one" style="background-color:rgba(0,0,0,0.4); border:#000000 4px solid; border-top:none;">
- <!--- Start Links --->
- <div class="row no-gutters justify-content-center p-1">
- <a href="[LINKLITERATURE]" data-toggle="tooltip" title="[TEXTLITERATURE]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-book"></i></span></a>
- <a href="[LINKLITERATURE]" data-toggle="tooltip" title="[TEXTLITERATURE]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-book"></i></span></a>
- <a href="[LINKWORLD]" data-toggle="tooltip" title="[TEXTWORLD]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-globe"></i></span></a>
- </div>
- <!--- End Links --->
- <!--- Start Warnings --->
- <div class="row no-gutters justify-content-center p-1">
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- </div>
- <!--- End Warnings --->
- <!--- Start Tags --->
- <div class="row no-gutters justify-content-center p-1">
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- </div>
- <!--- End Tags --->
- <!--- Start Description --->
- <div class="row no-gutters text-center p-1">
- <p>[TEXTDESCRIPTION]</p>
- </div>
- <!--- End Description --->
- </div>
- </div>
- <!--------- End Folder ---------->
- <!--------- Start Folder ---------->
- <div class="col-6 col-lg-3 m-0 p-1">
- <!--- Start Main Button --->
- <div class="p-1" style="background:url([LINKBACKGROUND]); background-position:center; background-size:cover; border:#000000 4px solid;">
- <div class="btn btn-block m-0 p-0 rounded-0" style="border:#000000 2px solid; background-color:rgba(0,0,0,0.7);">
- <a class="btn btn-block justify-content-center text-white p-4" href="[LINKFOLDER]" data-toggle="tooltip" title="[TEXTNAME]">
- <i class="fas fa-chess-rook" style="font-size:2rem;"></i>
- </a>
- </div>
- </div>
- <!--- End Main Button --->
- <!--- Start Description --->
- <div class="btn btn-block p-0 rounded-0" style="background-color:#FF6867; border:#000000 4px solid; border-top:none;"><a class="btn btn-block p-3 text-white" href="#two" data-toggle="collapse">Info</a></div>
- <div class="collapsed collapse p-2" id="two" style="background-color:rgba(0,0,0,0.4); border:#000000 4px solid; border-top:none;">
- <!--- Start Links --->
- <div class="row no-gutters justify-content-center p-1">
- <a href="[LINKLITERATURE]" data-toggle="tooltip" title="[TEXTLITERATURE]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-book"></i></span></a>
- <a href="[LINKLITERATURE]" data-toggle="tooltip" title="[TEXTLITERATURE]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-book"></i></span></a>
- <a href="[LINKWORLD]" data-toggle="tooltip" title="[TEXTWORLD]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-globe"></i></span></a>
- </div>
- <!--- End Links --->
- <!--- Start Warnings --->
- <div class="row no-gutters justify-content-center p-1">
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- </div>
- <!--- End Warnings --->
- <!--- Start Tags --->
- <div class="row no-gutters justify-content-center p-1">
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- </div>
- <!--- End Tags --->
- <!--- Start Description --->
- <div class="row no-gutters text-center p-1">
- <p>[TEXTDESCRIPTION]</p>
- </div>
- <!--- End Description --->
- </div>
- </div>
- <!--------- End Folder ---------->
- <!--------- Start Folder ---------->
- <div class="col-6 col-lg-3 m-0 p-1">
- <!--- Start Main Button --->
- <div class="p-1" style="background:url([LINKBACKGROUND]); background-position:center; background-size:cover; border:#000000 4px solid;">
- <div class="btn btn-block m-0 p-0 rounded-0" style="border:#000000 2px solid; background-color:rgba(0,0,0,0.7);">
- <a class="btn btn-block justify-content-center text-white p-4" href="[LINKFOLDER]" data-toggle="tooltip" title="[TEXTNAME]">
- <i class="fas fa-chess-rook" style="font-size:2rem;"></i>
- </a>
- </div>
- </div>
- <!--- End Main Button --->
- <!--- Start Description --->
- <div class="btn btn-block p-0 rounded-0" style="background-color:#FF6867; border:#000000 4px solid; border-top:none;"><a class="btn btn-block p-3 text-white" href="#three" data-toggle="collapse">Info</a></div>
- <div class="collapsed collapse p-2" id="three" style="background-color:rgba(0,0,0,0.4); border:#000000 4px solid; border-top:none;">
- <!--- Start Links --->
- <div class="row no-gutters justify-content-center p-1">
- <a href="[LINKLITERATURE]" data-toggle="tooltip" title="[TEXTLITERATURE]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-book"></i></span></a>
- <a href="[LINKLITERATURE]" data-toggle="tooltip" title="[TEXTLITERATURE]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-book"></i></span></a>
- <a href="[LINKWORLD]" data-toggle="tooltip" title="[TEXTWORLD]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-globe"></i></span></a>
- </div>
- <!--- End Links --->
- <!--- Start Warnings --->
- <div class="row no-gutters justify-content-center p-1">
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- </div>
- <!--- End Warnings --->
- <!--- Start Tags --->
- <div class="row no-gutters justify-content-center p-1">
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- </div>
- <!--- End Tags --->
- <!--- Start Description --->
- <div class="row no-gutters text-center p-1">
- <p>[TEXTDESCRIPTION]</p>
- </div>
- <!--- End Description --->
- </div>
- </div>
- <!--------- End Folder ---------->
- <!--------- Start Folder ---------->
- <div class="col-6 col-lg-3 m-0 p-1">
- <!--- Start Main Button --->
- <div class="p-1" style="background:url([LINKBACKGROUND]); background-position:center; background-size:cover; border:#000000 4px solid;">
- <div class="btn btn-block m-0 p-0 rounded-0" style="border:#000000 2px solid; background-color:rgba(0,0,0,0.7);">
- <a class="btn btn-block justify-content-center text-white p-4" href="[LINKFOLDER]" data-toggle="tooltip" title="[TEXTNAME]">
- <i class="fas fa-chess-rook" style="font-size:2rem;"></i>
- </a>
- </div>
- </div>
- <!--- End Main Button --->
- <!--- Start Description --->
- <div class="btn btn-block p-0 rounded-0" style="background-color:#FF6867; border:#000000 4px solid; border-top:none;"><a class="btn btn-block p-3 text-white" href="#four" data-toggle="collapse">Info</a></div>
- <div class="collapsed collapse p-2" id="four" style="background-color:rgba(0,0,0,0.4); border:#000000 4px solid; border-top:none;">
- <!--- Start Links --->
- <div class="row no-gutters justify-content-center p-1">
- <a href="[LINKLITERATURE]" data-toggle="tooltip" title="[TEXTLITERATURE]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-book"></i></span></a>
- <a href="[LINKLITERATURE]" data-toggle="tooltip" title="[TEXTLITERATURE]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-book"></i></span></a>
- <a href="[LINKWORLD]" data-toggle="tooltip" title="[TEXTWORLD]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-globe"></i></span></a>
- </div>
- <!--- End Links --->
- <!--- Start Warnings --->
- <div class="row no-gutters justify-content-center p-1">
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- </div>
- <!--- End Warnings --->
- <!--- Start Tags --->
- <div class="row no-gutters justify-content-center p-1">
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- </div>
- <!--- End Tags --->
- <!--- Start Description --->
- <div class="row no-gutters text-center p-1">
- <p>[TEXTDESCRIPTION]</p>
- </div>
- <!--- End Description --->
- </div>
- </div>
- <!--------- End Folder ---------->
- <!--------- Start Folder ---------->
- <div class="col-6 col-lg-3 m-0 p-1">
- <!--- Start Main Button --->
- <div class="p-1" style="background:url([LINKBACKGROUND]); background-position:center; background-size:cover; border:#000000 4px solid;">
- <div class="btn btn-block m-0 p-0 rounded-0" style="border:#000000 2px solid; background-color:rgba(0,0,0,0.7);">
- <a class="btn btn-block justify-content-center text-white p-4" href="[LINKFOLDER]" data-toggle="tooltip" title="[TEXTNAME]">
- <i class="fas fa-chess-rook" style="font-size:2rem;"></i>
- </a>
- </div>
- </div>
- <!--- End Main Button --->
- <!--- Start Description --->
- <div class="btn btn-block p-0 rounded-0" style="background-color:#FF6867; border:#000000 4px solid; border-top:none;"><a class="btn btn-block p-3 text-white" href="#five" data-toggle="collapse">Info</a></div>
- <div class="collapsed collapse p-2" id="five" style="background-color:rgba(0,0,0,0.4); border:#000000 4px solid; border-top:none;">
- <!--- Start Links --->
- <div class="row no-gutters justify-content-center p-1">
- <a href="[LINKLITERATURE]" data-toggle="tooltip" title="[TEXTLITERATURE]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-book"></i></span></a>
- <a href="[LINKLITERATURE]" data-toggle="tooltip" title="[TEXTLITERATURE]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-book"></i></span></a>
- <a href="[LINKWORLD]" data-toggle="tooltip" title="[TEXTWORLD]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-globe"></i></span></a>
- </div>
- <!--- End Links --->
- <!--- Start Warnings --->
- <div class="row no-gutters justify-content-center p-1">
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- </div>
- <!--- End Warnings --->
- <!--- Start Tags --->
- <div class="row no-gutters justify-content-center p-1">
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- </div>
- <!--- End Tags --->
- <!--- Start Description --->
- <div class="row no-gutters text-center p-1">
- <p>[TEXTDESCRIPTION]</p>
- </div>
- <!--- End Description --->
- </div>
- </div>
- <!--------- End Folder ---------->
- <!--------- Start Folder ---------->
- <div class="col-6 col-lg-3 m-0 p-1">
- <!--- Start Main Button --->
- <div class="p-1" style="background:url([LINKBACKGROUND]); background-position:center; background-size:cover; border:#000000 4px solid;">
- <div class="btn btn-block m-0 p-0 rounded-0" style="border:#000000 2px solid; background-color:rgba(0,0,0,0.7);">
- <a class="btn btn-block justify-content-center text-white p-4" href="[LINKFOLDER]" data-toggle="tooltip" title="[TEXTNAME]">
- <i class="fas fa-chess-rook" style="font-size:2rem;"></i>
- </a>
- </div>
- </div>
- <!--- End Main Button --->
- <!--- Start Description --->
- <div class="btn btn-block p-0 rounded-0" style="background-color:#FF6867; border:#000000 4px solid; border-top:none;"><a class="btn btn-block p-3 text-white" href="#six" data-toggle="collapse">Info</a></div>
- <div class="collapsed collapse p-2" id="six" style="background-color:rgba(0,0,0,0.4); border:#000000 4px solid; border-top:none;">
- <!--- Start Links --->
- <div class="row no-gutters justify-content-center p-1">
- <a href="[LINKLITERATURE]" data-toggle="tooltip" title="[TEXTLITERATURE]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-book"></i></span></a>
- <a href="[LINKLITERATURE]" data-toggle="tooltip" title="[TEXTLITERATURE]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-book"></i></span></a>
- <a href="[LINKWORLD]" data-toggle="tooltip" title="[TEXTWORLD]"><span class="badge badge-info m-1 rounded-0"><i class="fas fa-globe"></i></span></a>
- </div>
- <!--- End Links --->
- <!--- Start Warnings --->
- <div class="row no-gutters justify-content-center p-1">
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- <span class="badge badge-danger m-1 rounded-0">[TEXTWARNING]</span>
- </div>
- <!--- End Warnings --->
- <!--- Start Tags --->
- <div class="row no-gutters justify-content-center p-1">
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- <span class="badge badge-info m-1 rounded-0">[TEXTTAG]</span>
- </div>
- <!--- End Tags --->
- <!--- Start Description --->
- <div class="row no-gutters text-center p-1">
- <p>[TEXTDESCRIPTION]</p>
- </div>
- <!--- End Description --->
- </div>
- </div>
- <!--------- End Folder ---------->
- </div>
- <!------------------------------- END FOLDERS -------------------------------->
- </div>
- <!------------------------------- START CODE CREDS -------------------------------->
- <div class="col-12 py-2 text-center" style="font-size:1.2rem; background-color:#FF6867; border:#000000 8px solid; border-top:#000000 4px solid;">
- <a href="[LINKLEFTIMAGE]" data-toggle="tooltip" title="Left Side Image"><span style="color:#FFFFFF;"><i class="fas fa-chess-rook-piece fa-flip-horizontal"></i></span></a>
- <a href="https://toyhou.se/16006417.overlay" data-toggle="tooltip" title="Header Code Frankensteined From: CuckooHoopoe"><span style="color:#FFFFFF;"><i class="fas fa-chess-rook-piece fa-flip-horizontal"></i></span></a>
- <a href="https://toyhou.se/31086147.directory-2" data-toggle="tooltip" title="Code By: TomcatCodes / CrispinAsheYA"><span style="color:#FFFFFF;"><i class="fas fa-roller-coaster"></i></span></a>
- <a href="[LINKHEADERIMAGE]" data-toggle="tooltip" title="Header Image Source"><span style="color:#FFFFFF;"><i class="fas fa-chess-rook-piece"></i></span></a>
- <a href="[LINKRIGHTIMAGE]" data-toggle="tooltip" title="Right Side Image"><span style="color:#FFFFFF;"><i class="fas fa-chess-rook-piece"></i></span></a>
- </div>
- <!------------------------------- END CODE CREDS -------------------------------->
- </div>
- </div>
- <!------------------------------- END ACTUAL CODE -------------------------------->
- <!--
- [IMGHEADER] | [IMGLEFT] | [IMGRIGHT]
- [LINKBACKGROUND] | [LINKFOLDER] | [TEXTFOLDER]
- [LINKLITERATURE] | [TEXTLITERATURE] | [LINKWORLD] | [TEXTWORLD]
- [TEXTWARNING] | [TEXTTAG] | [TEXTDESCRIPTION]
- [LINKLEFTIMAGE] | [LINKHEADERIMAGE] | [LINKRIGHTIMAGE]
- -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement