Adicionar rodapé personalizado

5 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Adicionar rodapé personalizado

Mensagem por Uatyla 03.07.15 22:20

Olá a todos!

Caros colegas, gostaria de saber si é possível adicionar uma função semelhante a dessa imagem (baixo), no rodapé do fórum? No lugar Contacte o nosso e-mail gostaria de por o nosso banner.

Adicionar rodapé personalizado Vida_de_aquarista_00001
Link da imagem: http://postimg.org/image/grqtbjti1/


Gostaria que essa função fique aqui.
Adicionar rodapé personalizado Aqui


Última edição por Uatyla em 09.07.15 1:02, editado 3 vez(es)
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Fraise 03.07.15 23:05

Olá!

Aceda a:
Painel de Controle ->> Visualização ->> Cores ->> Folha de estilo CSS
Adicione o seguinte código.
#page-footer {
background-image: url('Link da imagem');
background-position: center bottom;
background-repeat: no-repeat;
padding-bottom: 415px !important;
padding-top: 0 !important;
}

No local a vermelho deverá colocar o link da imagem desejada.

Cumprimentos!
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por RafaelS. 03.07.15 23:12

Olá,

@Uatyla, poderia nos dizer onde viu tal efeito, e nos fornecer o seu template overall_footer_end?

Atenciosamente,
iChees Café

Tópico movido de 'Questões sobre HTML & BBCode' para 'Questões sobre a aparência do fórum'
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla 03.07.15 23:14

Bom vi nesse site que por ventura tem o mesmo nome do meu fórum. Em choque
http://vidadeaquarista.blogspot.com.br/



Código:
 <!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
    <div>
        <div>
            <div>
                <div>
                    <div>
                        <div>
                            <ul>
                                <li>
<!-- END html_validation -->
                                </li>
                            </ul>
                            <!-- BEGIN switch_footer_links -->
                            <ul class="linklist clearfix">
                                <li class="rightside">
                                    <!-- BEGIN footer_link -->
                                        <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                                        {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                                    <!-- END footer_link -->
                                </li>
                            </ul>
                            <!-- END switch_footer_links -->
                            <span class="corners-bottom"><span></span></span>
                        </div>
                    </div>
                    <p class="copyright">
                        <strong>{ADMIN_LINK}</strong>
                    </p>
                </div>
                {PROTECT_FOOTER}
            </div>
        </div>
    </div>
</div>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
    if ($('a#logout'))
    {
        var lien_redir = $('a#logout').attr('href');

        if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
        {
            document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
        }
    }
});

