Come mostrare delle scritte o delle immagini scorrevoli.

Le scritte che scorrono sono un arricchimento dei contenuti in quanto li evidenziano catturando lo sguardo dei lettori. Possono essere usate per dei widget o anche per semplici annunci di testo. Tutti i browser supportano il tag marquee che è quello specifico per creare questi effetti. Si tratta di un elemento che è stato deprecato dal W3C come non conforme e obsoleto ma l'importante è che i lettori riescano a visualizzare gli effetti che produce. Ho già presentato dei widget che utilizzano questo tag come quello sugli Ultimi Post e i Commenti Recenti Scorrevoli. Adesso analizziamo questa personalizzazione in modo più generale da usare per degli avvisi ai lettori, per ricordare un evento, per una festività, per un augurio di compleanno o per far muovere una immagine.

Come creare scritte fiammeggianti con i CSS.

Esistono molti siti che offrono degli strumenti veramente carini per creare senza problemi dei testi originali con stili glitterati.  Mi sono poi occupato più diffusamente di CoolText (vai al sito Cool Text) in cui si può scegliere di creare una scritta con decine di stili diversi. La preferenza per questo servizio è dovuta anche al fatto che si possono creare testi animati in formato GIF e che non viene inserito nessun watermark da parte della applicazione.

Il testo fiammeggiante è il primo stile dei quasi 100 disponibili. E' anche possibile lavorare sullo stile tipico per gli antipixel. Vediamo come si possa creare un testo che appaia fiammeggiante utilizzando solo i CSS. Il codice da usare potrebbe essere il seguente

Come inserire avvisi o messaggi scorrevoli in Blogger.

Questa la possiamo considerare come la settimana dedicata agli avvisi e ai messaggi. Ho infatti già pubblicato un post su come inserire messaggi scorrevoli dentro una textarea e un altro per mostrare un avviso nella home del blog. Continuando su questa falsariga passo a illustrare un metodo per mostrare del testo scorrevole in un widget del blog con una prerogativa importante che lo differenzia da quelli classici che sfruttano il tag marquee.

• Demo di avvisi scorrevoli postati nel blog -

All'inizio vedrete la scritta MESSAGGI IMPORTANTI che lampeggerà varie volte prima di sparire. Ricomparirà solo quando si ricaricherà la pagina. Successivamente si visualizzerà un testo con vari messaggi che scorreranno vero sinistra e che continueranno a farlo indefinitamente. Tali avvisi possono essere personalizzati come più ci pare.

Per l'installazione di questo widget, occorre andare su Design > Modifica HTML e salvare il modello completo per un eventuale backup di ripristino. Bisogna quindi cercare la riga </head> e, immediatamente sopra, incollare questo codice

Come inserire messaggi scorrevoli digitati automaticamente all'interno di una textarea.

La textarea è un tag HTML che viene in genere viene utilizzato per mostrare ai lettori un codice da copiare per inserire in un blog per esempio un antipixel. Vediamo come sia possibile creare una textarea animata in cui inserire un numero indefinito di messaggi che si visualizzeranno automaticamente con un effetto che ricorda la digitazione su uno schermo.

Questi messaggi possono essere inseriti in un widget del blog, in un articolo o in una pagina statica. Per metterli in un post si va semplicemente in Modalità HTML o in Origine se si usa Windows Live Writer. Stessa procedura per l'inserimento in una pagina statica. Se si opta per un widget occorre andare su Design > Aggiungi un gadget > HTML/Javascript e incollare questo codice

Widget scorrevole dei titoli degli Ultimi Post per Blogger.

Avrete certamente visto dei siti di notizie che fanno scorrere i titoli degli Ultimi Post nella parte alta del layout. Usando il tag <marquee> già impiegato nella realizzazione di scritte scorrevoli, vediamo come sia possibile realizzare un gadget che mostra i titoli delle ultime entry che scorrono da destra verso sinistra. Per avere una idea del funzionamento di questo widget che si basa sui feed del blog, aprite questa

• Demo degli Ultimi Titoli dei Post in versione scorrevole -

L'aspetto sarà simile a questo

e si potrà personalizzare nei bordi, nei colori e nella velocità di scorrimento. Il procedimento di installazione è oltremodo semplice. Si va su Design > Aggiungi un gadget > HTML/Javascript e si incolla il seguente codice

Come inserire delle frasi celebri, dei motti o degli aforismi nel blog in modo casuale.

L'idea è quella di inserire in un elemento del layout del blog che mostri in modo casuale delle frasi che abbiamo scelto. Secondo le varie tipologie di blog si possono selezionare versi di poesie, citazioni, proverbi oppure dei "consigli di vita" da parte dell'autore. Ricordo che con un metodo simile era stato creato un generatore automatico di frasi casuali; in questo caso lo script è ancora più semplice.

Si può incollare in Design > Aggiungi un gadget > HTML/Javascript o anche inserirlo direttamente in un articolo in modalità HTML. Si può anche mettere nel template di Blogger per esempio alla fine di ogni post. In questo caso bisogna andare su Design > Modifica HTML e espandere i modelli widget. Si incolla sotto la riga <data:post.body/> secondo le stesse modalità usate per il codice dell'invito a leggere un articolo a caso. Se si inserisce lo script direttamente nel template, sarà opportuno convertirlo in XML con lo strumento Blogcrowds. Ecco il codice

Come inserire l'invito a leggere un altro post a caso alla fine dell'articolo su Blogger.

Uno dei dati più importanti che si possono desumere da Google Analytics è quello del tempo medio che un visitatore trascorre nel nostro sito. Un  suo aumento porta sicuramente dei benefici al blog visto che ne aumenta la reputazione agli occhi dei motori di ricerca. Dobbiamo quindi cercare tutti i modi possibili per invogliare il visitatore occasionale a rimanere ancora a leggere i nostri post.

I sistemi più usati sono quelli di mostrare i widget degli Ultimi Articoli, quello degli Articoli Correlati, l'elenco delle etichette del sito, insomma bisogna mettere in bella vista tutto quello che offre il blog. Una cosa carina che potrebbe avere un certo impatto è quella di inserire una scritta direttamente nel modello che inviti a leggere un altro articolo casuale  del blog. Il testo comparirà alla fine di tutti i post e potrà essere personalizzato a piacere. Ecco uno screenshot che mostra una scritta di questo genere

Come cambiare, sostituire con una immagine o eliminare Posta un commento.

Se in Impostazioni > Commenti > Posizionamento modulo dei commenti avete scelto l'opzione Incorporato sotto il post, i vostri lettori leggeranno l'espressione Posta un commento subito sopra il modulo in cui deve essere digitato. Si può personalizzare questa scritta come si vuole e, volendo si può anche eliminare.

Occorre andare su Design > Modifica HTML e salvare il modello completo. Dopo aver messo la spunta a espandi modelli widget, si cerca la riga

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

La parte evidenziata di rosso è quella che inserisce l'espressione di default preparata da Blogger e che è "Posta un commento". Se la volete modificare, eliminate la parte evidenziata e sostituitela con una a vostra scelta per esempio

<h4 id='comment-post-message'>Lascia un tuo commento</h4>

in questo modo

Nomi di colori in inglese e codici corrispondenti.

Quando ci troviamo a editare del testo abbiamo in genere tutti gli strumenti per scegliere i colori senza mettere mano al codice HTML. Nell'editor di Blogger o in Windows Live Writer è sufficiente selezionare una porzione di testo e andare sull'icona del colore. Se si andasse in Modalità HTML si vedrebbe un codice di questo genere

<span><font color="#0000ff">Testo colorato</font></span> che dà luogo a una scritta di questo tipo Testo colorato

Ho usato il tag <span> che è quello del testo in linea ma potrebbe essere utilizzato pure <p> o <div> che rappresentano il paragrafo  e un generico contenitore. Alternativamente ai codici esadecimali dei colori, si possono usare i nomi dei colori ma solo nella loro espressione inglese.

<span><font color="DarkOrchid">Testo colorato</font></span> genera la scritta Testo colorato

Il problema è che non sempre si conoscono i nomi dei colori e i codici a loro associati. Inoltre bisogna che il colore in oggetto sia tra quelli che vengono riconosciuti come valore dell'attributo. Da notare che nel primo caso si mette il cancelletto mentre con i nomi non lo si fa. Oltre all'attributo colore si può inserire anche la dimensione

Come creare testi o scritte lampeggianti da inserire nel blog.

