Profil de BrunoArti e bagagliPhotosBlogListesPlus ![]() | Aide |
|
26 juin Immagine come sfondoHo 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 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>
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)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
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
|
|
|