$(document).ready( function() {
    $('a#logout').click( function() {
        FB.logout();
    } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
    fa_endpage();
//]]>
</script>
</body>
</html>
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Troubleshoot 03.07.15 23:24

Boa noite @Uatyla,

Fiz as modicações no código de acordo com o seu pedido. Apenas preciso que me forneça o seu template overall_footer_end.

Para o campo "Assine a nosso Email" funcionar corretamente, será necessário um cadastro no feedburner. Caso seja necessário, estarei lhe auxiliando via mp.


Até mais.Feliz


Última edição por Troubleshoot em 03.07.15 23:28, editado 1 vez(es)
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Fraise 03.07.15 23:26

Olá!

Aqui está o código que o senhor pediu, adicione a seu overall_footer_end.
Código:
<div id='subscribers'>
<div id='catalog1'>
<h3>Assine a nosso Email</h3>
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=Seu-feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input id='subbox' name='email' onblur='if ( this.value == '' ) { this.value = 'Digite seu e-mail...'; }' onfocus='if ( this.value == 'Digite seu e-mail...') { this.value = ''; }' type='text' value='Digite seu e-mail...'/>
<input name='uri' type='hidden' value='nome-do-seu-feed'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='subbutton' type='submit' value='Enviar!'/>
</form>
</div>
<div id='catalog2'>
<h3>Contacte o nosso Email</h3>
<p>Email : Support@teste.com</p>
</div>
<div id='catalog3'>
<h3>Nossos Membros da equipe</h3>
<ul class='teammembers'>
<li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li>
<li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li>
<li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li>
<li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li>
</ul>
</div>
</div>

Cumprimentos!
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla 03.07.15 23:49

BossAC escreveu:Olá!

Aqui está o código que o senhor pediu, adicione a seu overall_footer_end.
Código:
<div id='subscribers'>
<div id='catalog1'>
<h3>Assine a nosso Email</h3>
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=Seu-feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input id='subbox' name='email' onblur='if ( this.value == '' ) { this.value = 'Digite seu e-mail...'; }' onfocus='if ( this.value == 'Digite seu e-mail...') { this.value = ''; }' type='text' value='Digite seu e-mail...'/>
<input name='uri' type='hidden' value='nome-do-seu-feed'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='subbutton' type='submit' value='Enviar!'/>
</form>
</div>
<div id='catalog2'>
<h3>Contacte o nosso Email</h3>
<p>Email : Support@teste.com</p>
</div>
<div id='catalog3'>
<h3>Nossos Membros da equipe</h3>
<ul class='teammembers'>
<li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li>
<li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li>
<li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li>
<li><img src='http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png'/></li>
</ul>
</div>
</div>

Cumprimentos!

Adiciono em qual parte do código?

@edite
Adicionei esse código e ficou bugado!
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Troubleshoot 04.07.15 0:39

@Uatyla,
Altere o seu template overall_footer_end por este:
Código:

 <!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
    <div>
        <div>
            <div>
                <div>
                    <div>
                        <div>
                            <ul>
                                <li>
<!-- END html_validation -->
                                </li>
                            </ul>
                            <!-- BEGIN switch_footer_links -->
                            <ul class="linklist clearfix">
                                <li class="rightside">
                                    <!-- BEGIN footer_link -->
                                        <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                                        {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                                    <!-- END footer_link -->
                                </li>
                            </ul>
                            <!-- END switch_footer_links -->
                            <span class="corners-bottom"><span></span></span>
                        </div>

                    </div>
<div id="subscribers">
<div id="catalog1">
<h3>Assine a nosso Email</h3>
<form action="http://feedburner.google.com/fb/a/mailverify" id="subscribe" method="post" onsubmit="window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=Seu-feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input id="subbox" name="email" onblur="if ( this.value == '' ) { this.value = 'Digite seu e-mail...'; }" onfocus="if ( this.value == 'Digite seu e-mail...') { this.value = ''; }" type="text" value="Digite seu e-mail...">
<input name="uri" type="hidden" value="nome-do-seu-feed">
<input name="loc" type="hidden" value="en_US">
<input id="subbutton" type="submit" value="Enviar!"></form>
</div>
<div id="catalog2">
<img src="http://cdn.img42.com/1b7c03cdce656132320d67cc4a3b020e.gif">

</div>
<div id="catalog3">
<h3>Nossos Membros da equipe</h3>
<ul class="teammembers">
<li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
<li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
<li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
<li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
</ul>
</div>
</div>
  <style>
    #subscribers h3 {
padding: 10px;
margin: 0px;
font-weight: 600;
padding-left:0px;
}
#catalog3 {
float: left;
margin-left: 20px;
padding-right: 20px;
height: 100px;}
#catalog2 {
float: left;
margin-left: 20px;
padding-right: 20px;
border-right: 1px solid #d2d2d2;
height: 100px;
}
#catalog1 {
float: left;
padding-right: 20px;
border-right: 1px solid #d2d2d2;
height: 100px;
}
#subscribers {
height: 100px;
width: auto;
padding: 20px;
background: #fff;
margin-bottom: 30px;
border-top: 5px solid #0091d6;
border-bottom: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
}
#subbox {
padding: 10px;
border: 1px solid #D2D2D3;
color: #d2d2d2;
}
#subbutton {
padding: 10px;
color: #fff;
font-weight: 800;
background: #0091d6;
}
    div#catalog2 img {
  width: 241px;
  height: 100px;
    }
  .teammembers { padding: 0px; margin: 0px; }
    ul.teammembers li img { height: 60px;
width: 63px;
border-radius: 50%;
-moz-border-radius: 50%;}
ul.teammembers li {
display: block;
padding: 0px;
margin: 0px;
float: left;
margin-right: 22px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
ul.teammembers li img:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);}
.post-body h2 {
font-size: 30px;
font-weight: 600;
color: #0091d6;
margin: 0px;
line-height: 35px;
}
</style>
                    <p class="copyright">
                        <strong>{ADMIN_LINK}</strong>
                    </p>
                </div>
                {PROTECT_FOOTER}
            </div>
        </div>
    </div>
