[TOPIC UFFICIALE] Html, php, css, ecc...

Messaggio da **PIPPO46$** » mer set 23, 2009 15:32

Riprendono le lezioni. Ma prima avrei una domanda: se io voglio mettere un'immagine come sfondo, di che grandezza la devo fare??

Sito web · Messaggio da **bogio12** » mer set 23, 2009 15:57

Dipende dal sito, poichè un'immagine come sfondo, si ripete(si può "disimpostare"), ma comunque su diverse risoluzioni si vedrà diverso...
Mi sono spiegato?

Messaggio da **PIPPO46$** » mer set 23, 2009 16:30

Il fatto che l'immagine si può ripetere lo sapevo. Ma nel mio caso voglio che non si ripeta. Non c'è una dimensione standard? Lo so che dipende dai monitor, ma ad esempio la risoluzione delle pagine di vt quant'è?

Sito web · Messaggio da **bogio12** » mer set 23, 2009 16:44

PIPPO46$ ha scritto:Il fatto che l'immagine si può ripetere lo sapevo. Ma nel mio caso voglio che non si ripeta. Non c'è una dimensione standard? Lo so che dipende dai monitor, ma ad esempio la risoluzione delle pagine di vt quant'è?

VT è ottimizzato per 1024x768...
Ma comunque non sono immagini intere, ad esempio la striscia in alto, quella dove c'è scritto "Home | Virtualtuning | Classifiche | Community | ecc...", quella è fatta(o almeno, suppongo, poi non so com'è fatto di preciso..) con una sola immagine alta un tot, ma larga 1px, che ripetendosi in largo, diventa quella striscia...
Stessa cosa per la parte di sopra ai post, in questo modo si adatta..
Per non fare ripetere lo sfondo, devi usare i CSS...

Ad esempio:

.la tua classe{
background-repeat: no-repeat;
}

Devi dare un'informazione, la più importante: Il layout è fixed (fisso, quindi non usi %) o fluid (usi le percentuali, quindi dipende dallo schermo)?

rx-8 '94 · Messaggio da **rx-8 '94** » mer set 23, 2009 18:05

perchè queste cose non le facciamo nell'ora di trattamento testi ed invece facciamo solo tabelle con word?

Trattamento testi è un'altra disciplina. Se fai la ragioneria inizierai in 3a.

Messaggio da **PIPPO46$** » mer set 23, 2009 20:02

Io pensavo di creare un portfolio, quindi un layout fisso.

Messaggio da **West** » mer set 23, 2009 20:10

nn superare i 960px di larghezza allora

Messaggio da **PIPPO46$** » gio set 24, 2009 18:34

Che fatica ragazzi!! Per ora ho fatto davvero pochissimo, ma per le mie conoscenze è già abbastanza...
Comunque ecco un po' di codice:

HTML:

Codice: Seleziona tutto

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

      <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Beta</title>
                <link rel=stylesheet href="style.css" type="text/css">       
      </head>
 <body>
<div id="principale">
</div>

 </body>
</html>

CSS:

Codice: Seleziona tutto

body {
background-image: url(sfondo.gif);
background-repeat: repeat-x;
background-color: black;
}

#principale {
background-color: #191919;
width: 850px;
min-height: 550px;
margin: auto;
margin-top: 60px;
}

Ovviamente è solo una prova e sto cercando di integrare al meglio l'html, i css e per la grafica photoshop. Per l'html uso il notepad, mentre per i css uso dreamweaver cs4!
Come si può notare non sto usando le tabelle, ma i div. Mentre per tutto ciò che riguarda il body uso la formattazione tramite i css.
Lo sfondo è formato da un'immagine lunga 768px e larga 1px che viene ripetuta orizzontalmente. E' in formato GIF poichè, nonostante le sfumature, i colori usati sono solo due: il bianco e il nero.

Messaggio da **PIPPO46$** » dom set 27, 2009 18:30

Riprendo questo topic.
Allora, avrei bisogno di un piccolo aiutino: non riesco a creare un cavolo di menu orizzontale. Ho seguito guide e provato codici su codici ma niente, quando apro il file .html non si vede alcun menu.
Posto il layout che sto creando con PS:

Potete darmi una mano?

Sito web · Messaggio da **bogio12** » dom set 27, 2009 18:52

Carina la grafica, però io non riuscirei a farlo il menù stondato, ci ho già provato e ne sono uscito pazzo..

Guarda io ho un menù orizzontale che praticamente mi ha fatto tutto il nostro mister bicché, vedi se riesci con questa guida...

A che punto sei con i CSS?

Usa Notepad++ per tutti i linguaggi, vedrai che impari più in fretta.

Che problemi hai per quel layout? E' un layout base.

Messaggio da **PIPPO46$** » dom set 27, 2009 19:15

Non ho capito una cosa: per un menù come il mio (composto da bottoni, quindi immagini) è necessario usare i div??
Credo di sbagliare il file .css, perchè in html sono davvero pochissime righe. Il codice html che metto è così:
<div id="menu">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
</div>

Con il css dovrei dare uno stile a:

#menu {...}
#menu ul {...}
#menu li {...}
#menu a:link {...}
#menu a:visited {...}
#menu a:hover {...}

Giusto?

UPDATE: Ok ce l'ho fatta, ora devo aggiustare la posizione ed il menu è fatto!

Sai cosa vuol dire quello dell CSS?

VirtualTuning.it

[TOPIC UFFICIALE] Html, php, css, ecc...