Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Spostare il template

  1. #1

    Spostare il template

    Partendo da questa file style.css esce il sito che vedete su www.laugher.it

    codice:
    #container {
      width: 1080px;
      margin: 0 auto;
      position: relative;
    }
    header {
      width: 1080px;
      margin: 0 auto;
      overflow: hidden;
    }
    #main {
      width: 710px;
      position: relative;
      float: left;
      margin-right: 5px;
      margin-left: 5px;
    }
    #main #benvenuto {
      background: #FFFFE0;
      border: 2px solid #E60855;
      padding: 10px;
    }
    aside {
      width: 350px;
      position: relative;
      float: left;
      margin-right: 5px;
      margin-left: 5px;
    }
    footer {
      width: 1080px;
      margin: 0 auto;
      overflow: hidden;
    }
    .site-header {
        background: url("http://www.laugher.it/wp-content/the...ers/circle.png") no-repeat scroll center top / 1600px auto transparent;
    }
    .site-header {
        position: relative;
    }
    summary {
        display: block;
    }
    * {
        -moz-box-sizing: border-box;
    }
    body {
        color: rgb(20, 20, 18);
        line-height: 1.5;
    }
    textarea {
        font-family: "Source Sans Pro",Helvetica,sans-serif;
    }
    html {
        font-size: 100%;
    }
    Io vorrei attaccare l'immagine dell'header sul lato sinistro dello schermo. Che parte dovrei modificare?

    E' che sto cercando di capire come funziona.

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Su FF non ci vedo nessuna immagine, solo su chrome.

    In ogni caso devi modificare il contenitore #masthead.siteheader. La devi spostare al di fuori dal contenitore centrale #container, visto che l'immagine ci è dentro.
    Se si tratta solo di spostare l'immagine, la puoi mettere come background al body no-repeat top left, ma non ne capisco il motivo perché ti si sfasa tutto il quadro.
    Per una bella risata vai QUI

  3. #3
    Volevo capire solo come aveva fatto il template 2013 a fare quell'immagine.

    Ma ora ho modificato la struttura come volevo e devo solo metterci la cosa che piace a me.

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    E' una semplice immagine di sfondo nella classe .side-header; ma questo probabilmente lo vedi anche da te ;-)
    Per una bella risata vai QUI

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.