INSERIRE E MODIFICARE UN LAYOUT

Di base:

Per inserire un layout in una presentazione su Howrse, clicca su "Modalità HTML" ed incolla prima di qualsiasi altro codice quello del layout. Tornando in modalità normale potrai vederlo nella tua presentazione.

Bisogna tenere a mente che non si dovrebbe modificare il testo o qualunque altra cosa personalizzabile se non in modalità HTML. Spesso infatti può "sballare" il layout (andare a capo con invio è ad esempio disastroso, oppure si può finire con il cambiare accidentalmente font e colore dell'intero testo).

Per cui, per qualunque modifica, modalità HTML. Può essere disorientante all'inizio, ma basta ricordarsi di non toccare il codice vero e proprio (a meno di sapere cosa si stia facendo) e modificare unicamente il testo. Si può infatti scrivere normalmente all'interno delle caselle di testo (per la prima volta che vai a fare quest'operazione, è la dove si trova il testo base, "Lorem ipsum...", sostituisci unicamente quello).

Se vuoi andare a capo scrivi poi <br> (anche più volte di fila) invece di premere invio. Questo eviterà di incasinare il vostro layout. Anche per inserire immagini, fatelo con il rispettivo codice (qui per più info). In modalità normale il testo scritto dopo l'immagine cambierebbe colore e font, di solito non è carino a vedersi.

Alcune cose come il grassetto, corsivo, sottolineato o l'aggiunta di link si possono fare tranquillamente con le opzioni offerte da Howrse senza fare danni. Lo stesso vale anche per il cambiare il colore di piccole parti di testo. 

Di più:

Se hai voglia di personalizzare il layout (entro certi limiti ovviamente), dai un'occhiata qui.

Questo è il codice base che normalmente uso per le mie caselle di testo. Altri potrebbero averli leggermente diversi, in base anche a quanti abbellimenti vuoi aggiungere.

Howrse limita abbastanza le cose (per esempio non accetta ombre o colori semitrasparenti), quindi di solito faccio tutto già sull'immagine di sfondo ed il codice rimane semplice.

Le parti in cui ci sono le XXX sono quelle che potrebbero essere cambiate. Brevi spiegazioni codice per codice:

• text-align: XXX; - L'allineamento del testo. Di solito ci sarà scritto left (a sinistra). Si può però sostituirlo con center (al centro) o right (a destra), in base alle preferenze.
  
• font-family: XXX;  - Font (carattere) del testo. Personalmente metto quasi sempre Times, mi ispira, ma ovviamente si può mettere quello che si vuole. Su DaFont se ne possono trovare una marea. Attenzione: non tutti i caratteri sono visibili a tutti. Quelli che sono sicuramente installati su ogni pc sono questi: web safe fonts. Un'altra fonte quasi sicura da cui attingere sono quelli preimpostati su programmi come Word e PowerPoint.
  
• font-size: XXXpx; - La dimensione del testo. Si può inserire qualsiasi numero.
  
• color: #XXX;  - Colore del testo. Il codice per il bianco è #fff mentre per il nero è #000. Se vuoi usare colori più particolari, ho messo il link per l'HTML Color Picker di W3Schools qui: si possono trovare i codici per qualunque colore. Attenzione: da essere umano ti dico: non scegliere colori che non si leggono a causa dello sfondo e ti prego, niente colori troppo accesi o che contrastano con lo sfondo con quelle combinazioni che possono davvero fare male agli occhi (guardo a voi che mettete sfondo blu elettrico e sopra testo rosso acceso, seriamente, persone con problemi agli occhi ci rimettono).

Una piccola aggiunta:

• di solito le mie caselle di testo hanno già un bordo che si trova direttamente sull'immagine, dello spessore di 1 pixel. Se non vi piace quel colore potete però cambiarlo, sovrapponendogliene uno di codice. Inserite border: 1px solid #XXX; dopo overflow: auto; che è già nel codice del layout (ricordatevi i punti e virgola, non li cancellate). Come per il colore del testo al posto dell'XXX dovreste aggiungere il codice per il colore che preferite. Potreste anche aumentare lo spessore o scrivere dotted al posto di solid (il bordo sarà a puntini invece che una linea continua).