Profil de BrunoArti e bagagliPhotosBlogListesPlus Outils Aide

Blog


26 juin

Immagine come sfondo

Ho ricevuto molte domande in passato su come mettere una immagine come sfondo dei nostri post. L'utilizzo iniziale di Edit It! e la successiva implementazione del pulsante , in teoria permettendo di accedere al codice HTML, avrebbe dovuto rendere la cosa banale. L'HTML infatti permette di eseguire questa operazione con la sola aggiunta di un parametro, che però viene censurato dall'editor del blog al momento della pubblicazione.

Ho cercato una strada alternativa giocando sui parametri di posizionamento TOP e LEFT, ma senza risultato. Nel frattempo castel, traducendo pazientemente il blog francese Améliorez votre BLOG (che è una vera miniera di informazioni per chi conosce il francese e ha la linea veloce - in entrambi i casi non so di cosa stiamo parlando ) è riuscito ad avere la dritta giusta e ha lasciato a me il compito di descriverne il funzionamento.

Come al solito io cercherò di aggiungervi qualcosa di mio per rendervi la vita un po' più facile.

Questo è il codice, rielaborato da me, che va inserito nel vostro intervento dopo essere entrati in modalità HTML:

<DIV align=center>
<DIV style="WIDTH: 380px">
<IMG height=450 src="indirizzo internet vostra foto" width=370 align=right>
<DIV style="BORDER:#000000 4px solid; WIDTH: 380px; HEIGHT:460px; OVERFLOW:scroll">
<P>Qui ci mettete il vostro testo</P>
</DIV>
</DIV>
</DIV>

Il parametro WIDTH, quando è riferito al secondo <DIV>, rappresenta la larghezza dell'area del vostro blog, che per il mio layout è pari a 380px. Altri layout hanno un valore diverso che dovrete trovare da voi. La larghezza dell'immagine tenetela circa 10 px più piccola per compensare lo spazio occupato dalle barre di scorrimento. In ogni caso se l'immagine che usate è più piccola dell'area del blog e non la volete ridimensionare, con questo codice verrà sempre centrata, se invece è più grande vi verrà tagliata sulla destra.

Appare evidente che scrivere sopra una immagine comporta tutta una serie di problemi, primo fra tutti la scelta dei colori del testo, che intervengono a contrastare una buona leggibilità in ogni parte (in questo intervento non mi sono molto sforzato proprio per rendervi più coscienti della cosa).

Un altro problema è che si è praticamente obbligati ad usare lo scroll per il testo se questo è tanto lungo da superare le dimensioni dell'immagine. Se non volete le barre di scroll è sufficiente eliminare il parametro OVERFLOW:scroll dal codice.

Un ulteriore problema è la difficoltà che si incontra a modificare il testo una volta assemblato. La barra di scorrimento però in questo caso vi da una mano: cliccandoci sopra due volte potete editare facilmente il testo.

L'introduzione di un BORDER, nel <DIV> che contiene il testo, è utile perché altrimenti il primo carattere di ogni riga si posizionerebbe troppo a sinistra rendendo difficoltosa la lettura (inconveniente di questa soluzione). Ci sarebbe un'altra soluzione più elegante per fare questo, ma non è accettata dall'editor. I parametri del BORDER li potete scegliere ovviamente come più vi piace.

Commentaires (159)

Veuillez patienter...
Le commentaire entré est trop long. Raccourcissez-le.
Vous n'avez rien entré. Réessayez.
Il est actuellement impossible d'ajouter votre commentaire. Réessayez plus tard.
Pour ajouter un commentaire, tu dois avoir l'autorisation de tes parents. Demander l'autorisation
Tes parents ont désactivé les commentaires.
Il est actuellement impossible de supprimer votre commentaire. Réessayez plus tard.
Vous avez dépassé le nombre maximal de commentaires qu'il est possible d'envoyer le même jour. Réessayez dans 24 heures.
Votre compte a pu laisser les commentaires désactivés parce que nos systèmes indiquent que vous risquez d'arroser d'autres utilisateurs de messages. Si vous pensez que votre compte a été désactivé par erreur, contactez l'assistance en ligne de Windows Live.
Effectuez la vérification de sécurité ci-dessous pour finaliser l'envoi de votre commentaire.
Les caractères entrés pour la vérification de sécurité doivent correspondre à ceux de l'image ou du fichier audio.

Pour ajouter un commentaire, connectez-vous avec votre identifiant Windows Live ID (si vous utilisez Messenger ou Xbox LIVE, vous avez un identifiant Windows Live ID). Connectez-vous


Vous n'avez pas d'identifiant Windows Live ID ? Inscrivez-vous

