Respostas no Fórum

Visualizando 15 respostas - 1 até 15 (de um total de 29)
  • Fórum: Temas
    Em resposta a: Chamada jquery

    Olá 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 sites

    Alguém tem uma solução ou dica?

    Fórum: Plugins
    Em resposta a: Estilizar Contact Form 7

    Veja 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 7

    O 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.png

    Obs.: 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 Twitter

    Olá @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 7

    Amigo, 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 7

    Pra 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 7

    Na 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-label

    Fórum: Plugins
    Em resposta a: Estilizar Contact Form 7

    Genneral 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.

    Olá 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 7

    Genneral, 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 7

    Nada 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 sites

    Alguém tem alguma idéia de como fazer isso? 🙁

    Fórum: Plugins
    Em resposta a: Editar Plugin

    Que bom que deu certo pra ti. 🙂

Visualizando 15 respostas - 1 até 15 (de um total de 29)