Torna alla home page

MOSAICOLIFE | La Boutique del mosaico

 

Torna alla home

 
 

 

Mosaicolife

 
 

 

cerca tra gli articoli
 

Situx usa un suo linguaggio di markup (di tipo descrittivo) per rappresentare i contenuti. Molto ispirato a quello usato dai wikipediani per scrivere le pagine.

Si possono inserire foto, enfatizzare parti di testo, creare liste, tabelle, link, ecc.

In pratica si inseriscono determinati "marcatori" in punti precisi del testo, spesso all'inizio della riga.

Gli unici due marcatori html accettati sono <object> e <iframe>. Per inserire video di youtube, mappe di google, ecc, copincolla direttamente il codice che ti danno loro.

Uso dei marcatori Situx: per ottenere gli effetti che vedi nella colonna a sinistra scrivi quello che c'è nella colonna a destra.

Il testo può essere raggruppato in paragrafi. Questo è il primo paragrafo.

Gli spazi bianchi
ripetuti non producono
alcun effetto.
Ma non bisogna iniziare la riga con uno spazio bianco.

Il testo può essere raggruppato in paragrafi. Questo è il primo paragrafo.

Gli spazi      bianchi
ripetuti    non producono
alcun       effetto.
Ma non bisogna iniziare la riga con uno spazio bianco.

Ci sono tre gradi di enfasi:
il corsivo, il grassetto
e il corsivo grassetto.

Ci sono tre gradi di enfasi:
''il corsivo'', '''il grassetto'''
e il ''''corsivo grassetto''''. 
  1. Questa è una sezione di livello 1
    1. Questa è una sezione di livello 2
      1. Questa è una sezione di livello 3
  2. Questa è un'altra sezione di livello 1

Questa è una sezione di livello 1


Questa è una sezione di livello 2


Questa è una sezione di livello 3

Questa è un'altra sezione di livello 1


L'indice viene creato automaticamente
in base alle sezioni.

=Questa è una sezione di livello 1=
==Questa è una sezione di livello 2==
===Questa è una sezione di livello 3===
=Questa è un'altra sezione di livello 1=

L'indice viene creato automaticamente
in base alle sezioni.

Le liste possono essere numerate oppure no.
Ecco una lista numerata:

  1. primo elemento della lista
  2. secondo elemento
    1. sotto-elemento del secondo elemento
  3. terzo elemento.

Ecco invece una lista non numerata:

  • primo elemento della lista
  • secondo elemento
    • sotto-elemento del secondo elemento
  • terzo elemento.

I due tipi si possono usare anche
in combinazione:

  • primo elemento non numerato
  • secondo elemento non numerato
    1. primo sotto-elemento numerato
    2. secondo sotto-elemento numerato
  • terzo elemento non numerato
Le liste possono essere numerate oppure no.
Ecco una lista numerata:
#primo elemento della lista
#secondo elemento
##sotto-elemento del secondo elemento
#terzo elemento.

Ecco invece una lista non numerata:
*primo elemento della lista
*secondo elemento
**sotto-elemento del secondo elemento
*terzo elemento.

I due tipi si possono usare anche
in combinazione:

*primo elemento non numerato
*secondo elemento non numerato
*#primo sotto-elemento numerato
*#secondo sotto-elemento numerato
*terzo elemento non numerato

Le definizioni sono coppie titolo-spiegazione.

Questo è un titolo
e questa la sua spiegazione
Questo è un altro titolo
e questa la sua spiegazione
Le definizioni sono coppie titolo-spiegazione.
;Questo è un titolo:e questa la sua spiegazione
;Questo è un altro titolo:e questa la sua spiegazione

Le righe che cominciano con uno o più spazi bianchi

conservano la formattazione originale.

Gli spazi in più rimangono e puoi inserire qualsiasi

carattere.
           (__)
           (oo)
    /-------\/
   / |     ||
  *  ||----||
     ~~    ~~ 

 Le righe che cominciano con uno o più spazi bianchi
 conservano la formattazione originale.

 Gli     spazi     in più    rimangono e puoi inserire qualsiasi
 carattere.
            (__)
            (oo)
     /-------\/
    / |     ||
   *  ||----||
      ~~    ~~   
Per dire qualcosa in modo evidente metti il simbolo ":" all'inizio della riga.
:Per dire qualcosa in modo evidente metti il simbolo ":" all'inizio della riga. 

