Hallo und willkommen!
Dies ist als eine leicht zugängliche, schnelle 'kopieren-und-einfügen' Ressource für alternative Logs und Formate für SCP-Akten sein, in der selben Art wie Interessengruppen Stilleitfäden für ihre individuellen Formate. Wenn du nach grundlegendem Wikidot Formatierungen suchst, schaue dir Wiki Syntax an. Für mehr fortschrittliches Kodieren, besuche den Leitfaden für Fortgeschrittenes Formatieren.
Zum Zwecke des Zuwachses mehrerer Formatstücke wird dies für Kollaboration offen stehen. Beachte dabei bitte das Präsentationsformat.
Notiz: Dies ist nicht als eine ausführliche Liste geplant. Es muss sich nicht an diese Vorlagen gehalten werden. Benutzern ist es empfohlen, aus ihrer Komfortzone auszusteigen und mit jedem Format zu experimentieren, mit dem sie am sichersten sind.
Notiz: CSS-Module werden nur an dieser Seite angebracht, nachdem sie aktualisiert wird. Die Seite vorher anzusehen, erneuert die Seite nicht. Um die Wirkung jeglicher Änderungen an einem CSS-Module zu sehen, musst du die Seite speichern.
Grundlegende Artikelvorlage
[[>]]
[[module rate]]
[[/>]]
**Objekt-Nr.:** SCP-XXX-DE
**Klassifizierung:** Sicher/Euclid/Keter (gibt die Klasse an)
**Sicherheitsmaßnahmen:** [Abschnitt zum Erklären der Maßnahmen]
**Beschreibung:** [Abschnitt zum Erklären der Beschreibung]
**Anhänge:** [Optionale zusätzliche Abschnitte]
[[footnoteblock]]
Interview Vorlage
> **Interviewerter:** [Die Person, Person, oder SCP, dass interviewt wird]
>
> **Interviewer:** [Interviewer, kann mit █ verdeckt werden]
>
> **Vorwort:** [Kleine Passage um das Interview zu beschreiben]
>
> **<Beginne Log, [optionale Zeitangbe]>**
>
> **Interviewer:** [Rede]
>
> **Person:** [Rede]
>
> [Wiederholen wie nötig]
>
> **<Ende Log, [optionale Zeitangabe]>**
>
> **Schlusswort:** [Kleine Zusammenfassung und Passage darüber was danach geschah]
Notiz: Beim Einfügen von Blocksätzen via dem > Symbol stelle sicher, dass du eine Leerzeile hinter jedes > ergänzt, dass du nutzt, ansonsten wird dein Text nicht als Blocksatz angezeigt.
Test Log Formate:
Option 1
Wie es aussieht:
TEST TITEL ZEUG |
|
Thema |
DATEN HIER |
Protokoll |
DATEN HIER |
Ergebnisse |
DATEN HIER |
Was zu kopieren ist:
[[table style="border-collapse:collapse; max-width: 600px;"]]
[[row]]
[[cell style="font-weight:bold;padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver; width: 20%;"]]
TEST ZEUG HIER
[[/cell]]
[[cell style="font-weight:bold; padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver;"]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
Thema
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
DATEN HIER
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
Protokoll
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
DATEN HIER
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; border: 1px solid black"]]
Ergebnisse
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
DATEN HIER
[[/cell]]
[[/row]]
[[/table]]
Option 2
Wie es aussieht:
Datum |
DATEN |
Effekte |
Notizen |
DATUM |
|
EFFEKTE |
NOTIZEN |
DATUM |
|
EFFEKTE |
NOTIZEN |
DATUM |
|
EFFEKTE |
NOTIZEN |
DATUM |
|
EFFEKTE |
NOTIZEN |
DATUM |
|
EFFEKTE |
NOTIZEN |
DATUM |
|
EFFEKTE |
NOTIZEN |
Was zu kopieren ist:
[[table style="border: 1px solid silver"]]
[[row]]
[[hcell style="border: 1px solid silver"]]
Datum
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
DATEN
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
Effekte
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
Notizen
[[/hcell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DATUM
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DATEN
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFFEKTE
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTIZEN
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DATUM
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DATEN
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFFEKTE
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTIZEN
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DATUM
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DATEN
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFFEKTE
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTIZEN
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DATUM
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DATEN
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFFEKTE
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTIZEN
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DATUM
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DATEN
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFFEKTE
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTIZEN
[[/cell]]
[[/row]]
[[/table]]
Audio/Video Log Formate:
Option 1
Wie es aussieht:
VIDEO AUFZEICHNUNG
DATUM:
NOTIZEN:
[BEGINNE LOG]
ZEIT: EREIGNIS
ZEIT: EREIGNIS
ZEIT: EREIGNIS
[ENDE LOG]
Tipp! Dieser Stil immitiert die gewöhnlichen Blocksätze, die du auf der Website siehst (grundlegende Wiki Formatierungen sind mit "> " beginennde Linien), aber mit dem Vorteil, besser mit Bildern zu funktionieren.
Was zu kopieren ist:
[[div class="blockquote"]]
= **VIDEO LOG**
----
**DATUM:**
**NOTIZEN:**
----
[BEGINNE LOG]
**ZEIT:** EVENT
**ZEIT:** EVENT
**ZEIT:** EVENT
-----
[END LOG]
[[/div]]
Option 2
Wie es aussieht:
Video-Log Transkript der Erkundung
Datum: OPTIONAL
Erkundungs-Team: TEAM-NAME - OPTIONAL
Subjekt: GEBIET/ANOMALIE - OPTIONAL
Team-Führer: OPTIONAL
Team-Mitglieder: OPTIONAL
[BEGIN LOG]
Person A: Dialog
Person B: Dialog
DINGE PASSIEREN
Person A: Dialog
[ENDE LOG]
Was zu kopieren ist:
[[div class="blockquote" style="border-radius: 10px; margin: 10px"]]
**Exploration Video Log Transcript**
**Datum:** OPTIONAL
**Erkundungs-Team:** TEAM-NAME - OPTIONAL
**Subjekt:** AREA/ANOMALY - OPTIONAL
**Team-Führer:** OPTIONAL
**Team-Mitglieder:** OPTIONAL
-----
[BEGIN LOG]
**Person A:** Dialog
**Person B:** Dialog
//ZEUG PASSIERT//
**Person A:** Dialog
[END LOG]
[[/div]]
Option 3
Für ein Computer-y Erscheinungsbild.
Wie es aussieht:
| DETAILS
| DETAILS
| DETAILS
| DETAILS
| DETAILS
TEXT TEXT TEXT
MEHR TEXT
MEHR
UND MEHR
UND NOCH VIEL MEHR TEXT ZUM SCHNELL HINSCHREIBEN
Was zu kopieren ist:
WICHTIG Dieser Teil wird an den Anfang der Seite gesetzt.
[[module css]]
.danke {
padding: 5px;
margin-bottom:10px;
font-family: monospace;
font-size: 1.1em;
}
.agent {
background-color:#002200;
border: 3px solid #55AA55;
color: #77CC77;
}
.site {
background-color:#222200;
border: 3px solid #AAAA55;
color: #DDDD77;
}
[[/module]]
WICHTIG: Dies wird wo immer hingesetzt, wo die Box erscheinen soll.
[[div class="danke agent"]]
| DETAILS
| DETAILS
| DETAILS
| DETAILS
| DETAILS
TEXT TEXT TEXT
MEHR TEXT
MEHR
UND MEHR
UND NOCH VIEL MEHR TEXT ZUM SCHNELL HINSCHREIBEN
[[/div]]
Tipps! Ändere 'danke agent' zu 'danke site', für ein anderes Farbenschema (gelb).
Option 4:
[[div style="background: gray; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]
[[div style="background: white; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]
ZEUG KOMMT HIER HIN
[[/div]]
[[/div]]
Option 5
Wie es aussieht:
UND MEHR!
h1
h2
h3
h4
h5
h6
Text
mehr Text
mehr[]
Was zu kopieren ist:
WICHTIG: Dieser Teil wird an den Anfang deiner Seite angebracht.
[[module CSS]]
.containercontainer {position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;}.containercontainer .container .overlay {background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;text-align: center;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.overlayback {background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: center;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: center;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
[[/module]]
WICHTIG: Dies kommt dahin, wo die Box erscheinen soll.
[[div class="no-unfold"]]
[[div class="containercontainer"]]
[[div class="container"]]
+* [!-- LÖSCHE NICHt DIESES "+*". --]
[[span_ class="overlay"]]
UND MEHR!
[[/span]]
[[div_ class="overlayback"]]
[[/div]]
+* h1
++* h2
+++* h3
++++* h4
+++++* h5
++++++* h6
Text
mehr Text
mehr[[span class="blinkbar"]][][[/span]]
[[/div]]
[[/div]]
[[/div]]
Option 6
Wie es aussieht:
Die erste Zeile
Die zweite Zeile
Die letzte Zeile
TEXT
MEHR TEXT
Was zu kopieren ist:
WICHTIG:
- Dies wird am Anfang deiner Seite angebracht.
- Wenn du mehr "Aufnahmen" ergänzen willst, füge neue "Optionen" wie das folgende Foramt hinzu.
- .r3 {animation-delay: 9s;}
.r4 {animation-delay: 12s;}
[[module CSS]]
/* //// Wenn du mehr "Aufnahmen" ergänzen willst, //// */
/* //// füge neue "Optionen" wie das folgende Fomat hinzu. //// */
.r1 {animation-delay: 3s;}
.r2 {animation-delay: 6s;}
.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link
{animation-delay: calc(6s + 2s);}
.tape-record {position: relative;height: 6em;pointer-events: none;}.record {display: block;position: absolute;width: 100%;animation-name: record;animation-duration: 2.5s;opacity: 0;top: 0;text-align: center;}.tape-wrap {position: relative;background-color: rgba(244, 244, 244, 1);border: 1px dashed #999;padding: 0 1em;}.tape-anim {position: relative;background-image: url("https://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/DoxYSJAV4AET63r.png");background-size: 200px;background-position: center center;background-repeat: no-repeat;min-height: 300px;}.tape-left,.tape-right {display: block;position: absolute;margin: auto;height: 0;width: 70px;padding-bottom: 100%;background-image: url("https://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/scp_trans.png");background-size: contain;background-position: center center;background-repeat: no-repeat;pointer-events: none;}.tape-left {top: -20px;bottom: 0;left: -70px;right: 0;animation-name: spin1;animation-duration: 15s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-right {top: 0;bottom: -32px;left: 0;right: -72px;animation-name: spin1;animation-duration: 20s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-wrap .collapsible-block-unfolded-link {padding-top: 1em;}.tape-wrap .collapsible-block-folded,.tape-wrap .collapsible-block-unfolded-link {position: relative;text-align: center;}.tape-wrap .collapsible-block-link:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}.tape-wrap .collapsible-block-folded .collapsible-block-link:before {content: "\f04b";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before {content: "\f1da";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link {animation-name: g-ex;animation-duration: 1s;animation-fill-mode: forwards;visibility: hidden;opacity: 0;}.tape-wrap .collapsible-block-folded {padding-top: 1em;padding-bottom: 1em;}@keyframes g-ex {50% {visibility: visible;opacity: 0;}100% {visibility: visible;opacity: 1;}}@keyframes spin1 {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@keyframes record {0% {opacity: 0;}25% {opacity: 1;}75% {opacity: 1;}100% {opacity: 0;}}@-moz-document url-prefix() {.tape-anim {height: 300px;}.tape-left,.tape-right {display: block;width: 70px;height: 70px;position: relative;margin: 0 auto;padding: 0 auto;}.tape-left {top: 105px;bottom: initial;left: -36px;}.tape-right {top: 60px;bottom: initial;left: 35px;}}
[[/module]]
WICHTIG:
- Dies wird wo immer hingesetzt, wo die Box erscheinen soll.
- Wenn du mehr Aufnahmen ergänzen willst, füge neue "Optionen" wie das folgende Format hinzu.
- [[span class="record r3"]]Text[[/span]]
[[span class="record r4"]]//More text//[[/span]]
[[div class="tape-wrap"]]
[[collapsible show="PLAY" hide="RELOAD"]]
[[div class="tape-anim"]]
[[div class="tape-left"]]
[[/div]]
[[div class="tape-right"]]
[[/div]]
[[/div]]
[[div class="tape-record"]]
[[span class="record r1"]]//Die erste Zeile//
//Die zweite Zeile//
//Die letzte Zeile//[[/span]]
[[span class="record r2"]]//TEXT//
//MEHR TEXT//[[/span]]
[[/div]]
[[/collapsible]]
[[/div]]
Option 7
Wie es aussieht:
Ich kann deine Wikidot-ID nicht verifizieren.|
Was zu kopieren ist:
WICHTIG Dies wird an den Anfang deiner Seite angebracht.
[[module CSS]]
#u-start, .textchange div.sitemember:nth-child(2) {display:none;}.type-wrap-wrapper {position: relative;text-align: left;}.type-wrapper {background: #555;}.typearea {color: lime; font-family: "Courier";font-size: 1.2em;margin: 10px 0 0 10px;white-space: nowrap;overflow: hidden;width: 0;}#u-start:target ~ .typearea {width: 100%;animation: type 4s steps(60, end); }.typearea a{color: lime;text-decoration: none;}.blink {animation: blink 1s infinite;}@keyframes type{ from { width: 0; } } @keyframes blink{to{opacity: .0;}}.buttonwrapper {text-align: center;}.likebutton {padding: 0.1em 0.5em;text-decoration: none;font-size: 1.3em;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}.likebutton:hover {background-color: #DDD;color: #000;border: 1px solid #0098b3;}
[[/module]]
WICHTIG: Dies wird dort platziert, wo die Box erscheinen soll.
[[div class="type-wrap-wrapper"]]
[[div class="type-wrapper"]]
[[div id="u-start"]]
[[/div]]
[[div class="typearea"]]
[[div class="textchange"]]
[[module ListUsers users="."]]
[[div class="sitemember"]]
Deine Wikidot-ID ist "%%name%%".[[span class="blink"]]|[[/span]]
[[/div]]
[[/module]]
[[div class="sitemember"]]
Ich kann deine Wikidot-ID nicht verifizieren.[[span class="blink"]]|[[/span]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="buttonwrapper"]]
[[a class="likebutton" href="#u-start"]]Click![[/a]]
[[/div]]
[[/div]]
Option 8
Wie es aussieht:
Terminal #001
------
Willkommen, Benutzer
------
Links im Terminal erhalten ein ">" wenn du über ihnen schwebst.
like this
Danke, dass du mein Format ausprobierst!
Was zu kopieren ist:
WICHTIG: Das hier ist das CSS-Modul. Es kommt an den Anfag deiner Seite.
[[module CSS]]
div.terminal{
border: 1px solid black;
border: solid 3px #BBBBBB;
border-radius: 16px;
background-color: #131;
/* Schwarzer Schatten am Anfang vom Terminal */
background-image:
radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
background-position: center;
display: block;
/* Schatten um das Terminal */
box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
/* Beugt ein Scrollwheel-formen bei der Scanlinie vor */
overflow:hidden;
}
div.terminal blockquote {
background-color: black;
border: double 3px #80FF80
}
div.scanline{
margin-top: -40%;
width: 100%;
height: 60px;
position: relative;
pointer-events: none;
/* Safari 4.0 - 8.0 */
-webkit-animation: scan 12s linear 0s infinite; /* Du musst das hier vielleicht ändern. Wenn sich die Leiste zu schnell bewegt, erhöhe 5s. */
animation: scan 12s linear 0s infinite; /* Genau wie oben */
background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}
div.text{
color: rgba(128,255,128,0.8);
padding-left: 2em;
padding-top: 40%;
font-family: monospace;
font-size: 1.2em;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* Du musst das hier vielleicht ändern, basierend auf der Länge deines Termimals. Wenn die Scanlinie mittig anhält, erhöhe die Sekunden-Nummer.*/
}
@keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* Genau wie oben.*/
}
div.text a {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a.newpage {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a:hover {
color: #131;
text-decoration: underline;
background-color: #80FF80;
padding: 1px;
}
div.text a:hover::before{
content: "> ";
}
[[/module]]
WICHTIG: Dies ist das Terminal selbst. Das kann irgendwo hin.
[[div class="terminal"]]
[[div class="scanline"]]
[[/div]]
[[div class="text"]]
[[=]]
[[size 150%]] __Terminal #001__[[/size]]
@@ @@
@@ @@
@@------@@
Willkommen, Benutzer
@@------@@
[[/=]]
@@ @@
@@ @@
@@ @@
> Links im Terminal erhalten ein ">" wenn du über sie schwebst.
> [https://www.google.com like this]
Danke, dass du mein Format ausprobierst!
@@ @@
@@ @@
[[/div]]
[[/div]]
Warnungs/Anmerkungs Formate:
Option 1
Wie es aussieht:
ANMERKUNG DER ADMINISTRATIONS- UND INFORMATIONSSICHERHEITSABTIELUNG
Text der Anmerkung kommt heir hin.
— Maria Jones, Direktorin, RAISA
Was zu kopieren ist:
[[div style="border:solid 1px #999999; background:#f2f2c2; padding:5px; margin-bottom: 10px;"]]
[[=]]
++++ ANMERKUNG DER ADMINISTRATIONS- UND INFORMATIONSSICHERHEITSABTIELUNG
Text der Anmerkung kommt hier hin.
-- Maria Jones, Direktorin, RAISA
[[/=]]
[[/div]]
Option 2
Wie es aussieht:
WARNUNG: DIE FOLGENDE AKTE IST LEVEL #/XXX-DE KLASSIFIZIERT
JEDER VERSUCH, AUF DIESE AKTE OHNE LEVEL #/XXX-DE AUTORISIERUNG ZUZUGREIFEN, WIRD PROTOKOLLIERT UND ZU SOFORTIGEN DISZIPLINAEREN MAßNAHMEN FÜHREN.
Was zu kopieren ist:
[[=]]
[[div style="background: url("https://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png") center no-repeat; float: center; border: solid 2px #000; padding: 1px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]]
+ WARNUNG: DIE FOLGENDE AKTE IST LEVEL #/XXX-DE KLASSIFIZIERT
----
+++ JEDER VERSUCH, AUF DIESE AKTE OHNE LEVEL #/XXX-DE AUTORISIERUNG ZUZUGREIFEN, WIRD PROTOKOLLIERT UND ZU SOFORTIGEN DISZIPLINAREN MAßNAHMEN FÜHREN.
[[/div]]
[[/=]]
Notiz: Dieser Code beinhaltet einen Link, um ein Hintergrund mit einzubeziehen, welches irgendwann einmal gelöscht wurde. Wenn du diese Warnungsnachricht mit einem weißen Hintergrund lassen willst, kannst du den Code so lassen, aber wenn du das vorgesehende Bild beinhalten willst, kannst du den Link im Code durch den Link mit diesem hier ersetzen.
Option 3:
Wie es aussieht:
AUF BEFEHL DES AUFSEHERRATS
Die folgende Akte ist Level X/XXX-DE klassifiziert. Unautorisierter Zugriff ist untersagt.
XXX-DE
Was zu kopieren ist:
[[div style="background: url(https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) bottom center no-repeat; text-align: center; width: 600px; margin: 0 auto; font-size: 20px; padding: 0px;"]]
@@ @@
@@ @@
@@ @@
@@ @@
[[=]]
++* ##black|AUF BEFEHL DES AUFSEHERRATS##
##black|Die folgende Akte ist Level X/XXX-DE klassifiziert. Unautorisierter Zugriff ist untersagt.##
[[/=]]
= **##black|XXX-DE##**
@@ @@
@@ @@
[[/div]]
Option 4:
Wie es aussieht:
title
subtitle
Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung
XXXX
Was zu kopieren ist:
[[div class="orderwrapper"]]
[[div class="council1"]]
[[/div]]
[[div class="ordertitle"]]
+* title
[[/div]]
[[div class="orderdescription"]]
_
+* subtitle
Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung Beschreibung
[[/div]]
[[div class="itemno"]]
+* XXXX
[[/div]]
[[/div]]
[[module CSS]]
.orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
[[/module]]
Alternatives Kopfzeilen Format
Option 1:
Wie es aussieht:
Objekt-Nr.: SCP-XXX-DE |
Level 4/XXX-DE |
Klassifizierung: Euclid |
Klassifiziert |
Was zu kopieren ist:
[[table style="border: none; width: 100%;"]]
[[row]]
[[cell]]
[[size 125%]]**Objekt-Nr.:** SCP-XXX-DE[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**Level 4/XXX-DE**##[[/size]]
[[/cell]]
[[/row]]
[[row]]
[[cell]]
[[size 125%]]**Klassifizierung:** Euclid[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**Klassifiziert**##[[/size]]
[[/cell]]
[[/row]]
[[/table]]
----
[[div class="scp-image-block block-center" style="width:100%;"]]
[[iftags [[#ifexpr false == (false) | - ]]]]
[[image image.jpg style="width:100%;" link=#]]
[[/iftags]]
[[iftags [[#ifexpr false == (true) | - ]]]]
[[div style="width: 100%; height: 100%; background-image: url('image.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; padding:{$padding}"]]
[[/div]]
[[/iftags]]
[[div class="scp-image-caption" style="width:100%;"]]
SCP-XXX-DE.
[[/div]]
[[/div]]
----
Notiz: Ersetze 'image.jpg' mit dem Namen/Url vom dir gneutzten Bild. Denk dran, dass diese Art von Bild-Block das Bild ausweiten wird, damit es 100% von der Breite des Artikels einnimmt.
Option 2:
Wie es aussieht:
Level 1:
Level 2:
Level 3:
Level 4:
Level 5:
[Großen Dank an
TSATPWTCOTTTADC für das Reparieren von Kopfzeile 1 und 3.]
Was zu kopieren ist:
[[image header1/2/3/4/5.png]] (Bild angeben)
------
Notiz: Dieser Code beinahltet die Bilddatei nicht. Lade es entweder in den Artikel oder kopiere die Bildadresse von hier.
Option 3:
Wie es aussieht:
1/7777-DE LEVEL 1/7777-DE
CLASSIFIED
|
 |
Objekt-Nr.: SCP-7777-DE
Klassifizierung: Euclid
|
2/7777-RU LEVEL 2/7777-RU
CLASSIFIED
|
 |
Объект №: SCP-7777-RU
Класс объекта: Евклид
|
3/7777-KO LEVEL 3/7777-KO
CLASSIFIED
|
 |
일련번호: SCP-7777-KO
등급: 유클리드(Euclid)
|
4/CN-7777 LEVEL 4/CN-7777
CLASSIFIED
|
 |
项目编号: SCP-CN-7777
项目等级: Euclid
|
5/7777-FR LEVEL 5/7777-FR
CLASSIFIED
|
 |
Objet # : SCP-7777-FR
Classe : Euclide
|
1/7777 LEVEL 1/7777
CLASSIFIED
|
 |
Objekt-Nr.: SCP-7777
Klassifizierung: Euclid
Sicher
|
Was zu kopieren ist:
[[include :scp-wiki:component:classified-decoration
|lv=1/2/3/4/5
|item=7777
|oc=Euclid
|lang=EN/RU/KO/CN/FR/PL/ES/TH/JP/DE/IT/UA/PTBR
]]
[[include :scp-wiki:component:classified-decoration
|lv=1
|item=7777
|oc=--Euclid--
+* Safe
|lang=EN
]]
Oder willst du den Text von "LEVEL" und "CLASSIFIED" ändern?
[[include :scp-wiki:component:classified-decoration
|lv=1/2/3/4/5
|item=7777
|oc=Euclid
|lang=EN/RU/KO/CN/FR/PL/ES/TH/JP/DE/IT/UA/PTBR
|trans-level=<der Übersetzungsäquivalent von "STUFE" in deiner Sprache>
|trans-classified=<der Übersetzungsäquivalent von "KLASSIFIZIERT" in deiner Sprache>
]]
Option 5:
Wie es aussieht:
Bedrohungsstufe: Schwarz
(Klick mich!)
Was zu kopieren ist:
[[a href="*/niveaux-de-menace-des-objets-scp" style="font-size: 18px; color: white; text-shadow: 1px 3px 1px rgba(0,0,0,0.3); text-decoration: none;"]]
[[span_ style="display: inline-block; width: 100%; background-color: black; text-align: center; border: 1px none #000; margin: 1px; padding-top: 8px; padding-bottom: 8px;"]]
**Bedrohungsstufe:** Schwarz
[[/span]]
[[/a]]
Notiz: Um die Farbe zu ändern, wechsel einfach das "background-color"-Feld mit white/blue/green/yellow/orange/red/black aus. Farben mit höhreren/niederigen Kontrast könnnen eine Änderung vom "color"-Feld zu white/black für Leserlichkeit erfordern.
Notiz: Dies funktioniert am besten mit anderen alternativen Kopfzeilen Formaten, wie oben zu sehen ist. Basiert auf die Bedrohungsstufen Klassifizierungen des französichen Ablegers.
Option 8: Option 1(Simplere Version)
Wie es aussieht:
Objekt-Nr.: SCP-XXX-DE
Klassifizierung: Keter
Level 5/XXX-DE
Streng geheim
Inhalt
Objekt-Nr.: SCP-XXX-DE
Klassifizierung: Keter
Level 5/XXX-DE
Streng geheim
Inhalt
Was zu kopieren ist:
[[div style="display: flex; padding-bottom: -1em; border-bottom: solid 1px #444;"]]
[[div style="width: 50%;"]]
**Objekt-Nr.:** SCP-XXX-DE
**Klassifizierung:** Keter
[[/div]]
[[div style="width: 50%; text-align: right;"]]
**Level 5/XXX-DE**
**Streng geheim**
[[/div]]
[[/div]]
Inhalt
[[div style="display: flex; padding-bottom: -1em; border-bottom: solid 1px #444; font-size: 1.25em;"]]
[[div style="width: 50%;"]]
**Objekt-Nr.:** SCP-XXX-DE
**Klassifizierung:** Keter
[[/div]]
[[div style="width: 50%; text-align: right;"]]
**Level 5/XXX-DE**
**Streng geheim**
[[/div]]
[[/div]]
Inhalt
Unsichtbarer Text
Anstatt "##white|TEXT HIER...##" zu benutzen (Was jeden Dark-Mode benutzenden Browser brechen würde), solltest du transparent verwenden.
Versuche, die unteren Boxen zu kopieren:
Dieser Text ist unsichtbar, kann aber durch Markieren gesehen werden.
Dieser Text ist stattdessen weiß.
Dieser Text ist unsichtbar, kann aber durch Makieren angesehen werden.
Dieser Text ist stattdessen weiß.
Was zu kopieren ist:
##transparent|Hier kommt dein Text hin.##
Hinweis: Dies funktioniert nur auf Sigma-9.
Wie es aussieht:
Dein Text kommt hier hin.
"Papier/Notizen" Formate
Option 1
Wie es aussieht:
Dokumentkörper hier. Du musst " " benutzen, um richtig Absätze zu formen.
Etwa so.
Du kannst [[<]], [[=]] und [[>]] benutzen, um verschiedene Zeilen/Paragraphen für ein schickes Aussehen anzuordnen.
Was zu kopieren ist:
WICHTIG Das hier kommt an den Anfang deiner Seite:
[[module css]]
.page {
display: block;
overflow: hidden;
font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
font-style: normal;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
background-origin: padding-box;
background-position: 0px 8px;
background-repeat: repeat;
background-size: 100% 20px;
border: 1px solid #CCC;
border-radius: 10px;
padding: 10px 10px;
margin-bottom: 10px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
}
.page p,
.page ul {
line-height: 20px;
margin: 0;
}
[[/module]]
WICHTIG Das kommt dahin, wo die Box erscheinen soll:
[[div class="page"]]
Dokumentkörper hier. Du musst "@@ @@" benutzen, um richtig Absätze zu formen.
@@ @@
Etwa so.
@@ @@
Du kannst [[<]], [[=]] und [[>]] benutzen, um verschiedene Zeilen/Paragraphen für ein schickes Aussehen anzuordnen.
@@ @@
[[>]]
Viel Spaß.
[[/>]]
[[/div]]
"Login/Logout" Formate
Option 1
Wie es aussieht:
Was zu kopieren ist:
WICHTIG: Dies kommt an den Anfang deiner Seite:
[[module CSS]]
.fakeprot .mailform-box .buttons{display:none;}
.fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
.fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
.fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
.mailform-box td:first-child {width: 80px;}
[[/module]]
WICHTIG: Das hier kommt dahin, wo die Box erscheinen soll:
[[div class="fakeprot"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# name
* title: ID
* default: <DEINE ID>
* type: text
* rules:
* required: true
* maxLength:10
* minLength: 100
[[/module]]
[[div class="passw"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# affiliation
* title: PASSWORT
* default: ・・・・・・・・・
* rules:
* required: true
* maxLength:10
* minLength: 100
[[/module]]
[[/div]]
[[/div]]
[[collapsible show="Login" hide="Logout"]]
Text
[[/collapsible]]
Option 2
Wie es aussieht:
Was zu kopieren ist:
[[html]]
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Verdana;}
* {
box-sizing: border-box;
}
.input-container {
display: -ms-flexbox; /* IE10 */
display: flex;
width: 100%;
margin-bottom: 15px;
}
.input-field:focus{
border-style: solid;
transition: 0.5;
border-color: maroon;
border-width: 2px;
}
.input-field {
width: 100%;
padding: 10px;
outline: none;
transition: 0.5s;
}
.btn:focus {
outline: 0;
}
.btn {
background-color: Maroon;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
width: 50%;
opacity: 0.9;
transition: 0.09s;
border-radius: 3px;
transition 0.8s;
}
.btn:hover {
opacity: 1;
transition: 0.8s;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.7);
}
.btn:active {
transition: 0.09s;
transform: translateY(1px);
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.btn2 {
background-color: white;
border: none;
cursor: pointer;
}
p {
font-family: Helvetica;
margin-bottom: 5%;
}
</style>
</head>
<body>
<form autocomplete="off" style="max-width:450px;text-align:center;margin: auto;">
<p style="font-size:55px; font-weight: bold;">SCiPNET LOGIN</p>
<div class="input-container">
<input class="input-field" type="text" placeholder="Username" name="usrnm">
</div>
<div class="input-container">
<input onkeyup="if(this.value.length > 0) document.getElementById('start_button').disabled = false; else document.getElementById('start_button').disabled = true;" class="input-field" type="password" placeholder="Password">
</div>
<button id="start_button" class="btn btn-success" onclick="window.open('ERSETZE DIESEN TEXT MIT EINEM URL DAHIN, WO DICH DER LOGIN-KNOPF BRINGEN SOLL','_parent')" disabled> Login</button>
<br></br>
<button style= "font-weight: bold;" class="btn2 btn-success"> Passwort vergessen?</button>
</form>
</body>
</html>
[[/html]]
WICHTIG:
- Der Login-Knopf wird dich dich nicht weiterleiten, wenn das Passwortfeld leer ist.
- Dieses Login-Format ist für Artikel, die Offsets benutzen. Ändere den Platzhaltertext zu dem entsprechenden Offset-Link zu deinem Artikel.
Bilder Karusell
A selection of images with no inherent meaning or hidden message.
Anweisungen zum Benutzen
Blackbox Formate
Option 1
Wie es aussieht:
Dies ist ein Format, um Informationen zu schwärzen und sie über einen Mauszeiger sichtbar zu machen.
Was zu kopieren ist:
[[span class="bblock"]]Text hier[[/span]]
Wie man es anpassen kann:
Dieser Code lässt dich die Farbe des Mauszeiger-Textes anpassen.
[[module CSS]]
.bblock:hover {color: white}
[[/module]]
Option 2
Wie es aussieht:
Dies lässt dich die Farbe vom Hintergrund beim Rüberfahren mit der Maus ändern, statt den Text.
Was zu kopieren ist:
[[span class="dblock"]]Text hier[[/span]]
Wie man es anpassen kann:
This code lets you adjust the color of the mouseover background.
[[module CSS]]
.dblock:hover {background: #f4f4f4}
[[/module]]
"Heutiges Datum-Format
Wie es aussieht:
Das heutige Datum ist 25 Sep 2023 19:45… vielleicht!
Was zu kopieren ist:
[[module ListPages limit="1" category="*" order="updated_at desc"]]
> Das heutige Datum ist %%updated_at|%Y/%m/%d%%... vielleicht!
[[/module]]
Discord-Chat Formatierung
Wie es aussieht:
jo, Corvus, bist du da?

ja
was geht ab
@GOTO 20

New Messages
Hier ist ein Bild

Was zu kopieren ist:
Vollständige Erklärung und Code ist hier verfügbar.
AKS Kopfzeile (Anomalie Klassifikationssystem)
Klick hier, um zu erfahren, wofür das ist.
Original-Autor:
Woedenaz
Wie es aussieht:
Eindämmungsklasse:
euclid
Was zu kopieren ist:
Email Template
Wie es aussieht:
An: EMPFÄNGER
Von: ABSENDER
Betreff: THEMA
Text
An: EMPFÄNGER
Von: ABSENDER
Betreff: Re:THEMA
Text
Was zu kopieren ist:
WICHTIG: Das kommt an den Anfang deiner Seite.
[[module CSS]]
.email-example .collapsible-block-folded a.collapsible-block-link {
animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
0% { color: transparent; }
50%, 100% { color: #b01; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
[[/module]]
WICHTIG: Das hier kommt dahin, wo du den E-Mail Austausch haben willst.
[[div class="email-example"]]
[[=]]
------
[[collapsible show="Access SCiPNET Email? One (1) new message!" hide="Re:SUBJECT"]]
[[<]]
[[div class="email"]]
[[div class="tofrom"]]
**An:** EMPFÄNGER
**Von:** ABSENDER
**Betreff:** THEMA
[[/div]]
------
Text
[[/div]]
@@ @@
[[div class="email"]]
[[div class="tofrom"]]
**An:** EMPFÄNGER
**Von:** ABSENDER
**Betreff:** Re:THEMA
[[/div]]
------
Text
[[/div]]
[[/<]]
[[/collapsible]]
[[/=]]
[[/div]]