Come inserire un sottofondo musicale nelle mail

Per aiutare un amico a spedire le sue coloratissime e-mail, mi sono imbattuta a dover risolvere il problema: "come inserire un "sottofondo" musicale nelle e-mail!?"

Cercando per la rete e per i miei programmi, ho scoperto che con Outlook la cosa è molto semplice, questo gestore di posta permette di caricare direttamente file, non come allegati, ma proprio insieme al corpo della mail, in modo che l'utente quando apre il messaggio in posta elettronica, insieme alla lettura del testo della mail, si ascolta anche il file midi che gli abbiamo spedito. Bello no? Si, ma è anche doveroso ammettere che solo un 10% degli utenti che ricevono queste mail poi sentono direttamente la musica, il 90% degli utenti (che usano gestori di posta di lavoro o gmail) vedono il midi, lo scaricano e lo ascoltano con un player.

Procedura con Outlook Express

È molto semplice, tratta il file musicale come fosse un immagine, in pochi passi lo possiamo mettere nella mail (bada non sto parlando di allegarlo, proprio inserirlo)

1. File -> Nuovo messaggio
2. Inserisci -> file musicale

Procedura con Thunderbird

Inesistente. Perchè? Perchè Thunderbird è molto attento alle questioni di sicurezza nell'invio di mail in html. I file audio sono file binari, onde evitare che possa essere eseguito del codice malevolo, la funzione di inserirli direttamente è disabilitata.

Come scrivere le accentate e simboli in html

Spesso vi sarà capitato di vedere dei siti che hanno di cannato tutte le accentate, è una questione come si sa di codifica, molto spesso si può non azzeccare quella giusta!
Solitamente basta usare la codifica: charset=iso-8859-1 che è lo "standard Latin1", che comprende anche l'italiano.


Ecco un esempio di comuni sostituzioni, come al solito ci sono spazi in più perchè l'editor di blogspot recepisce il codice e lo converte direttamente! :D togliere dunque se copiate e incollate il testo gli spazi tra & e il testo e il puno e virgola altrimenti non funziona!

Conversioni:
à = & agrave ;
è = & egrave ;
é = & eacute ;
ì = & igrave ;
€ = & euro ;

Capito un pò la logica? In questo modo veranno sempre visualizzate correttemente!

ps. giusto pochi atimi fa mi sono imbattuta in un utilissima pagina che vi voglio condividere, tiene una tabella di tutte le html entities, clicca qui

Come fare un template per Joomla!

Esistono diversi modi per creare un template per Joomla! Possiamo usare dei software come NVU (vedi http://www.sanavia.it/nvuitalia/) e scaricarsi l'estensione per creare siti Joomla! che potete trovare qui oppure.. convertire un vecchio html...!

Come convertire un template statico
Creiamo una cartella, e la nominiamo con il nome che vogliamo dare al template.
All'interno di questa mettiamo:
1 cartella "css" dove metteremo il nostro style.css
1 cartella "html" dove metteremo il nostro file index.html
1 cartella "images" per tutte le immagini del template
1 file chiamato "index.php" che sarà il nostro html convertito con codice php
1 file "favicon.ico" che sarà l'icona del sito, in alto nella barra dei contatti.
1 file chiamato "templateDetails.xml" dove metteremo i seguenti parametri: (ps: metto più spazi tra < e > perchè altrimenti blogger non me li pubblica, state dunque attenti se copiate e incollate)

< ?xml version="1.0" encoding="utf-8"? >
< !DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN" "http://dev.joomla.org/xml/1.5/template-install.dtd" >
< install version="1.5" type="template" >
< name>Nome del template< /name >
< creationDate>data di creazione< /creationDate >
< author >Nome autore< /author >
< authorEmail>email@autore< /authorEmail >
< authorUrl >sito autore< /authorUrl >
< copyright >< /copyright >
< license >GNU/GPL< /license >
< version >1.0.0< /version >
< description >template for Joomla 1.5< /description>

< files >
< filename>index.html< /filename >
< filename>index.php< /filename >
< filename>templateDetails.xml< /filename >
< filename>favicon.ico< /filename >
< filename>component.php< /filename >
< filename>images/tutta la lista delle immagini< /filename >
< filename>images/tutta la lista dei file< /filename >
< /files >

< positions >
< position >left< /position >
< position >right< /position >
< position >top< /position >
< position >breadcrumb < /position>
< position >user1< /position >
< position >user2< /position >
< position >user3< /position >
< position >user4< /position >
< position >debug< /position >
< position >syndicate< /position >
< /positions >

< params >
< /params >
< /install >

Come rendere i tag html dinamici?
Includendo i moduli joomla!

Prendiamo il nostro file html e convertiamolo in index.php, sia salvandolo con questo nome, sia inserendo l'indestazione come segue:

< ?php echo '< ?xml version="1.0" encoding="utf-8"?'.'>'; ?>
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns="http://www.w3.org/1999/xhtml" xml:lang="< ?php echo $this- >language; ?>" lang="< ?php echo $this- >language; ? >" dir="< ?php echo $this->direction; ? > " >



< head >
< jdoc:include type="head" / >
< link rel="stylesheet" href="baseurl ?>/templates/cartella con il nome del template/css/style.css" type="text/css" />
< /head >
< body >
< /body >
< /html >

Negli spazi che ci servono, rispetto al nostro template in codice html, inseriamo poi i richiami dei diversi moduli Joomla! Ad esempio, se vogliamo mettere in un td di una nostra tabella il riferimeno alla colonna sinistra metteremo dentro il < TD >:

< div id="left" >
< jdoc:include type="modules" name="left" >
< /div >

Questo div includerà i moduli ai quali assegneremo la posizione a sinistra.

Cosi via inseriamo poi i collegamenti tutti i moduli nei posti dove vogliamo:


name="top"
name="breadcrumb"
name="user1"
name="user2"
name="user3"
name="user4"
name="right"
name="left"
name="syndicate"
name="debug"

Fatto questo non ci resta che uplodare la nostra cartella sotto la cartella "joomla" --> "template" e provare l'effetto che fa. Per vedere se abbiamo fatto tutto nel modo corretto, prima inseriamo dei contenuti, il modulo menu, cerca ecc. e poi cambiamo l'aspetto sostituendo il nostro template. Una volta agganciato poi si può perfezionare andando ad agire su html e css.
Sembra facile? beh non esattamente, Joomla! è una piattaforma opensource molto potente, ma sicuramente non facilissima a primo sguardo, occorre mettersi d'impegno e dedicarci un bel pò di tempo per creare template e siti belli e funzionali.

Per altre informazioni: http://www.joomla.it/