</div>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
    if ($('a#logout'))
    {
        var lien_redir = $('a#logout').attr('href');

        if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
        {
            document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
        }
    }
});

$(document).ready( function() {
    $('a#logout').click( function() {
        FB.logout();
    } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
    fa_endpage();
//]]>
</script>
</body>
</html>
Alguma modificação?


Até mais.Piscada
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla 04.07.15 1:02

Me perdoe a ignorância, mais como adiciono o "feed de notícia", eu vi que tem que alterar algo nesse endereço (http://feedburner.google.com/fb/a/mailverify?uri=Seu-feed).
Ah como coloco a imagem no tamanho correto, e por um link nela.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Troubleshoot 04.07.15 1:31

Para alterar o tamanho da imagem procure no template div#catalog2 img e faça as modificações

div#catalog2 img {
width:100px;  | Largura
height:100px; |  Altura
}

Para o campo "Assine a nosso Email" funcionar corretamente, será necessário um cadastro no feedburner. Caso seja necessário, estarei lhe auxiliando via mp.


Feliz

Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla 04.07.15 1:59

Bom está ficando tóp!
Eu só queria aumentar o tamanho do campo no qual digita o e-mail, e si é possível que as imagens dos membros da equipe fiquem colorida?

Ah vou precisar do auxilio sim, sobre assinar por e-mail.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Troubleshoot 04.07.15 14:06

@Uatyla
Altere o código do template que lhe passei por este:
Código:

<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
    <div>
        <div>
            <div>
                <div>
                    <div>
                        <div>
                            <ul>
                                <li>
<!-- END html_validation -->
                                </li>
                            </ul>
                            <!-- BEGIN switch_footer_links -->
                            <ul class="linklist clearfix">
                                <li class="rightside">
                                    <!-- BEGIN footer_link -->
                                        <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                                        {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                                    <!-- END footer_link -->
                                </li>
                            </ul>
                            <!-- END switch_footer_links -->
                            <span class="corners-bottom"><span></span></span>
                        </div>

                    </div>
<div id="subscribers">
<div id="catalog1">
<h3>Assine a nosso Email</h3>
<form action="http://feedburner.google.com/fb/a/mailverify" id="subscribe" method="post" onsubmit="window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=Seu-feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input id="subbox" name="email" onblur="if ( this.value == '' ) { this.value = 'Digite seu e-mail...'; }" onfocus="if ( this.value == 'Digite seu e-mail...') { this.value = ''; }" type="text" value="Digite seu e-mail...">
<input name="uri" type="hidden" value="nome-do-seu-feed">
<input name="loc" type="hidden" value="en_US">
<input id="subbutton" type="submit" value="Enviar!"></form>
</div>
<div id="catalog2">
<img src="http://cdn.img42.com/1b7c03cdce656132320d67cc4a3b020e.gif">

</div>
<div id="catalog3">
<h3>Nossos Membros da equipe</h3>
<ul class="teammembers">
<li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
<li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
<li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
<li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
</ul>
</div>
</div>
  <style>
    #subscribers h3 {
padding: 10px;
margin: 0px;
font-weight: 600;
padding-left:0px;
}
#catalog3 {
float: left;
margin-left: 20px;
padding-right: 20px;
height: 100px;}
#catalog2 {
float: left;
margin-left: 20px;
padding-right: 20px;
border-right: 1px solid #d2d2d2;
height: 100px;
}
#catalog1 {
float: left;
padding-right: 20px;
border-right: 1px solid #d2d2d2;
height: 100px;
}
#subscribers {
height: 100px;
width: auto;
padding: 20px;
background: #fff;
margin-bottom: 30px;
border-top: 5px solid #0091d6;
border-bottom: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
}
#subbox {
  padding: 10px;
  border: 1px solid #D2D2D3;
  color: #0493DB;
  width: 62%!important;
}
#subbutton {
padding: 10px;
color: #fff;
font-weight: 800;
background: #0091d6;
}
    div#catalog2 img {
  width: 241px;
  height: 100px;
    }
  .teammembers { padding: 0px; margin: 0px; }
    ul.teammembers li img { height: 60px;
width: 63px;
border-radius: 50%;
-moz-border-radius: 50%;}
ul.teammembers li {
display: block;
padding: 0px;
margin: 0px;
float: left;
margin-right: 22px;
}
.post-body h2 {
font-size: 30px;
font-weight: 600;
color: #0091d6;
margin: 0px;
line-height: 35px;
}
</style>
                    <p class="copyright">
                        <strong>{ADMIN_LINK}</strong>
                    </p>
                </div>
                {PROTECT_FOOTER}
            </div>
        </div>
    </div>
</div>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
    if ($('a#logout'))
    {
        var lien_redir = $('a#logout').attr('href');

        if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
        {
            document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
        }
    }
});

$(document).ready( function() {
    $('a#logout').click( function() {
        FB.logout();
    } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
    fa_endpage();
//]]>
</script>
</body>
</html>
Em breve estarei enviando, via mp, um tutorial para o funcionamento correto do campo 'ASSINE A NOSSO EMAIL'.

Até mais. Feliz
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla 04.07.15 20:56

O campo onde digita o e-mail ficou menor srsrrs
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por RafaelS. 04.07.15 22:01

Olá @Uatyla!

Troque o template acima por este:

Código:

    <!-- BEGIN html_validation -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <body>
    <div>
        <div>
            <div>
                <div>
                    <div>
                        <div>
                            <div>
                                <ul>
                                    <li>
    <!-- END html_validation -->
                                    </li>
                                </ul>
                                <!-- BEGIN switch_footer_links -->
                                <ul class="linklist clearfix">
                                    <li class="rightside">
                                        <!-- BEGIN footer_link -->
                                            <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                                            {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                                        <!-- END footer_link -->
                                    </li>
                                </ul>
                                <!-- END switch_footer_links -->
                                <span class="corners-bottom"><span></span></span>
                            </div>

                        </div>
    <div id="subscribers">
    <div id="catalog1">
    <h3>Assine a nosso Email</h3>
    <form action="http://feedburner.google.com/fb/a/mailverify" id="subscribe" method="post" onsubmit="window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=Seu-feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
    <input id="subbox" name="email" onblur="if ( this.value == '' ) { this.value = 'Digite seu e-mail...'; }" onfocus="if ( this.value == 'Digite seu e-mail...') { this.value = ''; }" type="text" value="Digite seu e-mail...">
    <input name="uri" type="hidden" value="nome-do-seu-feed">
    <input name="loc" type="hidden" value="en_US">
    <input id="subbutton" type="submit" value="Enviar!"></form>
    </div>
    <div id="catalog2">
    <img src="http://cdn.img42.com/1b7c03cdce656132320d67cc4a3b020e.gif">

    </div>
    <div id="catalog3">
    <h3>Nossos Membros da equipe</h3>
    <ul class="teammembers">
    <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
    <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
    <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
    <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
    </ul>
    </div>
    </div>
      <style>
        #subscribers h3 {
    padding: 10px;
    margin: 0px;
    font-weight: 600;
    padding-left:0px;
    }
    #catalog3 {
    float: left;
    margin-left: 20px;
    padding-right: 20px;
    height: 100px;}
    #catalog2 {
    float: left;
    margin-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #d2d2d2;
    height: 100px;
    }
    #catalog1 {
    float: left;
    border-right: 1px solid #D2D2D2;
    height: 100px;
    width: 545px;
}
    #subscribers {
    height: 100px;
    width: auto;
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
    border-top: 5px solid #0091d6;
    border-bottom: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    }
#subscribers #catalog1 #subscribe {
    width: 700px;
}
    #subbox {
      padding: 10px;
      border: 1px solid #D2D2D3;
      color: #0493DB;
      width: 62%!important;
    }
    #subbutton {
    padding: 10px;
    color: #fff;
    font-weight: 800;
    background: #0091d6;
    }
        div#catalog2 img {
      width: 241px;
      height: 100px;
        }
      .teammembers { padding: 0px; margin: 0px; }
        ul.teammembers li img { height: 60px;
    width: 63px;
    border-radius: 50%;
    -moz-border-radius: 50%;}
    ul.teammembers li {
    display: block;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-right: 22px;
    }
    .post-body h2 {
    font-size: 30px;
    font-weight: 600;
    color: #0091d6;
    margin: 0px;
    line-height: 35px;
    }
    </style>
                        <p class="copyright">
                            <strong>{ADMIN_LINK}</strong>
                        </p>
                    </div>
                    {PROTECT_FOOTER}
                </div>
            </div>
        </div>
    </div>

    <!-- BEGIN switch_facebook_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
        FB.init({
          appId      : {switch_facebook_login.FACEBOOK_APP_ID},
          cookie    : true,
          xfbml      : true,
          oauth      : true,
          version    : 'v2.3'
        });

      (function(d, s, id){
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {return;}
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
    <!-- END switch_facebook_login -->

    <!-- BEGIN switch_facebook_logout_TMP -->
    <script type="text/javascript">
    //<![CDATA[
    FB.Event.subscribe('auth.logout', function(response) {
        if ($('a#logout'))
        {
            var lien_redir = $('a#logout').attr('href');

            if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
            {
                document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
            }
        }
    });

    $(document).ready( function() {
        $('a#logout').click( function() {
            FB.logout();
        } );
    } );
    //]]>
    </script>
    <!-- END switch_facebook_logout_TMP -->

    <script type="text/javascript">
    //<![CDATA[
        fa_endpage();
    //]]>
    </script>
    </body>
    </html>

Atenciosamente,
iChees Café
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla 05.07.15 3:43

iChees escreveu:Olá @Uatyla!

Troque o template acima por este:

Código:

    <!-- BEGIN html_validation -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <body>
    <div>
        <div>
            <div>
                <div>
                    <div>
                        <div>
                            <div>
                                <ul>
                                    <li>
    <!-- END html_validation -->
                                    </li>
                                </ul>
                                <!-- BEGIN switch_footer_links -->
                                <ul class="linklist clearfix">
                                    <li class="rightside">
                                        <!-- BEGIN footer_link -->
                                            <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                                            {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                                        <!-- END footer_link -->
                                    </li>
                                </ul>
                                <!-- END switch_footer_links -->
                                <span class="corners-bottom"><span></span></span>
                            </div>

                        </div>
    <div id="subscribers">
    <div id="catalog1">
    <h3>Assine a nosso Email</h3>
    <form action="http://feedburner.google.com/fb/a/mailverify" id="subscribe" method="post" onsubmit="window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=Seu-feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
    <input id="subbox" name="email" onblur="if ( this.value == '' ) { this.value = 'Digite seu e-mail...'; }" onfocus="if ( this.value == 'Digite seu e-mail...') { this.value = ''; }" type="text" value="Digite seu e-mail...">
    <input name="uri" type="hidden" value="nome-do-seu-feed">
    <input name="loc" type="hidden" value="en_US">
    <input id="subbutton" type="submit" value="Enviar!"></form>
    </div>
    <div id="catalog2">
    <img src="http://cdn.img42.com/1b7c03cdce656132320d67cc4a3b020e.gif">

    </div>
    <div id="catalog3">
    <h3>Nossos Membros da equipe</h3>
    <ul class="teammembers">
    <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
    <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
    <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
    <li><img src="http://2.bp.blogspot.com/-VqeX6qivkuc/UbXJLWFig-I/AAAAAAAABY4/dl0fHk1qih0/s1600/NEWAVatar.png"></li>
    </ul>
    </div>
    </div>
      <style>
        #subscribers h3 {
    padding: 10px;
    margin: 0px;
    font-weight: 600;
    padding-left:0px;
    }
    #catalog3 {
    float: left;
    margin-left: 20px;
    padding-right: 20px;
    height: 100px;}
    #catalog2 {
    float: left;
    margin-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #d2d2d2;
    height: 100px;
    }
    #catalog1 {
    float: left;
    border-right: 1px solid #D2D2D2;
    height: 100px;
    width: 545px;
}
    #subscribers {
    height: 100px;
    width: auto;
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
    border-top: 5px solid #0091d6;
    border-bottom: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    }
