gilvancn
Respostas no Fórum
-
Fórum: Temas
Em resposta a: Chamada jqueryOlá Gabriel,
Obrigado por tentar me ajudar.
Era isso que estava tentando fazer, colocar no footer apenas o código a seguir sem a chamada do jquery e o código não estava funcionando quando fazia dessa forma, por isso abrí o tópico.<script type="text/javascript"> $p = jQuery.noConflict(); $p(function () { $p(window).scroll(function () { if ($p(this).scrollTop() > 300) { $p('.elemento').fadeIn(); } else { $p('.elemento').fadeOut(); } }); }); </script>Mais já resolví, o problema todo não era ocasinado pelo código js em sí ou a chamada jquery e sim por causa de um configuração que eu havia feito em um plugin que uso para mostrar as imagens em lightbox, daí tava dando conflito.
Problema resolvido, apenas o código js no footer e tá rodando beleza. \o/
Valeu Gabriel, obrigado. 😉Fórum: Plugins
Em resposta a: Puxar posts de vários sitesAlguém tem uma solução ou dica?
Fórum: Plugins
Em resposta a: Estilizar Contact Form 7Veja o botão que você mencionou com mútipla escolhas, bastou apenas alterar o name como indiquei na (Resposta 14).
Fórum: Plugins
Em resposta a: Estilizar Contact Form 7O clear both impede que a div quebre a borda, aqui tá funcionando perfeitamente, veja os print:
http://i.imgur.com/rkx4CEx.jpg
http://i.imgur.com/e5BEPJD.jpg
Limpe o cache e o histórico do seu navegador que com certeza vai renderizar sem quebra.DETALHE: Você mudou a estrutura das div daí fica complicado te ajudar, coloque a div texto-form dentro da div radiooption_content, se você deixar na estrutura que postei de exemplo (Resposta 8), fica perfeito e vou poder te ajudar mais, se você ficar renomeando as div e mudando-as de lugar aí complica e infelizmente não dá pra te ajudar porque a base da estrutura já está de uma forma diferente.
Veja esses prints de tela inteira como ficou na estrutura que postei de exemplo sa (Resposta 8):
http://i.imgur.com/8DBBKNc.png
http://i.imgur.com/NrwmssR.pngObs.: Não precisa você criar divs como nomes diferente vide radiooption_content_box_a e radiooption_content_box_b, texto-form e texto-form-a, faça como está no modelo (Resposta 8) daí você pode atacar as duas divs ao mesmo tempo.
Use também o botão rádio nas duas divs pra padronizar. Na div das OPCIONAIS é só você fazer como indiquei na (Resposta 14).Fórum: Plugins
Em resposta a: Instalando o WP to TwitterOlá @alberto,
Não conheço esse plugin, mas encontrei um vídeo em inglês e acho que pode te ajudar um pouco.Fórum: Plugins
Em resposta a: Estilizar Contact Form 7Amigo, você pode usar botão radio também pra selecionar várias opções, é só você usar nomes diferentes.
Exemplo:
[radio radio-2101 "Amarelo"] [radio radio-2102 "Prata"] [radio radio-2103 "Laranjado"]Fórum: Plugins
Em resposta a: Estilizar Contact Form 7Pra resolver o problema da borda basta você criar uma div vazia com clear both antes do fechamento de cada div content.
Exemplo:
<div class="radiooption_content"> <div class="texto-form">CORES:</div> <div class="radiooption"><img class="imgradio" src="http://img.bomnegocio.com/thumbs/33/3300658180.jpg" />[radio radio-2101 "Amarelo"]</div> <div class="radiooption"><img class="imgradio" src="http://img.bomnegocio.com/thumbs/32/3292889858.jpg" />[radio radio-2101 "Prata"]</div> <div style="clear:both;"></div> </div>Pelo que ví, você não tá usando o botao exclusivo, ou seja só pode escolher um (pensei que você queria usar dessa forma), sendo assim você pode usar checkbox nas duas contents seguindo o modelo de exemplo que postei.
Fórum: Plugins
Em resposta a: Estilizar Contact Form 7Na minha opinião, acho que fica mais legal assim:
http://jsfiddle.net/nxk9kv0v/2/Abraço, espero ter ajudado! 🙂
Fórum: Plugins
Em resposta a: Estilizar Contact Form 7@genneral, baseado aproximadamente no estilo do seu site (+ classe .imgradio), fiz um formulário do zero no CF7 de exemplo, daí é só você fazer as adaptações necessárias. Segue abaixo o código completo:
Form responsivo e com texto abaixo do botão:
<div class="radiooption_content"> <div class="texto-form">CORES:</div> <div class="radiooption"><img class="imgradio" src="http://img.bomnegocio.com/thumbs/33/3300658180.jpg" />[radio radio-2101 "Amarelo"]</div> <div class="radiooption"><img class="imgradio" src="http://img.bomnegocio.com/thumbs/32/3292889858.jpg" />[radio radio-2101 "Prata"]</div> <div class="radiooption"><img class="imgradio" src="http://img.bomnegocio.com/thumbs/42/4240635269.jpg" />[radio radio-2101 "Laranjado"]</div> <div class="radiooption"><img class="imgradio" src="http://img.bomnegocio.com/thumbs/10/1085445700.jpg" />[radio radio-2101 "Branco"]</div> <div class="radiooption"><img class="imgradio" src="http://img.bomnegocio.com/thumbs/42/4263619218.jpg" />[radio radio-2101 "Preto"]</div> <div class="radiooption"><img class="imgradio" src="http://img.bomnegocio.com/thumbs/42/4287505340.jpg" />[radio radio-2101 "Verde"]</div> </div>Obs.: Não dá pra deixar o formulário responsivo com checkbox exclusiva, tem que ser botão radio.
CSS:
.radiooption_content { border: 1px solid #D8D8D8; margin-bottom: 10px; padding: 10px 10px 20px; width: 93%; } .texto-form { font-size: 16px; margin: 0 0 20px 10px; } .radiooption { float: left; margin: 0 30px 40px; text-align: center; } .wpcf7-list-item.first.last > input { margin-top: 15px; } .imgradio, .wpcf7-list-item-label { display: block; }Veja o resultado aqui: http://jsfiddle.net/ea8wwujk/3/
Se quiser, você pode estilizar o botão, veja essas dicas:
http://stackoverflow.com/questions/18272497/styling-input-radio-with-css
http://stackoverflow.com/questions/4641752/css-how-to-style-a-selected-radio-buttons-labelFórum: Plugins
Em resposta a: Estilizar Contact Form 7Genneral posta o link da página em questão com o CF7 que você quer personalizar, pra mim entender melhor o que você quer mudar e ver se posso te ajudar.
Fórum: Plugins
Em resposta a: Figuras lado a lado e nao uma abaixo da outraOlá bigne14,
De uma forma básica, é só você colocar a classe “videoc” flutuando a esquerda e definir uma margem pra não ficar colado.Exemplo:
.videoc { float: left; margin: 20px; }Espero ter ajudado! 🙂
Fórum: Plugins
Em resposta a: Estilizar Contact Form 7Genneral, mais uma dica pra ti! 🙂
Se você quiser abusar dos testes nas classes css do Contact Form 7 (ou qualquer outra mudança que queira fazer no layout do site) utilize o inspecionar elemento do google chrome e simule as mudanças instantaneamente sem ter que mudar uma vírgula no style.css do tema.
Fórum: Plugins
Em resposta a: Estilizar Contact Form 7Nada que algumas mudanças no css não resolva. 🙂
É aconselhável que você ative um tema filho para fazer as alterações a seguir, porque se alterar algo direto no style.css do tema e houver uma atualização do mesmo você irá perder todas as modificações feitas.Aumentar a margem entre os forms:
.wpcf7-form-control { margin-bottom: 20px; }Mude o valor “20px” de acordo com o seu gosto.
Aumentar a margem nos forms em vários lados:
.wpcf7-form-control { margin: 5px 10px 20px 0; }Aumentar o tamanho dos forms:
.wpcf7-form-control { padding: 10px; }Estes são alguns exemplos de como estilizar seu Contact Form 7. Muitas outras mudanças podem serem feitas se você tiver conhecimento em css.
Para se encaixar perfeitamente em dispositivos móveis vai depender se seu tema é responsivo ou não.
Se for responsivo, é só você fazer as mudanças na classe wpcf7-form-control de acordo com as media queries do seu tema.Espero ter ajudado!
Fórum: Plugins
Em resposta a: Puxar posts de vários sitesAlguém tem alguma idéia de como fazer isso? 🙁
Fórum: Plugins
Em resposta a: Editar PluginQue bom que deu certo pra ti. 🙂
