Visualizzazione dei risultati da 1 a 8 su 8
  1. #1

    alcune info su sito web

    allora ho scritto un codice che mi permette (o per lo meno dovrebbe) di visualizzare un layout diviso in tre colonne + header + footer

    quello che vi chiedo è:
    1) dove inserisco il codice per creare la pagina?
    2) per inserire ad esempio: titoli link e banner come si fa?
    3) come faccio a far cambiare le pagine? cioe se clicco su queso sito su download ad esempio si apre un'altra pagnia diversa dal forum come posso farlo anche io per il mio sito?

  2. #2
    credo che tu abbia bisogno di una bella letta alle guide html e css

  3. #3
    le ho lette ma ora sono confuso molto potresti darmi un aiuto più concreto? tipo? beh tipo spiegare... eh?

  4. #4

    Re: alcune info su sito web

    Originariamente inviato da unnomechenonc'è
    1) dove inserisco il codice per creare la pagina?
    2) per inserire ad esempio: titoli link e banner come si fa?
    3) come faccio a far cambiare le pagine? cioe se clicco su queso sito su download ad esempio si apre un'altra pagnia diversa dal forum come posso farlo anche io per il mio sito?
    Anch'io non credo che tu le abbia lette... forse le hai solo "guardate..."(superficialmente, quindi). Stai chiedendo proprio le basi... Cosa difficile daspiegare in un forum...

    1) in un file che rinominerai con estensione .html
    2) un link è un tag A, una foto è un tag IMG (un Banner di solito è una foto che fa da link)
    3) nel link che hai in pagina1.html dovrai "puntare" con l'HREF a pagina2.html

    Fai alcune prove... è più facile da provare che spiegare...
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  5. #5
    ricman

    tra ieri notte e stamattina ho letto le guide di questo sito su html e css ho provato a scrivere un foglio di stile in blocco note e poi rinominarlo in htm ma non ha funzionato

    sicuramente avro letto troppo e troppo di fretta non lo metto in dubbio è assodato

    detto questo ciò che non capisco è la sintassi per descrivere un nome che punti ad un'altra pagina dato che non riesco neanche a visualizzare il mio layout

    se prendiamo in considerazione un layout della guida che ho letto mi potresti spiegare come fare a formare questi puntatori e più in generale collegare l'ascpetto(che ancora non so con quale programma si fa) al codice html???

    /*stili per il layout elastico con background*/
    html{margin: 0;padding:0}
    body{padding-bottom: 100px;font-family: arial,sans-serif;font-size: 76%;
    background-color: #ffffee}
    div#container{width:50em; border: 6px double #999;margin-left:25px; margin-top: 50px;
    background:#fff url(3exprightcol.jpg) repeat-y top right}
    div#container2{background: url(3expleftcol.jpg) repeat-y top left}

    /*stili generici, su header e footer*/
    div#header{height: 80px;background-color:#ddd;color: #333}
    h1,h2{margin: 0;padding:0}
    h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
    h2{color: #B65858;font-size: 1.5em}
    div#footer a{color:#FF0;font-weight: bold;text-decoration: underline}
    p{line-height: 1.3em}

    /*stili specifici per il layout*/
    div#navigation{float: left;width: 120px;\width:130px;w\idth:120px;padding: 1em 0 0 10px}
    div#extra{float: right; width: 210px;\width:220px;w\idth:210px;padding: 1em 5px}
    div#content{margin: 0 220px 0 120px;padding: 1em 10px}
    div#footer{clear:both; text-align:right; padding: 5px 10px;
    background-color: #000; color: #fff}

    /*stili per la navigazione*/
    div#navigation ul{margin: 0;padding: 0; list-style-type: none}
    div#navigation li{margin: 0;padding: 0}
    div#navigation a{color:#A2C2E0;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
    div#navigation a:hover{color: #033;text-decoration: underline}
    div#navigation a#activelink{color: #033;text-decoration: none}
    div#navigation p{font-size: 90%}

    /*stili per la sezione extra*/
    div#extra div.newsbox{font-size: 95%;margin-bottom: 2em}
    div#extra div.newsbox h2{color: #CDDF75;font-size: 1.2em}
    div#extra div.newsbox p{margin: 0}

  6. #6
    Il foglio di stile è .css mentre il codice html è .html

    Dentro il .html tra i tag HEAD devi mettere una linea tipo
    codice:
    <link rel="stylesheet" type="text/css" href="prcorso/stile.css" >
    Per vedere un esempio pratico puoi andare in un qualsiasi sito (se scritto bene) e guardarne il codice (tasto destro e click su Mostra Html ... o simili)

    Qui le spigazioni sull'uso dei tag e molto altro...
    http://www.w3schools.com/tags/default.asp
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  7. #7
    ricman innanzitutto sei un grandissimol'unico che mi abbia contribbuito a spiegarmi il problema

    grazie per il link

    solo un altra domanda (va be forse non è proprio l'ultima ammetto anche questo )

    al posto di prcorso/style.css cosa devo mettere? il documento htm dove ho scritto il foglio di stile? e devo aggiungere anche <html> </html> ?

    <link rel="stylesheet" type="text/css" href="prcorso/stile.css" >

  8. #8
    Originariamente inviato da unnomechenonc'è
    al posto di prcorso/style.css cosa devo mettere? il documento htm dove ho scritto il foglio di stile? e devo aggiungere anche <html> </html> ?
    E' un percorso... e dipende da dove hai messo il file.css (rispetto a quello in cui scrivi <link...>).

    Riguardo al tag <html>... Si, va usato (nel punto giusto ovviamente). Nel link che ti ho passato prima c'è scritto come usarlo...
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.