Per fare i link usa questa tecnica.
Se vuoi che la pagina linkata si apra in una nuova finestra
usa le parentesi doppie.

Per fare i link usa [http://www.google.com questa tecnica].
Se vuoi che la pagina linkata si apra in una nuova finestra
usa [[http://www.google.com le parentesi doppie]].

Gli indirizzi email possono
essere cliccabili come per es.
termos@massimo.termanini.name.

Gli indirizzi email possono
essere cliccabili come per es.
[email:termos@massimo.termanini.name].

Immagine non trovata
Con questa prima tecnica puoi inserire
immagini esterne (che non sono su questo sito)
incollando l'indirizzo.

Ma puoi anche inserire una delle immagini
precedentemente caricate (immagini interne)
semplicemente indicando il nome del file.
Nel prossimo esempio si inserisce il file
default.jpg precedentemente caricato.
Mosaicolife.it

Per spingere una foto sulla destra,
lasciando che il testo fluisca
alla sua sinistra, fai come nei primi
2 esempi.

Mosaicolife.it
Questo esempio illustra l'impiego
della stessa immagine, però
allineata a sinistra. In questo caso
il testo fluisce sulla sua destra.

Terzo possibile allineamento:
Mosaicolife.it

l'immagine centrata.

In ogni caso puoi usare l'immagine come link
in questo modo:

Mosaicolife.it
Cliccando sull'immagine navighi verso l'indirizzo specificato dopo il simbolo "|".

[immagine:http://www.situx.org/immagini/thumbs/situx.jpg]]
Con questa prima tecnica puoi inserire
immagini esterne (che non sono su questo sito)
incollando l'indirizzo.

Ma puoi anche inserire una delle immagini
precedentemente caricate (immagini interne)
semplicemente indicando il nome del file.
Nel prossimo esempio si inserisce il file
default.jpg precedentemente caricato.
[immagine:default.jpg]]

Per spingere una foto sulla destra,
lasciando che il testo fluisca
alla sua sinistra, fai come nei primi
2 esempi.

[[immagine:default.jpg]
Questo esempio illustra l'impiego
della stessa immagine, però
allineata a sinistra. In questo caso
il testo fluisce sulla sua destra.

Terzo possibile allineamento:
[[immagine:default.jpg]]

l'immagine centrata.

In ogni caso puoi usare l'immagine come link
in questo modo:

[[immagine:default.jpg|http://www.google.it]
Cliccando sull'immagine navighi verso l'indirizzo specificato dopo il simbolo "|".

Mosaicolife.it
Le icone sono immagini miniaturizzate e cliccabili.

Quando le clicchi si apre l'immagine nelle sue dimensioni originali.

L'allineamento delle icone (destra, sinistra o centro)
è gestito come quello delle immagini (vedi sopra)

[[icona:default.jpg]
Le icone sono immagini miniaturizzate e cliccabili.

Quando le clicchi si apre l'immagine nelle sue dimensioni originali.

L'allineamento delle icone (destra,  sinistra o centro)
è gestito come quello delle immagini (vedi sopra)

Per inserire il link a un documento
archiviato si fa così: file.pdf.

In aggiunta puoi specificare
la frase da cliccare per scaricare il documento.

Per inserire il link a un documento
archiviato si fa così: [documento:file.pdf].

In aggiunta puoi specificare
la [documento:file.pdf frase da cliccare] per scaricare il documento.

Il testo si può colorare
con questa tecnica.
I nomi da usare (oltre a "limegreen") sono
questi.

Se vuoi usare un colore che non ha un nome,
usa quest'altra tecnica.
Dove il numero esadecimale del colore
è preceduto dal simbolo #.

Il testo si può colorare
con [colore:limegreen questa tecnica].
I nomi da usare (oltre a "limegreen") sono
[http://www.w3schools.com/css/css_colornames.asp questi].

Se vuoi usare un colore che non ha un nome,
usa [colore:#E42D3A quest'altra tecnica].
Dove il numero esadecimale del colore
è preceduto dal simbolo #.

Per fare una tabella semplice
fai così:

Colonna 1, riga 1 Colonna 2, riga 1 Colonna 3, riga 1
Colonna 1, riga 2 Colonna 2, riga 2 Colonna 3, riga 2

Per mettere anche il titolo :

Questo è il titolo della tabella
Colonna 1, riga 1 Colonna 2, riga 1 Colonna 3, riga 1
Colonna 1, riga 2 Colonna 2, riga 2 Colonna 3, riga 2

Per mettere i titoli alle singole
colonne:

Questo è il titolo della tabella
Titolo della Colonna 1 Titolo della Colonna 2 Titolo della Colonna 3
Colonna 1, riga 1 Colonna 2, riga 1 Colonna 3, riga 1
Colonna 1, riga 2 Colonna 2, riga 2 Colonna 3, riga 2

Funziona anche la sintassi verticale:

Colonna 1, riga 1 Colonna 2, riga 1
Colonna 1, riga 2 Colonna 2, riga 2

La tabella risulta automaticamente connotata con la classe CSS "tabellasemplice".

Se vuoi mettere una classe CSS personalizzata usa questa tecnica:

Colonna 1, riga 1 Colonna 2, riga 1
Colonna 1, riga 2 Colonna 2, riga 2
Per fare una tabella semplice
fai così:
{|
| Colonna 1, riga 1 || Colonna 2, riga 1 || Colonna 3, riga 1
|-
| Colonna 1, riga 2 || Colonna 2, riga 2 || Colonna 3, riga 2
|}

Per mettere anche il titolo :
{|
|+ Questo è il titolo della tabella
| Colonna 1, riga 1 || Colonna 2, riga 1 || Colonna 3, riga 1
|-
| Colonna 1, riga 2 || Colonna 2, riga 2 || Colonna 3, riga 2
|}

Per mettere i titoli alle singole
colonne:
{|
|+ Questo è il titolo della tabella
! Titolo della Colonna 1 !! Titolo della Colonna 2 !! Titolo della Colonna 3
|-
| Colonna 1, riga 1      || Colonna 2, riga 1      || Colonna 3, riga 1
|-
| Colonna 1, riga 2      || Colonna 2, riga 2      || Colonna 3, riga 2
|}

Funziona anche la sintassi verticale:
{|
| Colonna 1, riga 1
| Colonna 2, riga 1
|-
| Colonna 1, riga 2
| Colonna 2, riga 2
|}

La tabella risulta automaticamente connotata con la classe CSS "tabellasemplice".

Se vuoi mettere una classe CSS personalizzata usa questa tecnica:

{miaclasse|
| Colonna 1, riga 1
| Colonna 2, riga 1
|-
| Colonna 1, riga 2
| Colonna 2, riga 2
|}

Elenco degli emoticons

  1. Sorriso Sorriso Sorriso
  2. Sorrisone Sorrisone Sorrisone Sorrisone Sorrisone
  3. Triste Triste Triste
  4. Occhiolino Occhiolino Occhiolino
  5. Lingua fuori Lingua di fuori Lingua di fuori
  6. Sorpreso Sorpreso Sorpreso
  7. Scettico Scettico
  8. Senza parole Senza parole
  9. Non posso parlare Non posso parlare Non posso parlare Non posso parlare Non posso parlare
  10. Sono innocente Sono innocente Sono innocente
  11. In lacrime In lacrime In lacrime In lacrime In lacrime
  12. Bacio Bacio Bacio
  13. Ghigno diabolico Ghigno diabolico Ghigno diabolico Ghigno diabolico Ghigno diabolico Ghigno diabolico
  14. Ho gli occhiali Ho gli occhiali Ho gli occhiali Ho gli occhiali Ho gli occhiali
  15. Sorrido con gli occhiali Sorrido con gli occhiali Sorrido con gli occhiali
Elenco degli emoticons
#Sorriso :-) :)
#Sorrisone :D :-D XD xD
#Triste :( :-(
#Occhiolino ;) ;-)
#Lingua fuori :P :-P
#Sorpreso :O :-O
#Scettico :-/
#Senza parole :|
#Non posso parlare :x :X :-x :-X
#Sono innocente O:) O:-)
#In lacrime ;( ;-( :'( :'-(
#Bacio :* :-*
#Ghigno diabolico ]:) ]:-) >:) >:-) ]:->
#Ho gli occhiali 8-| 8| B-| B|
#Sorrido con gli occhiali 8-) B-)

 

 

Contatti

 
 

 

 

 

 

 

© 2016 - Mosaicolife - P.Iva 03630230369