Codici e altri trucchetti della Branca Italiana

Hub Ferramenta » 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 di caricamento

Con questo codice è possibile mostrare un logo roteante, utilizzabile per far figo.
Produce un'animazione del logo della Fondazione in movimento attraverso la pagina, della durata di una decina di secondi, la quale contiene due stringhe di testo personalizzabili.

Istruzioni

In un qualunque punto della pagina inserite quanto segue, modificando i parametri secondo le vostre preferenze, tenendo a mente che il terzo mediano dell'animazione sarà sempre occupato dalla dicitura "Caricamento…":

[[include :fondazionescp:component:3d-logo-base |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. Ulteriori info e parametri modificabili sono visualizzabili nell'apposita pagina component.

Codice cortesia di 7happy7 della Branca Giapponese e 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.

---

Avviso: Contenuto 18+

Una comoda casella grigia con avvertenza personalizzabile che copre le opere inappropriate per lettrici e lettori minorenni. Rimuovibile con un clic sull'altrettanto comodo tasto "Continua".

Istruzioni

In cima alla vostra pagina inserite il seguente codice, rimuovendo i parametri non pertinenti:

[[include :fondazionescp:component:adult-content-warning
|gore=1
|temi-sessuali=1
|sessualmente-espliciti=1
|violenza-sessuale=1
|abuso-su-minori=1
|autolesionismo=1
|suicidio=1
|tortura=1
|custom=1
|custom-content=Avviso sui contenuti personalizzato
|prev=slot-della-pagina-precedente
|current=Titolo di questa pagina
|next=slot-della-pagina-successiva
]]

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

Cortesia di EstrellaYoshte della Branca Anglofona.

---

Barra per la Classificazione delle Anomalie

Un'ottima maniera per proporre immediatamente, all'apertura della pagina, le informazioni di base sulla vostra anomalia.

Elemento #: 9876

Livello5

Classe di Contenimento:

keter

Classe Secondaria:

thaumiel

Classe di Disturbo

amida

Classe di Rischio

critico

link to memo

Istruzioni

I codici di questo component sono particolarmente complicati! Una guida dettagliata e approfondita è presente nell'apposita pagina component ed in una seconda pagina apposita.

Cortesia di Woedenaz della Branca Anglofona.

---

Player Audio

È un buon player audio, niente male anche sul lato grafico. Per ragioni tecniche il player in questa pagina non contiene alcun file, ergo non funziona.

Istruzioni

Tutte le info e i parametri modificabili sono spiegati nel dettaglio nell'apposita pagina component.

Cortesia di Woedenaz della Branca Anglofona.

---

Tesserino identificativo

Il bel tesserino identificativo in dotazione al personale della Fondazione.

Accesso di
Livello5

Nome Completo
Palla Pinco

Dipartimento
di Iperirrealtà

Posizione
Piegatrice di Pechino

2001-19681602001-1968160

N° ID2001-1968160
Valido fino al 04/2068

Istruzioni

Per ogni tesserino utilizzate questo codice, sostituendo i contenuti tra graffe con ciò che vi interessa:

[[include :fondazionescp:component:id-card |css=—
|photo={URL immagine interessante}
|name={Cognome Nome}
|dept={dipartimento in cui la persona è impiegata} |position={titolo/ruolo}
|id-number= {numeretto identificativo... a piacimento}
|expiry={mese/anno di scadenza del tesserino}
]]

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

Cortesia di EstrellaYoshte della Branca Anglofona.

---

‡ 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.