Respostas no Fórum

Visualizando 9 respostas - 1 até 9 (de um total de 9)
  • em >conteudo aqui< vai o endereço da imagem…

    para começar uma nova coluna com 3 use o código assim: <div style=”clear:both”>

    <center>

    <div style=”float:left; width:33%”>conteudo ou imagem aqui</div>

    <div style=”float:left; width:33%”>conteudo aqui</div>

    <div style=”float:left; width:33%”>conteudo aqui</div>

    <div style=”clear:both”>

    <div style=”float:left; width:33%”>conteudo aqui</div>

    <div style=”float:left; width:33%”>conteudo aqui</div>

    <div style=”float:left; width:33%”>conteudo aqui</div>

    </div>

    é so copiar e colar la no wordpress, e mudar aquilo que comentei antes..

    OBS: dentro do alt vai o nome da imagen
    asimm:
    alt=”nome da imagen”

    e onde esta escrito imagem aqui é o endereço da imagem
    assim: local
    http://127.0.0.1/wordpress/wp-content/uploads/minhasimagens/imagem.jpg

    ou no servidor
    http://www.seuservidordehospedagen/wordpress/wp-content/uploads/minhasimagens/imagen.jpg

    má ou meno istooo

    opa.. olha so oque eu descobri…

    aqui coloquei 2 fila de imagens.
    cada fila com 4 imagens:

    <div class=”art-content-layout-wrapper layout-item-0″>
    <div class=”art-content-layout layout-item-1″>
    <div class=”art-content-layout-row”>
    <div class=”art-layout-cell layout-item-2″ style=”width: 25%” >
    <h4>texto aqui</h4><p style=”text-align: center;”>
    <img width=”102″ height=”102″ alt=”” src=”imagem aqui”></p></div>

    <div class=”art-layout-cell layout-item-3″ style=”width: 25%” >
    <h4>texto aqui</h4><p style=”text-align: center;”>
    <img width=”102″ height=”102″ alt=”” src=”imagem aqui” class=””></p></div>

    <div class=”art-layout-cell layout-item-2″ style=”width: 25%” >
    <h4>texto aqui</h4><p style=”text-align: center;”>
    <img width=”102″ height=”102″ alt=”” src=”imagem aqui”></p></div>

    <div class=”art-layout-cell layout-item-3″ style=”width: 25%” >
    <h4>texto aqui</h4><p style=”text-align: center;”>
    <img width=”102″ height=”102″ alt=”” src=”imagem aqui” class=””></p></div>
    </div>
    </div>
    </div>

    <div class=”art-content-layout-wrapper layout-item-4″>
    <div class=”art-content-layout layout-item-1″>
    <div class=”art-content-layout-row”>
    <div class=”art-layout-cell layout-item-3″ style=”width: 25%” >
    <h4>texto aquii</h4><p style=”text-align: center;”>
    <img width=”102″ height=”102″ alt=”” src=”imagem aqui”></p></div>

    <div class=”art-layout-cell layout-item-2″ style=”width: 25%” >
    <h4>texto aqui</h4><p style=”text-align: center;”>
    <img width=”102″ height=”102″ alt=”” src=”imagem aqui”></p></div>

    <div class=”art-layout-cell layout-item-3″ style=”width: 25%” >
    <h4>texto aqui</h4><p style=”text-align: center;”>
    <img width=”102″ height=”102″ alt=”” src=”imagem aqui” class=””></p></div>

    <div class=”art-layout-cell layout-item-2″ style=”width: 25%” >
    <h4>texto aquii </h4><p style=”text-align: center;”>
    <img width=”102″ height=”102″ alt=”” src=”imagem aqui” class=””></p></div>
    </div>
    </div>
    </div>

    qualquer ajuda de mais codigos dentro desta forma sera bem vinda…

    Obrigado Claudio , aindei estudando um pouco,e o pessoal recomenda nao usar tabelas, vou continuar estudando para emplementr mais codigos de controles para minhas imagens

    Segue melhorias:

    para começar uma nova coluna com 3 use o código assim: <div style=”clear:both”>

    <center>

    <div style=”float:left; width:33%”>conteudo ou imagem aqui</div>

    <div style=”float:left; width:33%”>conteudo aqui</div>

    <div style=”float:left; width:33%”>conteudo aqui</div>

    <div style=”clear:both”>

    <div style=”float:left; width:33%”>conteudo aqui</div>

    <div style=”float:left; width:33%”>conteudo aqui</div>

    <div style=”float:left; width:33%”>conteudo aqui</div>

    </div>

    um jeito que consegui foi assim pessoal mas ainda esta meio sem controle,
    preciso ter o controle total,
    Se o Claudio postase ai sua tabela para gente ver!!!

    fiz assim:

    <center>
    <div style=”float:left; width:33%”>foto</div>
    <div style=”float:left; width:33%”>foto</div>
    <div style=”float:left; width:33%”>foto</div>
    <div style=”clear:both”>foto ou nao</div>
    </center>

    ola amigo claudio estou começando agora com wp…ok
    eu tambem estou sofrendo com este negocio de imagem alinhada, consegui um plugin, mas eu quero fazer com codigos, como voce fez o seu?

    Por gentileza ajuda ai…ok

Visualizando 9 respostas - 1 até 9 (de um total de 9)