Codici e altri trucchetti della Branca Italiana

Questa pagina è un archivio dedicato ai codici utilizzati per raffinare l'estetica dei propri lavori originali, con div, span e tanto altro. La maggior parte è stata creata dall'utenza del sito, ma alcuni di particolare importanza provenienti dalle altre Branche sono comunque inclusi qui per comodità.

---

Collassabili++

Con questi codici avrete svariati modi per migliorare i vostri collassabili!

• • _
  Questo, per esempio...- Chiudi Livello 1

  Crea un collassabile dentro un collassabile!

  • • _
    Ma non finisce qui...- Chiudi Livello 2

    Anche un collassabile dentro un collassabile dentro un collassabile!

    • • _
      E proprio quando pensavate le sorprese stessero per finire...- Chiudi Livello 3

      Potete fare pure un collassabile dentro un collassabile dentro un collassabile dentro un collassabile! Copiate quanto segue:

      [[include :fondazionescp:component:coltop show=+ Apri Livello 1 1|hide=- Chiudi Livello 1]]
      Inserisci qui il contenuto del livello 1.
      [[include :fondazionescp:component:coltop show=+ Apri Livello 2|hide=- Chiudi Livello 2]]
      Inserisci qui il contenuto del livello 2
      [[include :fondazionescp:component:coltop show=+ Apri Livello 3|hide=- Chiudi Livello 3]]
      Inserisci qui il contenuto del livello 3
      [[include :fondazionescp:component:colend]]
      [[include :fondazionescp:component:colend]]
      [[include :fondazionescp:component:colend nohide=True]]

      Tanti livelli quanti i collassabili che volete, e ricordate di aggiungere un [[include :fondazionescp:component:colend]] per ogni livello che desiderate.

      - Nascondi
    - Nascondi

• • _
  Con quest'altro, invece...- Chiudi

  Avrete un bottone per chiuderlo anche di sotto!
  Copiate quanto segue:

  [[include :fondazionescp:component:coltop show=+ Apri|hide=▽ Chiudi]]
  Inserisci qui il contenuto.
  [[include :fondazionescp:component:colend hide=△ Chiudi]]

  Chiudimi!

• • _
  Questo qui fa più o meno la stessa cosa di quello di sopra...

  Ma si chiuderà solamente di sotto.
  Copiate quanto segue:

  [[include :fondazionescp:component:coltop show=+ Apri|nohide=true]]
  Inserisci qui il contenuto.
  [[include :fondazionescp:component:colend hide=- Chiudi]]

  - Chiudi

• • _
  Pigiami!Spigiami!

  Infine, questo è un collassabile molto alla moda, con bottone professionale^TM.
  Copiate quanto segue:

  [[include :fondazionescp:component:coltop ifprot=true|show=Login|hide=Logout]]
  Inserisci qui il contenuto.
  [[include :fondazionescp:component:colend nohide=true]]

Codici cortesia di Boyu12, dalla Branca Giapponese.

---

Filtri

Per applicare filtri di colore alle immagini. Se ad esempio prendiamo l'immagine di SCP-025-IT:


Scala di grigi
Per rendere l'immagine in scala di grigi:

Istruzioni

[[image http://fondazionescp.wdfiles.com/local--files/scp-025-it/CANGURO.jpg size="small" style="-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); max-width: 200px;"]]

Tonalità
Per ruotare la tonalità:

Istruzioni

[[image http://fondazionescp.wdfiles.com/local--files/scp-025-it/CANGURO.jpg size="small" style="filter: hue-rotate(125deg); max-width: 200px;"]]

---

Logo 3D Roteante

Con questo codice è possibile mostrare un logo roteante, utilizzabile per far figo.

Copiate quanto segue:

[[include :fondazionescp:component:3d-logo |header=true|title=Testo di sopra|num=Testo di sotto]]

Nulla di più semplice. Potete vederlo all'opera non appena aprite il primo collassabile in SCP-042-IT.

Codice cortesia di Dr Pisy.

---

Minimappa

Questo component permette di inserire facilmente delle immagini di locazioni geografiche, eventualmente con un mirino sopra. Invece di creare l'immagine con un programma di fotoediting, basta scrivere due righe di codice Wikidot. L'immagine risultante è completamente navigabile, sia come direzioni che come zoom. A seguire, la guida in lingua inglese.

Istruzioni e dimostrazioni nella seguente pagina.

Codice cortesia di Mr Abadede.

---

Pop-up

Con questo codice potrete sottolineare una parte del testoe far comparire una scritta mettendoci il mouse sopra!, abbastanza figo direi.

Istruzioni

Il codice è semplicissimo, basta mettere questo a inizio pagina:

[[module CSS]]
@import url(http://community.wdfiles.com/local--code/howto:inline-hover-tips);
[[/module]]

E usare questo ogni qual volta si desidera usarlo:

testo [[span class="hover"]]testo sottolineato[[span]]testo del popup[[/span]][[/span]] testo.

Codice cortesia di Mr Abadede.

---

Post-it

Una piccola nota scritta a mano, usabile come promemoria o note circostanziali usata da personaggi in-universe.

Istruzioni

In modo analogo al pop-up, mettete questo a inizio pagina (prima o dopo altri moduli, è indifferente):

[[module CSS]]
@import url(http://fonts.googleapis.com/css?family=Satisfy);

.post-it{
    background-color: lemonchiffon;
    padding: 16px;
    font-family: 'Satisfy';
    font-size: 18px;
    border-radius: 5px;
    width: 85%;
    margin: 0 auto;
}
[[/module]]

E, ogni qual volta volete usarlo, copiate quanto segue:

[[div class="post-it"]]

[testo del post it]

[[/div]]

Codice cortesia di Mr Abadede.

---

Progetto del CFO

Con questo codice potrete simulare un progetto, comunicazione o altro del Consiglio Fascista dell'Occulto.

⎰ SUL PROGETTO "###" ⎱

---

C0D1CE:

• CFO<###>

CFO<###>

CFO<###> mentre fa koseh kattiveh.

D3N0MIN4ZI0NE:

• "Abc"

---

T1P0L0G1A:

• ◬ Biologico

PR10R17À:

• ▤ Bassa

AU70N0M1A:

• ⚉ Senziente

---

OBI377IVO:
Fare koseh kattiveh meh eh eh eh.

D35CRIZI0NE:
L'entità appare come [OCCULTATO] e poi è ▒▒▒▒▒▒▒.

N07E:
Eventuali note.

---

S747US:

• ⧑ Completato

⎰ SI DÀ ORDINE DI SECRETO ⎱

^--
==//==

Istruzioni

Vi basta copiare quanto segue:

[[div style="background-color: #111111; color: #eeeeee; width: 100%;
padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-radius: 25px;"]]
[[>]]
[[f>image http://fondazionescp.wdfiles.com/local--files/gruppi-di-interesse/cfologo_vrs4_neg_tr.png width="100px"]]
[[/>]]

[[=]]
[[size large]]⎰ SUL PROGETTO "###" ⎱[[/size]]
@@@@
@@@@
[[/=]]

-----

**__C0D1CE__:**
* CFO<###>

 [[include :snippets:image
| image=[link all'immagine]
| width=300px | float=right | link=@@
| heading=CFO<###>
| caption=[didascalia]]]

**__D3N0MIN4ZI0NE__:**
* "denominazione"

----

**__T1P0L0G1A__:**
* [tipologia]

**__PR10R17À__:**
* [priorità]

**__AU70N0M1A__:**
* [autonomia]

----

**__OBI377IVO__:**[
[qui va spiegato l'obiettivo]

**__D35CRIZI0NE__:**
[qui va la descrizione]

**__N07E__:**
[eventuali note, paragrafo opzionale]

----

**__S747US__:**
* [stato]

[[=]]
@@@@
@@@@
⎰ [[size x-small]]SI DÀ ORDINE DI SECRETO[[/size]] ⎱
@@@@
@@ ^--  @@
@@==//==@@
[[/=]]
[[/div]]

Codice cortesia di Mr Abadede.

---

Protocollo del RIDIA

Simile al div di prima, questo permette di creare un protocollo o comunicazione del Regio Istituto delle Italiche Anomalie.

REGIO ISTITVTO
DELLE ITALICHE
A N O M A L I Æ

Numero Documento: ###
Classe d'Anomalia: [classe]

[qui apparirà il testo scritto a mano]

[qui apparirà il testo scritto a macchina]

Data
01/01/1900

Firma
Nome Cognome

Istruzioni

Innanzitutto, copiate sopra a tutto questo codice:

[[module CSS]]
@import url(http://fonts.googleapis.com/css?family=Cinzel);
@import url(http://fonts.googleapis.com/css?family=La+Belle+Aurore);
@import url(http://fonts.googleapis.com/css?family=Kristi);
@import url(http://fonts.googleapis.com/css?family=Special+Elite);

.ridia-sfondo{
    background-color: #f8ecc2;
    color: #5a2d0c;
    width: 90%;
    padding-top: 5px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    margin: 0 auto;
}

.ridia-titolo{
    font-family: 'Cinzel';
    font-weight: bold;
    font-size: 26px;
    line-height: 150%;
}

.ridia-documento{
    font-family: 'Cinzel';
    font-weight: bold;
    font-size: 14px;
}

.ridia-testo{
    font-family: 'La Belle Aurore';
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
}

.ridia-typewriter{
    font-family: 'Special Elite';
    font-weight: normal;
    font-size: 13px;
}

.ridia-firma{
    font-family: 'Kristi';
    font-size: 42px
}
[[/module]]

Poi, dove volete scrivere, copiate questo:

[[div class="ridia-sfondo"]]
[[=]]
[[span class="ridia-titolo"]]
REGIO ISTITVTO
DELLE ITALICHE
A N O M A L I Æ
[[/span]]
[[/=]]

[[span class="ridia-documento"]]Numero Documento:[[/span]] [[span class="ridia-testo"]]###[[/span]]
[[span class="ridia-documento"]]Classe d'Anomalia:[[/span]] [[span class="ridia-testo"]][classe][[/span]]

[[span class="ridia-testo"]]

[qui apparirà il testo scritto a mano]

[[/span]]

@@@@
@@@@

[[span class="ridia-typewriter"]]

[qui apparirà il testo scritto a macchina]

[[/span]]

[[div style="width: 45%; text-align: center; display: inline-block;"]]
[[span class="ridia-documento"]]Data[[/span]]
[[span class="ridia-testo"]]01/01/1900[[/span]]
[[/div]]
[[div style="width: 45%; text-align: center; display: inline-block;"]]
[[span class="ridia-documento"]]Firma[[/span]]
[[span class="ridia-firma"]]Nome Cognome[[/span]]
[[/div]]

@@@@

[[/div]]

Codice cortesia di Mr Abadede.

---

Quantumfootnotes

Questo codice crea delle footnote esteticamente migliorate.Tipo questa!.

Istruzioni

Prima di tutto, mettete come sempre questo a inizio pagina:

[[include :fondazionescp:component:quantumfootnotes]]

Dopodiché, usate questo per ogni quantumfootnote che si vuole creare:

[[span class="fnnum"]].[[/span]][[span class="fncon"]]Text in footnote.[[/span]]

Ulteriori info e parametri modificabili sono visualizzabili nell'apposita pagina component.

Cortesia di QuantumCryptographer.

---

Terminale

Siddartha Alonne:/> Con questo potete settare un vero e proprio terminale! Figo, vero?
Il bellissimo utente che sta leggendo:/> Vero, che figata.
Un bruttissimo utente che non sta leggendo:/> _

Istruzioni

Ormai lo sapete, mettete questo a inizio pagina:

[[module CSS]]
.terminal{
    background-color: #222222;
    width: 85%;
    padding: 18px;
    text-align: left;
    border-radius: 25px;
    font-family: courier;
    margin: 0 auto;
}

.blinking{
    animation:blinkingText 0.8s infinite;
}
@keyframes blinkingText{
    0%{    color: white;   }
    49%{  color: transparent;  }
    50%{  color: transparent;  }
    69%{  color:transparent;   }
    100%{ color: white; }
}
[[/module]]

E, quando volete usarlo, scrivete questo:

[[div class="terminal"]]

{{##colore a scelta|**Personaggio 1:/>** Salve!##}}]
{{##altro colore a scelta|**Personaggio 2:/>**Salve##}}
{{##altro colore a scelta ancora|**Personaggio 3:/>** [[span class="blinking"]]_[[/span]]##}}

[[/div]]

Cortesia di Mr Abadede.

‡ Licenza / Citazione

Cita questa pagina come:

"Codici e altri trucchetti della Branca Italiana" di Mr Abadede, riscritto da Siddartha Alonne, dalla SCP Wiki IT. Sorgente: https://fondazionescp.wikidot.com/hub-codici. Sotto licenza CC-BY-SA 3.0.

Per ulteriori informazioni, vedasi la Guida alle Licenze.
Informative di Licenza

Filename: CANGURO.jpg
Name: N/A
Author: Ogutier
License: https://creativecommons.org/publicdomain/zero/1.0/deed.it
Source Link: https://pixabay.com/it/beanie-baby-peluche-giocattolo-3453983/

Filename: Sea_urchin_tests.jpg
Name: N/A
Author: https://www.flickr.com/photos/jurvetson/
License: https://creativecommons.org/licenses/by-sa/2.0/
Source Link: https://it.wikipedia.org/wiki/File:Sea_urchin_tests.jpg

Filename: cfologo_vrs4_neg_tr.png
Name: N/A
Author: Mr Abadede
License: https://creativecommons.org/licenses/by-sa/3.0/
Source Link: http://fondazionescp.wdfiles.com/local--files/gruppi-di-interesse/cfologo_vrs4_neg_tr.png

Per ulteriori informazioni riguardo il contenuto presente sulla wiki, visitare la Licensing Master List.