#subscribers #catalog1 #subscribe {
    width: 700px;
}
    #subbox {
      padding: 10px;
      border: 1px solid #D2D2D3;
      color: #0493DB;
      width: 62%!important;
    }
    #subbutton {
    padding: 10px;
    color: #fff;
    font-weight: 800;
    background: #0091d6;
    }
        div#catalog2 img {
      width: 241px;
      height: 100px;
        }
      .teammembers { padding: 0px; margin: 0px; }
        ul.teammembers li img { height: 60px;
    width: 63px;
    border-radius: 50%;
    -moz-border-radius: 50%;}
    ul.teammembers li {
    display: block;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-right: 22px;
    }
    .post-body h2 {
    font-size: 30px;
    font-weight: 600;
    color: #0091d6;
    margin: 0px;
    line-height: 35px;
    }
    </style>
                        <p class="copyright">
                            <strong>{ADMIN_LINK}</strong>
                        </p>
                    </div>
                    {PROTECT_FOOTER}
                </div>
            </div>
        </div>
    </div>

    <!-- BEGIN switch_facebook_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
        FB.init({
          appId      : {switch_facebook_login.FACEBOOK_APP_ID},
          cookie    : true,
          xfbml      : true,
          oauth      : true,
          version    : 'v2.3'
        });

      (function(d, s, id){
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {return;}
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
    <!-- END switch_facebook_login -->

    <!-- BEGIN switch_facebook_logout_TMP -->
    <script type="text/javascript">
    //<![CDATA[
    FB.Event.subscribe('auth.logout', function(response) {
        if ($('a#logout'))
        {
            var lien_redir = $('a#logout').attr('href');

            if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
            {
                document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
            }
        }
    });

    $(document).ready( function() {
        $('a#logout').click( function() {
            FB.logout();
        } );
    } );
    //]]>
    </script>
    <!-- END switch_facebook_logout_TMP -->

    <script type="text/javascript">
    //<![CDATA[
        fa_endpage();
    //]]>
    </script>
    </body>
    </html>

Atenciosamente,
iChees Café


Colega ficou muito bom, mais em qual local modifica?
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por RafaelS. 05.07.15 18:30

Olá!

No código encontra este código:

Código:
#subscribers #catalog1 #subscribe {
    width: 700px;
}

Flecha ajudeiros Altere 700, para a largura desejada.

Atenciosamente,
iChees Contente
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla 05.07.15 19:37

Amigo fiz a alteração, porem tem uma linha que não diminui...
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por RafaelS. 05.07.15 19:41

Olá!

Acabei me esquecendo, devemos fazer as alterações em dois locais.

Código:
   #catalog1 {
    float: left;
    border-right: 1px solid #D2D2D2;
    height: 100px;
    width: 545px;
}

width: 545px Flecha ajudeiros Troque 545 para a largura desejada. (Isto interfere apenas na largura da primeira categoria "Assine a nosso Email"

Código:
   #subscribers #catalog1 #subscribe {
        width: 700px;
    }


width: 700px Flecha ajudeiros Interfere na largura do campo

Atenciosamente,
iChees Contente
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla 06.07.15 0:55

Ultimo pedido srsrs,
Tem como centralizar? tipo o fórum tem uma largura máximo e mínima, sendo mínimo 1024 e máximo 1600, deixei os campos compatível com a configuração mínima, e com a largura máxima fica estranho, então si centralizar fica melhor.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Sennior 06.07.15 19:03

Saudações,

Use este código CSS:
Código:
div#subscribers {
  margin-left: 10%!important;
}

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla 09.07.15 1:02

Resolvido!
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar rodapé personalizado

Mensagem por RafaelS. 09.07.15 10:26

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos