Bem vindo ao brockdev.com, não seja tímido compartilhe suas duvidas e conhecimento. :D

Alteração do .main

brunowdbrunowd Usuário
editado February 2014 em CSS
Olá, eu criei um bloco e fiz umas alterações no css do .main na página inicial ta tudo legal,mas quando eu cclico em qualquer categoria ou no painel do cliente fica tudo desconfigurado por causa dessa minha alteração do css, de uma olhada:

http://www.mezzbrin.bravunet.com/magentomezz/index.php/

Obrigado.

Comentários

  • Jonatan Machado Moderador Global, Administrador
    Ola Bruno
    Voce alterou o width da class .col-main .sidebarblock-content
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Isso deixei assim:

    .col-main .sidebarblock-content {width: 1000px;float: left; /*background: url(../images/bkg_sidebarblock-content-category.png) repeat-y left top;*/ margin: 0px 0 0;}
  • Jonatan Machado Moderador Global, Administrador
    Deixe o width: auto;
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • é a principio funcionou, no meu ele ficou deslocado pra cima acho que é por causa que tem o bloco de como comprar,vou tentar colocar esse bloco em todas as páginas pra ver se fica no tamanho certo :)
  • como eu posso colocar o bloco em todas as páginas sei que é em algum .xml mas não sei qual HAHAAH
  • Aliás tem uma div ali que está em branco entre o bloco como comprar e o banner

    <div class=\"home-bann\"> </div>


    Como exclu aquela linha?


  • Jonatan Machado Moderador Global, Administrador
    tem um tutorial de como inserir block lateral
    viewtopic.php?f=21&t=8

    Ja a div que nao tem nada, voce tem que ver como voce colocou ela la foi no phtml, block, direto no conteúdo
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Consegui a solução fiz um widget mas só que o bloco fica atras do menu ele teria que ficara abaixo entre o menu e o banner,até funcionou quando eu chamei o bloco no catalog.xml

     <reference name=\"content\">

    <block type=\"cms/block\" name=\"featured-category-carstore\">

    <action method=\"setBlockId\"><id>featured-category-carstore</id></action>

    </block>

    </reference>


    mas acabei apagando a alteração que fiz :( e me esqueci como tinha feito.

    E nas categorias eles estão tudo desconfigurada tbm até porque o layout é de 2 col left
  • O engraçado é que no mozila ta funfando e no chrome não! que será,já limpei os caches dos dois navegadores e só no mozila funciona,e atualizei o do magento.
  • Jonatan Machado Moderador Global, Administrador
    Voce colocou -44px a margin deixa 0
    .main-container {margin: 0;}
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Sim mas eu fiz isso pra que o menu deslocasse para baixo, mas fiz alteração e agora? como faço para deixar o menu como antes com a borda branca sendo que ele tá dentro da header, e a imagem é azul e ela se repete até o rodapé..como na imagem:


  • Jonatan Machado Moderador Global, Administrador
    Voce pode utilizar deixar margin:44px e colocar a nav-container position:relative; com top:44px; vai fazer o mesmo efeito mais vai funcionar em todos os navegadores
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Aqui não funcionou... bem não como eu tava imaginando, ele abaixou o meu bloco e o meo menu subiu :shock:
    Tanto no chrome como no mozila.
    olha:

  • Tipo desse jeito que tu me passou,teria que colocar

    <div class=\"nav-container\">


    dentro do :

    <div class=\"main-container col1-layout\">


    dae fica naquele espaço em branco da nav-container tipo assim:

  • Jonatan Machado Moderador Global, Administrador
    Nao precisa, voce pode utilizar o position: absolute; top: 44px veja bem o que eu falei antes
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • disse:

    Nao precisa, voce pode utilizar o position: absolute; top: 44px veja bem o que eu falei antes


    Tu disse isso

    "Voce pode utilizar deixar margin:44px e colocar a nav-container position:relative; com top:44px; vai fazer o mesmo efeito mais vai funcionar em todos os navegadores"

    "position:relative;"

    Vou tentar aqui.,haha
  • Jonatan Machado Moderador Global, Administrador
    Desculpa falei errado Nao e absolute, e relative mesmo.

    Fiz a alteração aqui e deu certo
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Jonatan Machado Moderador Global, Administrador
    Vai ficar assim
    .main-container {
    background: url("../images/bkg_main.png") repeat scroll left top #FBFAF6;
    border-top: 1px solid #D4D4D4;
    margin: 44px 0 0;
    padding: 0 0 22px;
    }

    .nav-container {
    background: url("../images/bkg_navigation.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    clear: both;
    float: left;
    margin: 44px 0 0;
    position: relative;
    width: 1130px;
    top: 44px;
    }
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Jonatan Machado Moderador Global, Administrador
    Dessa forma ele fica com o fundo branco mais voce pode utilizar assim
    .main-container {
    background: url("../images/bkg_main.png") repeat scroll left top #FBFAF6;
    border-top: 1px solid #D4D4D4;
    margin: 0;
    padding: 44px 0 22px;
    }
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • É .. com o primeiro código funcionou,já está ótimo, eu só deixei margin: - 31px no nav.container pra "diminuir" o header,ficou tri bom,muito obrigado Jonatan :D
  • Jonatan Machado Moderador Global, Administrador
    Por nada, qualquer dúvida pode criar outro tópico.
    Abraço
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Jonatan,

    Agora vi aqui,que essa nossa alteração desconfigurou a página de cadastro,acha que dá pra manter a mesma configuração só alterar essa página? :)
  • Jonatan Machado Moderador Global, Administrador
    Nao foi por essa alteração que desconfigurou, voce deve ter alterado a class col2-set .col-1 width: 100%;

    O correto seria assim
    .col2-set .col-1 {
    float: left;
    width: 48.5%;
    }
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Verdade,eu tinha alterado ontem mas nem olhei que tinha feito e não anotei, esqueci completamente,eu tava tentando arrumar a coluna do meio,das páginas de categorias,como postei no outro tópico :lol: :lol: valeu!
Entre ou Registre-se para fazer um comentário.