Logo Hardware.com.br
ulfsark93
ulfsark93 Novo Membro Registrado
8 Mensagens 1 Curtida

[Resolvido] Modificar um template do w3layouts

#1 Por ulfsark93 28/09/2016 - 15:50
Olá Pessoal. Tudo bem?

Então, estou estudando por conta HTML5 e CSS3. para isso peguei um template do w3layouts e estou mexendo e aprendendo com ele.
Só que tem um negócio que estou tentando modificar e não consigo. Alguém pode me ajudar por favor?

Gostaria que alguém me indicasse, em qual arquivo devo mexer, e qual parte do código.

O template que estou estudando é está nesse link aqui:
https://w3layouts.com/deco-light-interior-architects-category-flat-bootstrap-responsive-web-template/

Vou colocar as imagens para tentar ilustrar oq acontece. =)

O template é assim
Imagem



Quero deixar que nem nessa imagem:
-Retirar os ícones brancos (isso consegui fazer modificando o código no HTML.index)
-Deslocar a segunda coluna para esquerda (deixar os escritos no lugar dos ícones)
-E aumentar a imagem
Imagem



Não estou conseguindo fazer isso.
Não localizei qual arquivo e qual parte do código controla a posição e espaçamento das colunas. =(

Achei essa parte do código no arquivo Index.html
Imagem



E achei alguma coisa no arquivo Style.css
Imagem



Alguém pode me ajudar. To sofrendo aqui mudando os códigos mas não tenho sucesso.
Só preciso fazer esse deslocamento da segunda coluna para esquerda, e aumentar a imagem do meio.
Só preciso de uma indicação de onde e como faço esse deslocamento.

valeu pessoal!!!

Abs!!!
marcos andrade22
marcos andra... General de Pijama Registrado
3.6K Mensagens 333 Curtidas
#2 Por marcos andra...
29/09/2016 - 07:25
O bootstrap trabalha com 12 colunas, precisa excluir a coluna aonde estão os ícones e adicionar o valor retirado em outra coluna, a soma dos valores precisa dar 12.
Isso vem em uma div como por exemplo:
No seu caso

<div class="col-md-3"> </div>
<div class="col-md-9"> </div>

Pode ficar

<div class="col-md-12"> </div>


Ou

<div class="row"> </div>
Flavio_vivinho
Flavio_vivin... Geek Registrado
2.5K Mensagens 173 Curtidas
#3 Por Flavio_vivin...
29/09/2016 - 14:46
Normalmente, os ícones do Bootstrap ficam dentro e representados pela tag . Faça uma cópia do arquivo html e css como backup e depois remova as tags do bloco que quer... depois vá no arquivo style.css e procure pela referencia da tag div onde está a imagem e altere os valores ali.

Para saber mais sobre bootstrap, acesse: http://www.w3schools.com/bootstrap/default.asp
"Vinde a Mim, todos os que estais cansados e oprimidos, e Eu vos aliviarei" - Mateus 11,28.
www.flaviosistemas.com.br
Desenvolvendo projetos, facilitando sua vida.
ulfsark93
ulfsark93 Novo Membro Registrado
8 Mensagens 1 Curtida
#4 Por ulfsark93
29/09/2016 - 21:04
Pessoal eu consegui modificar e ficou como eu queria!!! MUITO OBRIGADO! rindo_atoa.gif

Fiz as cópias de segurança que o Flavio_vivinho recomendou e fui direto na linha que continha
que o marcos andrade22 falou.

Os comandos estavam dentro do
mesmo.
Também não sabia que a soma deles tem que ser total 12.

Fiquei muito feliz que consegui modificar e deixar do jeito que eu queria.
Graças à vocês eu resolvi o meu problema, e melhor ainda, eu aprendi e agora tenho a oportunidade de ajudar quem tiver essa mesma dúvida!

Muito obrigado pela ajuda marcos andrade22 e Flavio_vivinho!!! boa.gif

marcos andrade22 Muito obrigado por escrever o código para eu procurar e por me explicar que a soma tem que ser 12!!!

Flavio_vivinho muito obrigado pelo link, e por me falar de fazer a cópia de segurança!!!

Eu já estava dando cabeçada na parede pq não conseguia resolver isso.
Vocês me ajudaram muito!!!! Fiquei muito feliz!!! smile.png

MUITO OBRIGADO marcos andrade22 e Flavio_vivinho!!! isso_ai.png

Abraços e tenham um ótimo final de semana!!!
Flavio_vivinho
Flavio_vivin... Geek Registrado
2.5K Mensagens 173 Curtidas
#5 Por Flavio_vivin...
30/09/2016 - 11:37
Parabéns, pois somente mostramos o "caminho" e você conseguiu achar o "tesouro" rsrs.

Somente uma última dica, vá ao primeiro post e à direita e acima tem lista suspensa ferramenta, vá ali e edite o título e selecione - resolvido - em um outra lista suspensa à esquerda, da janela que abrirá.

Até+
"Vinde a Mim, todos os que estais cansados e oprimidos, e Eu vos aliviarei" - Mateus 11,28.
www.flaviosistemas.com.br
Desenvolvendo projetos, facilitando sua vida.
© 1999-2024 Hardware.com.br. Todos os direitos reservados.
Imagem do Modal