Você não está conectado. Conecte-se ou registre-se

Editar Código Widget

Ir em baixo  Mensagem [Página 1 de 1]

1 Editar Código Widget em Qua Fev 11, 2015 1:25 pm

Júnior Duarte

avatar
Membro elite

  • Descrição:
E aí galera, estou ai denovo pra pedir aquela ajuda heheheh.
Preciso editar um código que uso no Fórum, não tenho conhecimento na área então peço ajuda a vocês.
Atualmente utilizo esse código em um widget:

[Somente administradores podem ver este link]

Ele fica dessa maneira:
[Somente administradores podem ver esta imagem]
Gostaria de adicionar essa linha:
[Somente administradores podem ver esta imagem]
De modo que ele fique assim:
[Somente administradores podem ver esta imagem]
Segue o link que quero no botão confirme:
[Somente administradores podem ver este link]

Agradeço a ajudar quem puder.


OBS: O botão de inserir o código aqui no Formulário não está pegando.
  • Informações:
Fórum:[Somente administradores podem ver este link]Versão:PUNBB
Tipo:Pedido de códigoTags:Editar,Código,Widget

Ver perfil do usuário

2 Re: Editar Código Widget em Qua Fev 11, 2015 3:02 pm

waghcwb

avatar
Membro elite

Olá,

Troque o código por este
Código:
<div class="ipsSideBlock">



    <div class="_sbcollapsable">



        <div class="ipsPad_half">



            <center>

                Você é o motivo do Fórum existir, Ajude-nos!

            </center>



        </div>



        <form method="post" action="https://pagseguro.uol.com.br/checkout/v2/donation.html">



            <!--                      NÃO EDITE OS COMANDOS DAS LINHAS ABAIXO                      -->
            <input type="hidden" name="currency" value="BRL" />
            <input type="hidden" name="receiverEmail" value="junior.ljd@gmail.com" />

            <div class="ipsPad_half">



                <p title="R$  60,00 de R$  100,00 Valor Recebido." class="progress_bar">

                    <span style="width: 60%">60%</span>

                </p>

                <span class="ipsType_smaller desc lighter">60% do valor completo.</span>
                <br />
                <br />
                <style type="text/css">
                    .progress_bar {
                        width: 175px !important;
                        height: 15px !important;
                        background-color: #D5D5D5;
                        border: 1px solid #0A5F22;
                        border-top-color: rgb(10, 95, 34);
                        border-top-style: solid;
                        border-top-width: 1px;
                        border-right-color: rgb(10, 95, 34);
                        border-right-style: solid;
                        border-right-width: 1px;
                        border-bottom-color: rgb(10, 95, 34);
                        border-bottom-style: solid;
                        border-bottom-width: 1px;
                        border-left-color: rgb(10, 95, 34);
                        border-left-style: solid;
                        border-left-width: 1px;
                    }
                    .progress_bar span {
                        height: 100% !important;
                        background-color: rgb(10, 26, 44);
                        background-color: rgb(39, 71, 105);
                        background-color: rgb(40, 72, 105);
                        background-color: rgb(41, 72, 105);
                        background-color: rgb(41, 71, 104);
                        background-color: rgb(41, 71, 104);
                        background-color: rgb(41, 71, 102);
                        background-color: rgb(41, 69, 99);
                        background-color: rgb(41, 69, 99);
                        background: #292A2C url(http://i.imgur.com/g9CyC54.png) repeat-x left 50%;
                        background-image: url(http://i.imgur.com/g9CyC54.png);
                        background-position-x: 0%;
                        background-position-y: 50%;
                        background-size: initial;
                        background-repeat-x: repeat;
                        background-repeat-y: no-repeat;
                        background-attachment: initial;
                        background-origin: initial;
                        background-clip: initial;
                        background-color: rgb(29, 121, 58);
                        color: #D44B4B;
                        font-size: 0em;
                        font-weight: bold;
                        text-align: center;
                        text-indent: -2000em;
                        height: 10px;
                        display: block;
                        background-color: rgb(29, 121, 58);
                    }
                </style>

            </div>

            <select name="amount">

                <option value="5">5</option>



                <option value="10">10</option>





                <option value="15">15</option>





                <option value="20">20</option>





                <option value="25">25</option>





                <option value="30">30</option>





                <option value="35">35</option>





                <option value="40">40</option>





                <option value="45">45</option>





                <option value="50">50</option>





                <option value="55">55</option>





                <option value="60">60</option>





                <option value="65">65</option>





                <option value="75">75</option>





                <option value="80">80</option>





                <option value="85">85</option>





                <option value="90">90</option>





                <option value="95">95</option>





                <option value="100">100</option>



            </select>
            <select name="currency_code">



                <option value="REAL">REAL</option>





            </select>
            <input value="Doe" class="input_submit" name="submit" type="submit" />

        </form>



    </div>

    <div style="padding:5px;">Já fez sua doação? <a href="/h10" class="input_submit">Confirme</a></div>

</div>

Procure por isso no seu CSS
Código:
input[type="button"], input[type="reset"], input[type="submit"]

E troque por isso
Código:
input[type="button"], input[type="reset"], input[type="submit"], input_submit

Faça os testes e nos retorne cheers



"May the force be with you, young grasshopper!"

[Somente administradores podem ver esta imagem][Somente administradores podem ver esta imagem]


Não há assuntos pouco interessantes; apenas há pessoas pouco interessadas.
Ver perfil do usuário

3 Re: Editar Código Widget em Qua Fev 11, 2015 4:32 pm

Júnior Duarte

avatar
Membro elite

Olá amigo, fiz oq sugeriu porem não ficou um botão no Confirme e sim apenas um link segue.

[Somente administradores podem ver esta imagem]

Ver perfil do usuário

4 Re: Editar Código Widget em Qua Fev 11, 2015 5:14 pm

waghcwb

avatar
Membro elite

Nessa parte do que pedi para fazer, qual código aparece?

Código:
input[type="button"], input[type="reset"], input[type="submit"]

Quando você procura por isso ai...



"May the force be with you, young grasshopper!"

[Somente administradores podem ver esta imagem][Somente administradores podem ver esta imagem]


Não há assuntos pouco interessantes; apenas há pessoas pouco interessadas.
Ver perfil do usuário

5 Re: Editar Código Widget em Qua Fev 11, 2015 5:21 pm

Júnior Duarte

avatar
Membro elite

Aparecia exatamente igual, mas já alterei no css para o qual vc pediu.

Ver perfil do usuário

6 Re: Editar Código Widget em Qua Fev 11, 2015 5:23 pm

Cepheus

avatar
Membro elite

Procure por isso no seu css:
Código:
input[type="button"], input[type="reset"], input[type="submit"], input_submit

troque por:

Código:
input[type="button"], input[type="reset"], input[type="submit"], .input_submit

Caso o texto não fique branco adicione essa linha no css:
Código:
.input_submit a{color:#fff!important}



Gostou? não esqueça de Reputar! Suporte Forumeiros Aqui!
Ver perfil do usuário

7 Re: Editar Código Widget em Qua Fev 11, 2015 5:44 pm

Júnior Duarte

avatar
Membro elite

Obrigado cara, soluciona porem não ficou branco o texto mesmo add no CSS o codigo passado.

Ver perfil do usuário

8 Re: Editar Código Widget em Qua Fev 11, 2015 6:18 pm

Cepheus

avatar
Membro elite

Adicione no seu css:

Código:
a.input_submit{color:#fff!important}



Gostou? não esqueça de Reputar! Suporte Forumeiros Aqui!
Ver perfil do usuário

9 Re: Editar Código Widget em Qua Fev 11, 2015 6:34 pm

Júnior Duarte

avatar
Membro elite

Resolvido, [Somente administradores podem ver este link] muito obrigado, como sempre digo tu é o cara!

[Somente administradores podem ver este link] obrigado pela força também amigo. Vcs são demais.

Ver perfil do usuário

Conteúdo patrocinado


Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum