By Riccardo, 2 years and 10 months ago

Immagine d'angolo per no-tc

Attenzione: questo articolo è stato pubblicato nel 2005. E' molto probabile che le informazioni in esso contenute non siano più valide. Utilizzare il motore di ricerca (o sfogliare gli archivi) per argomenti più aggiornati

Quella che vedete in basso a destra, è un immagine creata per pubblicizzare il progetto NO TC italiano. Vista l'importanza del tema trattato, chi è contro questo tipo di «interventi» da parte dei colossi dell'informatica, dovrebbe inserire questo piccolo banner nel proprio sito. Ecco come fare.

Salva l'immagine

notc_alto_sx notc_alto_dx notc_basso_dx notc_tondo notc_frreccia

 

Aggiungi il CSS
Inserisci il codice seguente nel file CSS del tuo sito e adatta il percorso, il nome dell'immagine scelta e la posizione (bottom right - top right - ecc.. ecc..):

  1. a#notc {
  2.    position: fixed;
  3.    right: 0;
  4.    bottom: 0;
  5.    display: block;
  6.    height: 80px;
  7.    width: 80px;
  8.    background: url(/percorso/immagine/notc_web.png) bottom right no-repeat;
  9.    text-indent: -999em;
  10.    text-decoration: none;
  11. }

Aggiungi l'HTML
Aggiungi il codice seguente nella pagina HTML in cui vuoi compaia, appena dopo il tag «body»:

<a id="notc" href="http://www.no1984.org">No al Trusted Computing</a>

Chi è interessato può copiare la procedura per usare i bannerini, magari citandomi ;)


Write a comment

If you want to add your comment on this post, simply fill out the next form:





* Required fields

You can use these XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>.

24 comments

#24. Riccardo, 6 months and 25 days ago

E' vero K. Ma ai tempi in cui scrissi l'articolo, la parola Trusting andava per la maggiore. Prova a fare una ricerca su google con Trusting, vedrai quanti risultati.
Adesso ho corretto, grazie ;)

#23. k, 6 months and 25 days ago

molto carino e utile.
Attenzione, si scrive TRUSTED Computing.
ciao

#22. SErEDiVAd, 10 months and 13 days ago

@guly:
un motivo in più per passare a firefox!
piuttosto avete provato su konqueror, opera e seamonkey?

#21. Guly, 1 year and 4 months ago

xchè purtroppo...il 90% degli user usa ie........

#20. mrpurple, 1 year and 5 months ago

scusate ma perche adattarlo a IE se non rispetta gli standard ?? trustizzatelo anch'esso.
nessuno ha scritto come fare per flatnuke ?

#19. Guly, 1 year and 6 months ago

Ciao ragazzi....prima cosa complimenti per questa bannerino utilissimo.... volevo segnalare solo un errorino...ho editato il css con scritto da voi sopra....x renderlo compatibile (con lo schifosissimo ie) e funziona a meraviglia...solo che sul nuovo ie7 non funziona più nulla... mi aiutate a sistemarlo?

grazie mille e ancora grazie a tutti voi

#18. bd, 1 year and 8 months ago

ciao infolowy, mi dispiace ma adesso (da un po di mesi a dire la verità) ho appena il tempo per visitare il blog.. nei forum in php credo si possa fare, alla fine sempre di css e html si tratta no?

#17. infolowy, 1 year and 8 months ago

ok ci rinuncio...
-_-

#16. infolowy, 1 year and 8 months ago

ciao a tutti, ho inserito il banner e corretto anche per IE, visibile a questo link:
http://www.boscodeidruidi.a...
una domanda, è possibile inserire la medesima cosa anche nel forum in php?
thanks

#15. GiuseppeBertone, 1 year and 10 months ago

E per meglio gestire la cosa, ho invertito la condizione, così da poter usare la sintassi commentata e passare il validatore w3c... :-)

<!--[if IE]>
<style type=»text/css» media=»screen»>
/* Aggiunto per gestire le differenze dell'attributo position di FF rispetto a IE */
img#notc {
position: absolute;
}
</style>
<![endif]-->

#14. Giuseppe Bertone, 1 year and 10 months ago

Salve, ho da poco inserito anch'io il banner di no1984 e consiglio a tutti di ottimizzare la cosa anche per IE. Il valore "fixed" dell'attributo position non viene infatti riconosciuto da IE, che supporta invece "absolute". Consiglio quindi di sostiuire nel css il valore absolute a fixed e di aggiungere il seguente codice alla pagina che include il link:

<![if !IE]>
<style type="text/css" media="screen">
/* Aggiunto per gestire le differenze dell'attributo position di FF rispetto a IE */
a#notc {
position: fixed;
}
</style>
<![endif]>

Potete vederne un esempio funzionante qui: http://www.neurone.it

Ciao!

#13. Giuseppe Bertone, 1 year and 10 months ago

Ah, per comodità ho anche modificato l'oggetto da spostare, che nel mio caso è un img e non un tag a, ma l'effetto non cambia ovvviamente... :-)

#12. bd, 2 years and 4 months ago

si è tutto ok ;)

#11. neon, 2 years and 4 months ago

Chi è interessato può copiare la procedura per usare i bannerini, magari citandomi ;)

non avevo letto questo alla fine :)
allora dovrebbe essere tutto ok ;)

#10. neon, 2 years and 4 months ago

Ciao, ho preso spunto dall'articolo per utilizzare un banner che ho creato. Dato che utilizzo la stessa procedura che viene spiegata in questo articolo volevo chiedere l'autorizzazione a pubblicarla sul mio sito (ovviamente ne cito la fonte). Al momento la pagina è questa http://annoiato.altervista.... se non sei d'accordo trovo un altro modo per usare il banner e tolgo subito il codice.
Grazie ;)

#9. scrax, 2 years and 4 months ago

ah ho notato che succede la stessa cosa anche qui

#8. scrax, 2 years and 4 months ago

ho inserito la modifica per explorer ma con win xp non mi da quell'effetto mi carica l'immagine prima del resto della pagina in una nuova riga...

#7. Paolo, 2 years and 5 months ago

ciao, vorrei inserirlo anche io in alto a destra, ma di css proprio zero assoluto.
ho sistemato l'url dell'immagine, ma non so che valori dare a right e bottom??? con 0 e 0 non appare nulla!!!

#6. Epper, 2 years and 6 months ago

Scusate per il commento di prima, riscrivo il codice che andrebbe applicato direttamente per l'esempio originale:
* html a#notc{
position: absolute;
right: 0px;
bottom: 0px;
}

Questo per averlo in basso a dx.

#5. Epper, 2 years and 6 months ago

Meravigliosi. Sono anche sul mio sito.

Tutti amiamo Firefox lo so, ma per avere un effetto simile, ovvero in alto a dx o sx (proprio al bordo) anche se non scorrono con la pagina possiamo aggiungere questo codice CSS a quello già esistente:

* html span#notcpa{
position: absolute;
right: 0px;
top: 0px;
}

In questo modo il CSS è valido e solo IE interpreterà la regola appena aggiunta.
Gli alri browser, ovvero quelli che fanno il dovuto, continueranno a renderizzare allo stesso modo.

Ciao ;)

#4. bd, 2 years and 6 months ago

Fossi in te lo inserirei in basso a destra. Nel css del tuo template metti:

a#notc {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url(/percorso/imm/20051114-notc_web_alto_dx.png) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

*ricordati di adattare il percorso dell'immagine.

Poi nel file index.html, appena dopo il tag «body», metti il codice come è scritto nell'articolo.

#3. AgrO TeaM, 2 years and 6 months ago

Ciao, come faccio ad inserirlo dentro il template di blogspot ??? In che zona intendo. Ed è necessario aggiungere qualcosa in questo caso ??? Grazie...

#2. bd, 2 years and 7 months ago

se intendi alto-destra devi usare:

a#notc {
position: fixed;
right: 0;
top: 0;
display: block;
height: 80px;
width: 80px;
background: url(/percorso/imm/notc_web_alto_dx.png) top right no-repeat;
text-indent: -999em;
text-decoration: none;
}

le linee che cambiano a seconda della posizione sono la 3àe la 4; nella 8 devi adattare il percorso dell'immagine e la posizione in base a come hai messo nelle linee 3 e 4.
Dite che è meglio se metto il codice per ogni immagine?

#1. NooB, 2 years and 7 months ago

Scusa, e se voglio usare il baffo allineato a destra come faccio?

1 trackback

To notify a mention on this post in your blog, enable automated notification (Options > Discussion in WordPress) or specify this trackback url: http://​www.linuxchronicles.com/​web/​immagine-dangolo-per-no-tc/​trackback/