Visualizzazione risultati 1 fino 5 di 5

Discussione: far scorrere il corpo pagina

  1. #1
    cuorebiancoblu non è connesso Neofita
    Data registrazione
    17-07-2011
    Messaggi
    8

    Predefinito far scorrere il corpo pagina

    qualcuno mi dice come vanno messe le impostazioni per fare sì che scorra solamente il corpo della pagina ma lo sfondo rimanga sempre tale?

    un po' come su questo sito dove, se si va in giù con il mouse, lo sfondo resta fermo.

  2. #2
    L'avatar di Jowy
    Jowy non è connesso AlterVistiano
    Data registrazione
    29-08-2002
    Residenza
    Livorno
    Messaggi
    869

    Predefinito

    nel css :
    Codice:
    background-attachment:fixed;
    Ultima modifica di alemoppo : 24-08-2011 alle ore 22.02.21 Motivo: +tag [code]

  3. #3
    cuorebiancoblu non è connesso Neofita
    Data registrazione
    17-07-2011
    Messaggi
    8

    Predefinito

    Codice:
    body {
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #393939;
    background-color: #eeeeee;
    background-image: url(/alterpages/sfondofinale.jpg#gallery);
    
    
    }
    
    #header {
    
    background-color: #286bc2;
    
    background-image: url("/alterpages/testatafinale.jpg#gallery");
    min-height: 180px;
    
    background-repeat: no-repeat;
    
    }
    
    #wrap {
    background-color: #ffffff;
    background-image: url('http://cuorebiancoblu.altervista.org/alterpages/sfondocorpopagina.jpg#gallery');
    background-repeat: repeat;
    background-position: top center;
    }
    
    #content {
    
    
    
    
    }
    
    #sidebar {
    color: #ffffff;
    background-color: #6baae4;
    background-image: url('http://cuorebiancoblu.altervista.org/alterpages/sfondosidebar.jpg#gallery');
    background-repeat: repeat-y;
    background-position: top center;
    }
    
    h1 {
    color: #000000;
    font-size: 36px;
    font-family: Arial, sans-serif;
    }
    
    h2 {
    color: #212121;
    font-size: 20px;
    }
    
    a {
    color: #0e4fa3;
    }
    
    /* --- border --- */
    #wrap, #header, #footer, ul.nav > li > a, ul.nav li ul   {
    border-color: #2e9afe;
    }
    
    /* --- nav sidebar --- */
    div#sidebar ul.nav, div#sidebar ul.nav a {
    color: #494949;
    }
    div#sidebar ul.nav a:hover {
    color: #286bc2;
    }
    div#sidebar ul.nav > li > a {
    
    }
    
    /* border custom nav sidebar */
    div#sidebar ul.nav > li > a, div#sidebar ul.nav li ul {
    border-color: #E0E0E0;
    }
    
    /* --- nav header --- */
    div#header ul.nav, div#header ul.nav a {
    color: #ffffff;
    }
    div#header ul.nav a:hover {
    color: #ffffff;
    background-color: #669BCC;
    }
    div#header ul.nav > li > a,  div#header ul.nav li ul {
    background-color: #AB2721;
    }
    /* border custom nav header */
    div#header ul.nav > li > a, div#header ul.nav li ul {
    border-color: #ffffff;
    }
    
    /* --- #navigation --- */
    
    div #navigation {
    
    }
    
    div#navigation ul.nav, div#navigation ul.nav li, div#navigation ul.nav ul {
    background-color: #286bc2;
    }
    
    div#navigation ul.nav li a {
    color: #ffffff;
    }
    
    div#navigation ul.nav li:hover, div#navigation ul.nav li:hover ul li, div#navigation ul.nav ul {
    background-color: #0e4fa3;
    }
    
    div#navigation ul.nav li:hover a, div#navigation ul.nav ul a {
    color: #ffffff;
    }
    
    /* --- styles --- */
    
    
    h1 {font-weight:normal}
    h2 {font-weight:bold}
    
    #wrap {
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    padding:10px 0;
    margin: 20px auto
    }
    
    #header  {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-top:0;
    }
    
    div#header .widget-nav {
    padding:0
    }
    
    div #header ul.nav {
    margin: 0 0 10px 0;
    }
    
    div#header .title {
    padding:10px
    }
    
    div#header ul.nav li ul, div#sidebar ul.nav li ul {
    list-style-type:disc; /* static list type */
    }
    
    div#footer {
    font-size: 90%;
    }
    
    div#sidebar ul.nav a, div#sidebar ul.nav li ul {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    }
    
    /* --- #navigation custom --- */
    
    div#navigation ul.nav ul {
    border-bottom-width:2px;
    border-bottom-style:solid;
    border-color: #0b4084;
    }
    
    div#navigation ul.nav li {
    border-right-width:1px;
    border-right-style:solid;
    border-color: #ffffff;
    }
    
    div#navigation ul.nav ul li {
    border:none;
    }
    
    div#navigation {
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-color: #0b4084;
    }
    questo è il mio css. attachment non c'è...
    Ultima modifica di alemoppo : 24-08-2011 alle ore 22.02.47 Motivo: + tag [code]

  4. #4
    L'avatar di Jowy
    Jowy non è connesso AlterVistiano
    Data registrazione
    29-08-2002
    Residenza
    Livorno
    Messaggi
    869

    Predefinito

    infatti lo devi aggiungere tu!
    Codice:
    body {
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #393939;
    background-color: #eeeeee;
    background-image: url(/alterpages/sfondofinale.jpg#gallery);
    background-attachment: fixed;
    }
    Ultima modifica di alemoppo : 24-08-2011 alle ore 22.03.06 Motivo: +tag [code]

  5. #5
    L'avatar di saitfainder
    saitfainder non è connesso Sëniör Stäff
    Data registrazione
    06-12-2002
    Residenza
    Torino
    Messaggi
    8,715

    Predefinito

    Attenzione che se usi Alterpages le modifiche manuali ai file finiranno per essere sovrascritte.


    «È una mia peculiarità distorcere la verità e inventarne di nuove.»
    «I tuoi orientamenti hanno su di me un effetto prossimo allo zero.»


Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •