Curta Nossa Página do Facebook!


  • Desenvolvido Por Iago Melanias
    Avatar

    Sidebar separada por colunas

    Vim trazer um tutorial para vcs que me pedirão .
    Procure pela linha
    /* Headings
    E vc vai apagar Todo o código dentro da aria
    h2 {
    margin:1.5em 0 .75em;
     font:$headerfont;
     line-height: 1.4em;
     text-transform:uppercase;
     letter-spacing:.2em;
     color:$sidebarcolor; }

    E vc vai substituir por esse código abaixo
    .sidebar-wrapper h2 {
     width:XXpx;
     height:XXpx;
     background:url(LINK DO TOPO)no-repeat;
     text-align:left;
     margin:20px 0px -10px 0px;
     padding:5px 0px 0px 25px;
     font-family: Arial; font-size: 15px;
     color:#fff;
     }
     .sidebar-wrapper .widget-content {
     background:url(LINK DO MEIO)repeat-y;
     width:XXpx;
     margin:-10px 0px -10px 0px;
     color:#FFFFFF!importante;
     padding: 10px 0px 0px 10px;
     }
     .sidebar-wrapper .widget
    { background:url(LINK DO RODAPÉ)no-repeat bottom ;
    }

    Se vc quiser colocar duas colunas apenas mude essa parte dele
    .sidebar-wrapper h2
    dai vc coloca sidebar-wrapper 2 h2
    por que vc vai fazer isso por quasa do nome de sua nova sidebar ou coluna .
    Demostração

    6 comentários: