Adicionar rodapé personalizado

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

Resolvido Adicionar rodapé personalizado

Mensagem por Uatyla em 03/07/15, 06:20 pm

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.


Link da imagem: http://postimg.org/image/grqtbjti1/


Gostaria que essa função fique aqui.


Última edição por Uatyla em 08/07/15, 09:02 pm, editado 3 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Fraise em 03/07/15, 07:05 pm

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!
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Rafael em 03/07/15, 07:12 pm

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'
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla em 03/07/15, 07:14 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Troubleshoot em 03/07/15, 07:24 pm

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, 07:28 pm, editado 1 vez(es)
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2202
Pontos Ativos : 2947

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Fraise em 03/07/15, 07:26 pm

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!
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla em 03/07/15, 07:49 pm

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!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Troubleshoot em 03/07/15, 08:39 pm

@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
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2202
Pontos Ativos : 2947

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla em 03/07/15, 09:02 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Troubleshoot em 03/07/15, 09:31 pm

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

avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2202
Pontos Ativos : 2947

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla em 03/07/15, 09:59 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Troubleshoot em 04/07/15, 10:06 am

@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
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2202
Pontos Ativos : 2947

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla em 04/07/15, 04:56 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Rafael em 04/07/15, 06:01 pm

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é
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla em 04/07/15, 11:43 pm

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?
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Rafael em 05/07/15, 02:30 pm

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
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla em 05/07/15, 03:37 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Rafael em 05/07/15, 03:41 pm

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
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla em 05/07/15, 08:55 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Sennior em 06/07/15, 03:03 pm

Saudações,

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

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Uatyla em 08/07/15, 09:02 pm

Resolvido!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Adicionar rodapé personalizado

Mensagem por Rafael em 09/07/15, 06:26 am

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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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