Will
Novembro 27, 2016, 12:58am
1
Procurei em todos os tópicos mas não achei essa função ou código
alguém sabe explicar como faz para colocar aquele FORMA DE ENVIO com os icons dos Correios, Sedex, PAC e etc que fica no rodapé do site da loja?
Seria muito útil. Muito obrigado
queria colocar no site da minha loja
Meirim
Novembro 27, 2016, 10:42pm
2
veja se é igual o do meu site
www.lojasrmb.com.br
se for o código é o seguinte:
<!-- Formas de envio -->
<div id="span4-envios">
<style>
.pagamento-selos #span4-envios ul li {
display: inline-block;
margin: 0 10px 20px 0;
}
.pagamento-selos #span4-envios ul li img {
width: 100px;
}
body.pagina-carrinho #span4-envios {
display: none
}
</style>
<span class="titulo cor-secundaria">Formas de Envio</span>
<ul>
<li><img src="https://sites.google.com/site/imagensrmb/sedex.png"></li>
<li><img src="https://sites.google.com/site/imagensrmb/pac.png"></li>
<li><img src="https://sites.google.com/site/imagensrmb/carta.png"></li>
</ul>
<script type="text/javascript">
$(function(){
$('#span4-envios').appendTo('.pagamento-selos .conteiner .row-fluid');
})
</script>
Troque os 3 links pelas imagens que você gostaria, pode colocar quantos quiser ou retirar.
3 curtidas
Will
Novembro 27, 2016, 10:49pm
3
irmão deu certo aqui, mto obrigado pela solidariedade ;D
1 curtida
Meirim
Novembro 27, 2016, 10:52pm
4
Que bom, só muda as imagens, pois estão hospedadas na minha página google e se eu alterar um dia vai alterar no seu site tb =D
Bom dia pessoal,
Fiz aqui e apareceu certinho, porem o campo da pagina do face acaba cobrindo um pedaço da imagem.
Sabem como posso corrigir isso aqui?
www.lecarimportados.com.br
Abrassss
Meirim
Novembro 28, 2016, 1:31pm
6
Tenta esse código:
/*RODAPE*/
/*Arrumar Barra Rodapé*/
#rodape .institucional{
background-image:none;
padding-bottom: 60px;
}
/*Alinhar Rede Social*/
#rodape .redes-sociais {
top: 5.6pt;
}
/*Borda Rede Social*/
#rodape .redes-sociais.borda-principal {
background: none !important;
box-shadow:none;
/*position:relative;*/
}
.gateways-rodape {
background: none;
border:0px;
Depois só ir alterando os valores das margens se ficar pequeno ou grande.
1 curtida
jane
Novembro 28, 2016, 1:59pm
7
Olá Lecar_Importados, como vc conseguiu diminuir o campo da página do face?
Com esse código acima que o @Meirim mandou.
Agora só estou tentando fazer aparecer escrito o SOCIAL como ficava antes em cima do facebook.
Alias se souber e puder me ajudar @Meirim . kkkkk
Abrassss
jane
Novembro 28, 2016, 2:03pm
9
EU troquei o código e coloquei esse ai mas não aconteceu nada nem ficou com aquelas letras verdes nem nada.
jane
Novembro 28, 2016, 2:10pm
11
kkkkk, pensei que era no HTML. Obrigado Lecar_Importados
Meirim
Novembro 28, 2016, 2:13pm
12
Ta na mão amigo:
.institucional .redes-sociais .titulo {
color: #fff ;
}
Coloca a cor que vc deseja =)
Meirim
Novembro 28, 2016, 2:15pm
13
@Lecar_Importados só uma observação, aumenta no padding-bottom: 60px; pra 80px; que deve ficar perfeito ^^
@Meirim Obrigado pela dica do tamanho deu certinho.
Mas acredita que o texto ainda não consegui fazer aparecer.kkkkk
Em que pedaço do código coloco essas linhas?
.institucional .redes-sociais .titulo {
color: #fffafa ;
}
Meirim
Novembro 28, 2016, 2:53pm
15
Código via CSS
.institucional .redes-sociais .titulo {
color: #fff;
}
Agora deu certo, estava sem o #rodape
Ai dava erro quando colocava ele lá.
Veja se está bom por favor.
Meirim
Novembro 28, 2016, 3:02pm
17
Ficou top hahahah, tudo alinhadinho, perfeito ^^
Só muda as imagens depois, pois essas estão hospedadas na minha página do google, ai se eu alterar vc fica sem =)
Prontinho @Meirim imagens trocadas.
Muito obrigado pela parça.
1 curtida
Lads
Março 20, 2017, 9:55pm
19
boa noite!!!
como coloco aqueles icones do caminhãozinho de frete, formas de pagamento, site seguro abaixo do menu superior ou do full banner?
Aguardo resposta e obrigado.
Olá @Meirim !!! tudo bem??
Coloquei o código que você passou
.pagamento-selos #span4-envios ul li {
display: inline-block;
margin: 0 10px 20px 0;
}
.pagamento-selos #span4-envios ul li img {
width: 100px;
}
body.pagina-carrinho #span4-envios {
display: none
}
Formas de Envio
<li><img src="https://cdn.awsli.com.br/20/20565/arquivos/Correios.png"></li>
<li><img src="https://sites.google.com/site/imagensrmb/sedex.png"></li>
<li><img src="https://sites.google.com/site/imagensrmb/pac.png"></li>
Só que eu gostaria que ficasse o logo dos Correios centralizado e embaixo o do Sedex e PAC.
Como eu faço??