(Inserire una immagine come) Sfondo

09-11-2010, 15.46.36

Scusate mi date il codice HTML per inserire un immagine e per lo sfondo ( io la salvo come PNG o CIF o JPEG ?) poi io voglio fare uno sfondo con Photoshop però non so le misure quanto sono le misure?

**luca1962** · 09-11-2010, 17.17.20

Il codice che uso io per mettere l'immagine al centro della pagina e':

<body style="background-image: url(nome_immagine.jpg); background-repeat:no-repeat; background-position: center;"></body>

09-11-2010, 19.10.03

Luce non mi va io faccio
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Untitled document</title>
</head>
<body style="background-image: e la mia immaggine dal computer e non va; background-repeat:no-repeat; background-position: center;"></body>

</body>
</html>

**luca1962** · 09-11-2010, 19.57.04

Io salvo tutte le cartelle e le immagini in una cartella salvata su pc.
Considera bene di non sbagliare maiuscole e minuscole, altrimenti non ti apre l'immagine.
Luca.

**karl94** · 09-11-2010, 20.26.55

Devi caricare l'immagine online, una pagina web non può richiamare in alcun modo un file presente nel tuo hard disk, per questo non la vedi.

09-11-2010, 21.01.44

1)La devo salvare .gif?
2)Se non è giusta come faccio a pubblicarla su internet?
3)Voglio il codice esatto

**karl94** · 09-11-2010, 21.04.10

Originalmente inviato da pokemonvolt

1)La devo salvare .gif?
2)Se non è giusta come faccio a pubblicarla su internet?
3)Voglio il codice esatto

Il formato migliore sarebbe PNG, per caricarla sul tuo spazio, usa l'FTP o il pannello di controllo. Il codice è sempre lo stesso che ti è stato dato.

09-11-2010, 21.06.30

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Untitled document</title>
</head>
<body style="background-image:C:\Users\MARCO\Desktop\PokemonVoltage; background-repeat:no-repeat; background-position: center;"></body>

</body>
</html>

09-11-2010, 21.07.08

Quello è quello che ho fatto per metterlo è giusto? se è sbagliato ridatemelo con HTML giusto

09-11-2010, 21.10.15

Karl94 non ho capito io dopo che l' ho salvato .PGN che faccio?

**karl94** · 09-11-2010, 21.22.30

Primo: leggi il regolamento, non è concesso fare doppi post.
Poiché sei del tutto nuovo in questo campo, ti spiego come funziona: una pagina web è in sostanza un documento HTML (HyperText Markup Language), ovvero il linguaggio che indica al computer che ruolo hanno le varie frasi (o parole) nel documento, indica quindi quali sono le intestazioni, i paragrafi, le immagini, i collegamenti, le liste, le tabelle, etc.
Non serve a indicare l'aspetto grafico del documento: serve solo a descrivere l'aspetto logico e semantico del documento. Per personalizzare l'aspetto grafico usiamo un altro linguaggio: il CSS (Cascading Style Sheet). Di solito, le varie regole CSS vengono inserite in un file a parte, poiché sono le stesse per tutte le pagine del sito. Ho organizzato un esempio di due files: prova.html e stile.css.
prova.html:

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-IT">
    <head>
        <title>Titolo del documento</title>
        <link href="stile.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <h1>Intestazione principale</h1>
        <h2>Intestazione secondaria</h2>
        <p>Primo paragrafo: lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
        <p>Secondo paragrafo: donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
        <h2>Intestazione secondaria 2</h2>
        <p>Di seguito una lista <strong>non</strong> ordinata.</p>
        <ul>
            <li>Elemento della lista 1</li>
            <li>Elemento della lista 2</li>
            <li>Elemento della lista 3</li>
            <li>Elemento della lista 4</li>
        </ul>
        <h2>Intestazione secondaria 3</h2>
        <p>Di seguito una lista ordinata.</p>
        <ol>
            <li>Elemento della lista 1</li>
            <li>Elemento della lista 2</li>
            <li>Elemento della lista 3</li>
            <li>Elemento della lista 4</li>
        </ol>
    </body>
</html>

stile.css:

Codice:

body{
    background: url(sfondo.png);
}

Il foglio di stile (stile.css) definisce solo lo sfondo della pagina: l'immagine sfondo.png.

Per caricare i files dal tuo computer sul tuo spazio web puoi usare la funzione invia files dal tuo pannello di controllo. Leggi inoltre:
http://forum.it.altervista.org/basi-...-immagini.html
http://forum.it.altervista.org/basi-...-iniziare.html

09-11-2010, 21.30.52

Ma dove Io, Altersito, Guadagni e Pubblicità, Domini, Tools, Communiti?

09-11-2010, 21.31.34

Dove Trovo Invia files in quello che ho scritto Io.....

09-11-2010, 21.36.53

L' ho trovato

09-11-2010, 21.43.52

Karl94 non me lo visualizza io faccio

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Untitled document</title>
</head>
<body style="background-image: http://pokemonvolt.altervista.org//S...onVoltage.png; background-repeat:no-repeat; background-position: center;">

</body>
</html>

Cosa ho sbagliato?

**karl94** · 09-11-2010, 22.15.31

Ti ho già detto di leggere il regolamento, fallo anche se probabilmente hai già collezionato abbastanza punti per essere bannato.
Ti ho anche detto di leggere quei due post, li hai visti? Hai provato il codice che ti ho scritto?

10-11-2010, 17.40.31

Karl94 scusa per la cosa non lo letto ma adesso lo leggo però quel codice non va

10-11-2010, 17.47.32

non esiste l'immagine: http://pokemonvolt.altervista.org//S...monVoltage.png

Controlla di aver scritto bene!
Il percorso corretto: http://pokemonvolt.altervista.org/Sf...monVoltage.png

C'è comunque un errore nel codice:

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Untitled document</title>
</head>
<body style="background-image:url('Indirizzo_Corretto'); background-repeat:no-repeat; background-position: center;">

</body>
</html>

10-11-2010, 18.05.40

Originalmente inviato da grafikando

... snip ...
C'è comunque un errore nel codice:
... snip ...

nel fatto che on ha messo url.
Ok dal tuo messaggio pareva volessi dire che non andava messo tra parentesi

10-11-2010, 18.12.43

scusa ho scritto male XD in effetti sembrava avessi evidenziato in rosso l'errore. Invece ho evidenziato quello che mancava ^^"

10-11-2010, 18.17.04

Al contrario mi ero sbagliato e mi sono corretto, avevo creduto appunto che gli dicevi che non fossero necessarie le parentesi e avevo linkato la pagina relativa al manuale del CSS, poi mi sono corretto in fretta.

10-11-2010, 18.19.15

Scusate ma quel codice non mi va cioè io faccio quello però non vedo tutto lo sfondo vedo una cosa e basta perchè io ho ricopiato il tuo codice poi ho messo il mio link ma non ha funzionato del tutto

10-11-2010, 18.31.51

Senti ma un link alla pagina potrebbe aiutare

10-11-2010, 18.39.49

Cioè io voglio il codice che si usa per mettere lo sfondo. E' percaso
<body background="immagine.PNG"> ma l'ho provata ma non va

10-11-2010, 18.40.44

Sugandbibi in che senso?

10-11-2010, 18.47.30

Nel senso non voglio mettere un immagine centrale così
<body style="background-image: url(nome_immagine.jpg); background-repeat:no-repeat; background-position: center;"></body>
Come avete detto io ho chiesto di darmi il Codice HTML dello sfondo come mettere lo sfondo non l' immagine

10-11-2010, 18.55.45

Originalmente inviato da pokemonvolt

Nel senso non voglio mettere un immagine centrale così
<body style="background-image: url(nome_immagine.jpg); background-repeat:no-repeat; background-position: center;"></body>
Come avete detto io ho chiesto di darmi il Codice HTML dello sfondo come mettere lo sfondo non l' immagine

A parte che non c'è bisogno di gridare, ma poi scusa tu hai scritto questa frase: "Scusate mi date il codice HTML per inserire un immagine e per lo sfondo ( io la salvo come PNG o CIF o JPEG ?) poi io voglio fare uno sfondo con Photoshop però non so le misure quanto sono le misure?" ma....
Allora per inserire un'immagine si usa l'elemento img

Codice:

<img src="tuaimmagine" />

Poi: che vuol dire "e per lo sfondo" per lo sfondo cosa? Il colore dello sfondo? bene ecco [code]<body style="background-color: #ffffff">[code] ed hai lo sfondo bianco.
Si usano triplette di codici in esadecimale per colorare lo sfondo oppure in RGB

Codice:

<body style="background-color: rgb(255,0,0)">

in questo caso vanno inseriti in decimale, i valori vanno da 0 (zero) che è il nero a 255 che è il bianco.
Per inserire un'immagine oramai lo sai già.
Poi se ci spieghi cosa intendi tu per "sfondo" allora ti aiuteremo meglio.

10-11-2010, 18.57.02

Pokemonvolt (Usa il tasto Edit!!)
Potresti battere il record di infrazioni!!!!!

Intanto cerca di spiegarti meglio:

Come avete detto io ho chiesto di darmi il Codice HTML dello sfondo come mettere lo sfondo non l' immagine

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Untitled document</title>
</head>
<body style="background-image:url('Indirizzo_Corretto'); background-repeat:no-repeat; background-position: center;">

Testo Testo Testo

</body>
</html>

Per mettere lo sfondo (un'immagine usata come sfondo) al posto di "nome_immagine.jpg" devi inserire: http://pokemonvolt.altervista.org/Sf...monVoltage.png
Che sarebbe l'immagine che vuoi per sfondo giusto????

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Untitled document</title>
</head>
<body style="background-image:url('http://pokemonvolt.altervista.org/Sfondo_PokemonVoltage.png'); background-repeat:no-repeat; background-position: center;">

Testo Testo Testo

</body>
</html>

Un minimo di elasticità mentale :P

Sugandbibi in che senso?

Se non ho ancora risposto alla tua domanda, puoi copiare l'indirizzo della pagina dove non riesci a mettere lo sfondo?
così vediamo il codice?

Misure: Non esistono misure precise, lo sfondo varia a seconda della risoluzione del tuo schermo.
possono variare: 800x600, 1024x768, 1280x1024, 1400x1050, 1600x1200, 1920x1440, ...

Consiglio: usa un'immagine che si ripete, oppure metti come sfondo un colore e al centro metti unìimagine con i contorni sfumati verso quel colore. così da non creare troppo distacco.

10-11-2010, 19.09.05

Infatti mi sa che per sfondo intenda un'immagine che si ripete tipo...

ma pokemon sempre di immagine si tratta.

10-11-2010, 19.41.30

Allora
1)<body style="background-image: url(nome_immagine.jpg); background-repeat:no-repeat; background-position: center;"></body>
Questo non va
2)Io voglio il codice che mi favedere tutto lo sfondo non metà

Discussione: (Inserire una immagine come) Sfondo

LinkBack

Strumenti discussione

Display

(Inserire una immagine come) Sfondo

Regole di scrittura