Ho già parlato del tag blink che permette di far lampeggiare una scritta all’interno del suo campo di azione; ha però due difetti

• Non funziona in Internet Explorer
• E’ deprecato dal W3C

Blinking Text Live è un utile tool online che permette di creare scritte lampeggianti che funzionano con tutti i browser

I passaggi per creare la nostra scritta sono piuttosto semplici

1. Si inserisce il testo che si vuol far lampeggiare
2. Si seleziona il tipo di carattere in font
3. Si selezionano i due colori che saranno visibili alternativamente in Color 1 e Color 2
4. Si sceglie la velocità di lampeggiamento in millisecondi
5. Si clicca su Create Blinking Text
6. Dopo pochi istanti è disponibile il codice da copiare e anche il link diretto alla scritta generata

 

 

Viene in realtà generata un’immagine in formato GIF che può anche essere scaricata cliccando con il destro del mouse e scegliendo Salva immagine con nome. Ecco un esempio di scritta lampeggiante 

 

Come vedete ha il grande difetto di avere un watermark piuttosto evidente. Volendo attraverso SplitGIF possiamo estrarre i quattro fotogrammi da cui è composta, riempirli con il colore in primo piano con un programma di grafica tipo Photoshop o GIMP, quindi ricreare la gif con Make a Gif. Ma allora forse conviene fare subito così .

Screedbot per creare scritte con effetto macchina da scivere, ideale per banner e annunci da inserire nel blog.

Screedbot è della stessa famiglia del già recensito Roflbot ed è un tool molto carino per generare scritte che si manifestano progressivamente come fossero digitate momento per momento. Forse è il caso che ne mostri una e poi illustro il procedimento semplicissimo per crearla

Per generarla bisogna

1. Digitare il testo
2. Scegliere la larghezza della scritta e la dimensione del font in pixel
3. Immettere i codici dei colori del testo e dello sfondo
4. Cliccare su Crea Massetto

L’immagine in GIF ottenuta può essere scaricata cliccando con il destro del mouse e salvata come una normale immagine. Si può anche caricare su Flickr, ImageShack o usarla come immagine personale su LiveJournal.

Glowtxt per generare scritte con effetti luminosi.

Glowtxt è uno di quei siti che piacciono molto ai blogger che amano avere effetti speciali nei propri post ma che sono digiuni in fatto di grafica.

E’ semplicissimo da usare e non occorre neppure la registrazione

Sulla parte sinistra si scelgono

1. Tipo di caratteri
2. Loro dimensione – Tiny, Small, Medium, Large, Extra
3. Animazione tra nessuna – pulsazione – sweep (scia luminosa che attraversa la scritta)
4. Effetto Glow (luminescenza) – Nessuno, Outline, Super
5. Sfondo della scritta (background) – Si può inserire il codice esadecimale del colore che si preferisce

Mentre nella parte destra si possono inserire fino a tre righe di testo. Successivamente ci sono due opzioni

1. Make a text per generare una scritta
2. Make a comment per creare una scritta all’interno di un fumetto

La nostra realizzazione può essere scaricata, cliccando su Download, o se ne può acquisire il codice per inserirla in un blog o in un forum. Ecco un esempio

Un servizio interessante da tenere nei Preferiti perché è gratuito e non aggiunge nessun watermark.

Come creare scritte animate in formato GIF con Live Typing.

 Live Typing non ha bisogna di registrazione ma questa è consigliata per salvare le nostre realizzazioni. Si possono scegliere

1. Caratteri
2. Dimensioni
3. Velocità della digitazione virtuale
4. Larghezza dell’immagine generata da 100 a 1000 pixel

Si digita il testo e si va su ENLIVEN. Se si clicca con il destro del mouse sulla scritta generata, questa si può scaricare come fosse un’immagine ed in effetti lo è. Basta scegliere Salva immagine con nome. Volendo si può caricare su un hosting tipo Skydrive ed inserirla in un post o nel blog. Ecco un esempio

Fonte | Killerstatups -

 

Inserire scritte ed immagini scorrevoli nel blog.

Ho già parlato di scritte scorrevoli in questo articolo in cui ho illustrato come con questo codice


<marquee onmouseover="this.stop()" direction="Left" scrollamount="5" onmouseout="this.start()" width="100%" style="font-size: 18pt;
color: #800000; font-family: Tahoma" height="40" bgcolor="#FFCC99">Idee per computer ed internet by Parsifal32</marquee>


si otteneva una scritta che si interrompeva al passaggio del mouse. Premesso che anche questo tag, come quello blink del precedente articolo, è deprecato dal W3C vediamo come possiamo utilizzarlo per variare le nostre scritte.

Idee per computer ed internet by Parsifal32

Se inseriamo l’attributo behavior=’alternate’ lo scorrimento della scritta si alternerà verso sinistra e verso destra alla fine della corsa.
Si possono anche far scorrere delle immagini che ovviamente prima devono essere caricate sul web. Per esempio prendiamo questa immagine e carichiamola su Skydrive

s
Dopo averne ottenuto l’URL inseriamo questo codice in modalità HTML


<marquee onmouseover="this.stop()" direction="Left" scrollamount="10" onmouseout="this.start()" width="100%" > 
<img style="width:50px;" src="https://tinyurl.com/kmf2zv"> </marquee>


In cui ci sono le possibili personalizzazioni che riguardano

• onmouseover="this.stop()"  - L’immagine viene fermata quando si punta con il mouse
• onmouseout="this.start()"  - L’immagine riparte quando il mouse si sposta
• Left – è la direzione iniziale
• scrollamount =”10” – rappresenta la velocità di scorrimento
• behavior=”alternate” – va da sinistra a destra e poi da destra a sinistra
• widht="100%" – è la lunghezza dello spostamento misurata in pixel.
• Da notare che non occorre mettere il colore di sottofondo e l’altezza che sarà quella dell’immagine
• img src=”URL_immagine” – ovviamente ho inserito l’URL acquisito da Skydrive dopo averlo accorciato con TinyUrl

Ecco il risultato

Xara 3D per creare online banner in tre dimensioni.

Con la versione software (trial) Xara 3D può creare anche banner in 3D anche animati. Se invece ci contentiamo di quella gratuita possiamo comunque creare delle scritte in 3D di diverse dimensioni da usare come banner.

Si inserisce il testo e si scelgono colore e dimensioni in pixel dei font. Quindi si selezionano appunto i caratteri e lo stile che desideriamo.

Verranno aperte delle piccole finestre in cui sono presentate le diverse opzioni. Per terminare si clicca su Preview e si clicca con il destro del mouse sull’immagine per salvarla. Ecco due mie modeste realizzazioni

Come inserire una scritta scorrevole in un articolo o in Homepage del blog.

Questa funzionalità è stata testata in Blogger ma non escludo possa funzionare in altre piattaforme.
Cominciamo con lo scrivere il codice e poi penseremo alle personalizzazioni

<marquee direction="Up" scrollamount="8"  width="318" style="font-size: 12pt;
color: #800000; font-family: Tahoma" height="66" onmouseover="this.stop()" onmouseout="this.start()" bgcolor="#FFCC99">Idee per Computer ed Internet by Parsifal32</marquee>

1. marquee è la tag che viene usata per questo effetto
2. direction si possono usare gli attributi up, down, left e right per far scorrere la scritta in senso orizzontale da sinistra a destra e viceversa e in senso verticale dall'alto in basso e viceversa
3. scrollamount è la velocità di scorrimento, più è alto il numero maggiore è la velocità
4. width è la larghezza della finestra di testo e si indica in pixel
5. font-size è la dimensione in pixel dei caratteri della scritta
6. color è il colore del testo
7. font-family è il tipo di carattere
8. height è l'altezza in pixel del riquadro della scritta
9. bgcolor è il colore dello sfondo
10. Idee per computer ed internet by Parsifal32 è il testo che vedremo scorrere nel momento in cui saranno inseriti tutti i parametri
11. onmouseover="this.stop()" il testo si ferma quando si è sopra con il mouse
12. onmouseout="this.start()" il testo parte quando il mouse lascia il testo

Altre personalizzazioni possono essere

1. behavior="alternate" per alternare lo scorrimento
2. behavior="slide" il testo si ferma quando ha raggiunto la fine
3. loop="6" indica il numero di volte che si lascia scorrere

Questo codice si inserisce in Modalità HTML in un post di Blogger. Il risultato eccolo qua sotto. Nel momento in cui si passa il mouse sopra la scritta smette di scorrere e riprende quando si toglie.

Idee per computer ed internet by Parsifal32

Inserire in Blogger una favicon con testo scorrevole visibile con tutti i browser escluso IE.

In un articolo precedente ho parlato di come creare una favicon animata. Adesso facciamo qualcosa di ancora più originale inserendo una scritta scorrevole. Tutto questo può sembrare solo un gioco senza nessun beneficio pratico, invece non è così per almeno tre buoni motivi

• La cura dei dettagli fa pensare al visitatore occasionale che il nostro sia un blog di alto livello.
• Tutte queste features accrescono la curiosità che è propedeutica all'interesse
• Invece di avere una B bianca su sfondo arancione, come tutti gli utenti di Blogger, avere qualcosa di diverso ed originale ti fa riconoscere immediatamente in mezzo agli altri se qualcuno mette il tuo sito tra i Segnalibri.

La cosa negativa di questa personalizzazione è che è visibile solo in Firefox ma anche su Explorer dovrebbe comunque sparire la B di Blogger sostituita da un'immagine meno anonima.

Per prima cosa ho creato un'immagine logo con Photoshop di dimensioni 80x80. Siccome sono pigro ho solo messo un carattere di testo

Sicuramente avrete più fantasia di me!. Quindi sono andato sul sito Animated Favicon. Questo sito offre la possibilità di creare delle favicon con testo scorrevole. Il problema è che il procedimento descritto non funziona in Blogger. Dopo un paio di tentativi ho capito come occorre procedere.
Cliccare su Sfoglia per scegliere l'immagine del vostro logo ed inserire la scritta che volete compaia nella favicon. Infine premere su Create Favicon e su Get it Now quando è terminato il processo

La nostra realizzazione sarà scaricata sotto forma di un file in formato ZIP che dovrà essere scompattato con il programma Zip Genius o analogo che può essere scaricato gratuitamente. Per farlo cliccare sul destro del mouse quindi Zip Genius>Estrai qui

Compariranno 6 file ma quello che dovete considerare è animated_favicon.gif. Li altri li potete anche cancellare. Adesso rinominatelo come favicon animata.ico. Il computer vi avvertirà che il file potrebbe non essere più aperto, procedete comunque.
Adesso caricatela in un hosting come Google Page Creator o SkyDrive e acquisitene l'indirizzo con il tasto destro del mouse



Andate adesso In Personalizza>Layout>Modifica HTML
e cercate nel modello il tag </head>, quindi immediatamente sopra incollate il seguente codice
<link href='indirizzo-favicon' rel='shortcut icon'/>
<link href='indirizzo-favicon' rel='icon'/>
Dove al posto di indirizzo-favicon va messo l'indirizzo acquisito precedentemente. Nel sito si fa presente che questa favicon dovrebbe essere visibile con tutti i browser. Ho qualche dubbio, comunque coloro che non la visualizzassero ecco cosa vedrebbero se avessero Firefox.
Aggiornamento: Per vedere la favicon anche con Google Chrome seguite le istruzioni del post

• Visualizzare la favicon di un blog su Blogger anche con Chrome -

---

Inserire bottoni e banner in flash con collegamento al nostro blog.

In questo post avevo già parlato di come creare scritte artistiche adesso facciamo un ulteriore passo avanti e creiamo degli oggetti in flash in formato swf per poter pubblicizzare il nostro blog in altri siti o per pubblicizzare altri siti nel nostro blog. Ci appoggiamo agli strumenti di Flash Vortex. Se qualche lettore conosce altri siti che danno dei servizi analoghi può lasciarlo nei commenti e sarà ringraziato da me e dagli altri frequentatori del blog. Possiamp scegliere tra Menu, Scritte, Banner e Bottoni. Il procedimento è analogo in tutti i casi quindi scegliamo Bottoni a titolo di esempio e scegliere il template.
Inserite il testo ed eventualmente scegliete il tipo di carattere, mettete il link al sito o alla pagina a cui volete collegare il bottone. Scegliete i colori del bottone, che potranno essere diversi a seconda se ci passa sopra il mouse o no, e la velocità di animazione. Per default sono 24 frame cioè un secondo. Non resta che passare a Generate Animation quindi a download. Avrete quindi un file in formato swf (shockwave file) che, per mostrarlo, deve essere caricato su qualche hosting. Quindi create questo codice

<p> <a href="indirizzo del blog"> <embed src="indirizzo del file" type="application/x-shockwave-flash" wmode="transparent" width="200" height="60"></embed> </a> </p>

Dove al posto di indirizzo del file mettete quello che avete copiato e al posto di indirizzo del blog mettete l'URL del collegamento; per quanto riguarda le dimensioni ho messo larghezza 200 pixel altezza 60 pixel ma variando i numeri può essere ridimensionato, nel senso di rimpicciolito ma non ingrandito.
Per creare un banner pubblicitario potete usare lo stesso sito. Il collegamento però lo dovete creare da soli utilizzando questo codice

<p> <a href="indirizzo del blog"> <embed src="indirizzo del file" type="application/x-shockwave-flash" wmode="transparent" width="425" height="60"></embed> </a> </p>

Dove al posto di indirizzo del blog mettete quello prescelto e al posto di indirizzo del file quello che avete copiato su Google Page Creator o su un altro servizio di hosting sul quale lo avete caricato.

Creare scritte artistiche con effetto neon, fiammeggianti o scorrevoli.

Per chi sente l'esigenza di sbizzarrirsi in questo settore ecco un elenco con rapida spiegazione di siti adatti allo scopo. C'è veramente da scegliere!

Glitterfly permette di creare testo ed immagini luccicanti e in flash

Si può scegliere se creare grafici, foto, testo e altro ancora in Glitter (brillanti). A titolo di esempio ecco qua quello che si può fare dopo aver cliccato su Glitterfly Words e copiato e incollato il codice



Satisfaction.com è un sito analogo. Si entra in Glitter Text si scelgono i Font e si copia l'HTML

Caligraft permette di creare scritture particolari. Si seleziona il tipo di scrittura che si vuole creare quindi cliccare su Run the Calligraphy e seguire le facili istruzioni. Purtroppo le scritte che vengono animate dal mouse non possono essere salvate ma questo è uno screenshot dimostrativo.

POQbum.com è un altro generatore di scritte glitter online. Basta inserire il testo nell'apposito spazio, scegliere il tipo di glitter, il tipo di font e gli effetti da generare (smussato, ombreggiato, brillante, sfuocato, dissolvenza,tremolante).

NackVision.com permette di selezionare il Testo, la grandezza del testo (Size), il tipo di glitter, ombre e bordi quindi si clicca su Create Text. Quando l'ho provato però era momentaneamente disabilitato.

GlitterMaker permette agli utenti di scegliere lo stile e quindi di inserire il testo, tutto molto intuitivo. Create per generare la scritta, c'è purtroppo una fastidiosissima pubblicità, quindi si copia nella sezione HTML e si incolla, purtroppo le scritte durano solo un limitato lasso di tempo

GlitterGraphics è analogo al precedente, con una pubblicità molto più discreta, quindi non mi dilungo in spiegazioni.

MyGen.co.uk idem come sopra con l'anteprima in tempo reale mentre si digita.

Maxss.it è invece un generatore di scritte italiano. Si deve visualizzare con Explorer. Il sistema è diverso dai precedenti perché si creano le scritte trascinando le immagini.

MSN Spaces Image Decorator è una funzionalità in draft e serve per editare immagini e quindi acquisirne il codice. Funziona solo con Explorer e l'immagine deve essere caricata sul web e quindi inserire l'URL.

Glittericious è un altro sito che consente di creare scritte glitter inserendo il testo e scegliendo i font.

FlashVortex.com è invece un generatore di scritte in flash con effetti vari. Scegliete tra Menu, Testo, Banner e Bottoni. Per esempio scegliendo Text si sceglie il template preferito, quindi si digita il testo, si scelgono la dimensione, i font e la velocità di scorrimento. Dopo aver scelto colori e bordo, alcune funzionalità sono riservate solo agli iscritti, si va su Generate Animation e Host my file. Purtroppo la generazione dell'HTML in questo momento non funziona e quindi non posso mostrarvi le mie realizzazioni. Si può comunque fare il download del file ottenuto che viene scaricato in formato swf.
Aggiornamento: su questo argomento ho pubblicato altri due post più recenti. Il primo post tratta dei bottoni e dei banner mentre il secondo parla di come trasformare un estratto di un filmato in un banner.