Danielea écrit :
complimenti davvero. hai spiegato benissimo e hai creato una serie di codici utilissimi (io credo soprettutto nei moduli più che negli interventi). Solo una piccola imprecisione: come valore dell'attributo BORDER di style hai settato #00000, mentre il colore è #000000 (con 6 zeri). non prenderla come una critica, ma una piccola correzione in uno stupendo lavoro. te lo dico perchè chi nn se ne accorgesse potrebbe avere dei seri problemai con il bordo.
ciaociao
28 Déc.
Antonella ....a écrit :
Ciao vorrei mettere uno sfondo sotto l'intervento come te ma non ci riesco potresti contattarmi e dire cosa devo fare passo per passo ???grazie mandami una mail
20 Nov.
aurorinaa écrit :
ciao cm va??? ti devo kiedere una cosa...come si fa a  mettere uno sfondo delle mie immagini personali in tutto il blog?????
23 Juil.
eugeniaa écrit :
ciao! a me inserendo il tuo codice nn viene lo sfondo cn la scritta sopra ma separata!
aiutoooooooooo!
 
19 Mai
Alice Volpatoa écrit :
Scusa ho risolto....non funzionava con modzilla firefox!!!!
19 Fév.
Alice Volpatoa écrit :
la mia e mail è biondi-na-87@hotmail.it
19 Fév.
Alice Volpatoa écrit :
Ciao gentilmente potresti mandarmi una mail spiegandomi xkè se copio il tuo codice e inserisco un immagine nn mi viene come sfondo ma sopra lo scrollbar?????  sono disperata!!!!!!!!!!!!!!!
19 Fév.
Image de Anonyme
Nessuno..io non esisto!! a écrit :
Devi copiare il link diretto ke di solito è in fondo..ma non so se funziona anke x questo..vabè prova, sennò li provi tutti:D
12 Fév.
mary cannavaroa écrit :
Allora io ho scelto lo sfondo e sono andata anke su imageshak .....ma nn saprei quale codice copiare uff
Me lo sapresti indicare ?
29 Jan.
federica zuina écrit :
ho bisogno di sapere come fare a mettere uno sfondo ai miei interventi....ho letto in alcuni space come si fa, ma il risultato e' stato pessimo. Ti pregherei fi spiegarmi passo dopo passo i vari passaggi perche' mi sa di essere un po tonta e non molto brava a capire i vari termini del computer. GRAZIE!!!!
1 Déc.
matteoa écrit :
come si cambia la grandezza del testo??? non c capisco + nnt!!!!
4 Nov.
Image de Anonyme
(-)_'(=)paolino u pazzu(-)_'(=) a écrit :
scusami...ma come si kambia il colore della scritta????? ti prego...inviami un e-mail...oppure contttami su msn... rosa-nero4ever@hotmail.it    ti prego il mio blog è trp bello...questo darebbe un tocco in +...ok??? please
11 Oct.
Floriana D Ca écrit :
aiutami ti prego sto andando nel pallone nn ci ho capito 1 mazza, è troppo vago....
uff ho seguito alla lettera cm m dicevi ma nn succ niente muhaaaaa 
15 Août
yleniaa écrit :
ciao.... scusa ma io nn riesco proprio a capire cm si fa a cambiare lo sfondo del blog ci sono vaarie immagini ma a me nn piacciono cm dvo fare?
rispondi grazie mille
YLE
 
11 Juin
wow grazie mille c sn riuscita!!aveo provato tt i codico html del mondo ma nn m veniva mia..hehe grazieee!!^___^ ora voglio provare a farlo xò nn solo in un rettangolino ma su tutto lo sfondo dell'intervento..penso di potercela fare xò xDD..grazie ancora e un bacio!
6 Juin
io non ho capito niente..ho messo tutto ma non funziona.se mi potete spiegare cosa devo fare per mettere uno sfondo a tutta pagina nel mio blog.sto impazzendoooooooooooooooo non ci riesco..grazie mille--aspetto una risposta...(lo spero)!!!
4 Juin
MeRya écrit :
io nn ho capito come si può mettere un foto a nostro piacere come sfondo x favore rispondi cn un'e-mail grazie!!!
27 Mai
Sofia Vismaraa écrit :
Grazie mille...almeno qlk1 ke scrive in modo kiaro...
24 Avr.
Marioa écrit :
ciao come si fa a mettere un'immagine come sfondo dello SPACE???? risp nel mio blog o rock_livehouse@hotmail.it msn o email...grazie sei un mito
4 Avr.
Erikaa écrit :
grazie 1000!!!!!!!!! finalmente qualcuno ke sa dare spiegazioni kiare!
25 Mar.

Rétroliens (3)

L'URL de rétrolien de ce billet est :
http://bberti.spaces.live.com/blog/cns!7E4B1E86FC5DD69C!2686.trak
Blogs Web qui font référence à ce billet