Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Construção de Header
Hoje à(s) 09:01 pm por IsmaelS.

» Mostrar usuário do post
Hoje à(s) 09:00 pm por rlmac

» Mudar caixas de usuários online, grupos e aniversariantes
Hoje à(s) 08:46 pm por William_iHarDz

» Retirar Fundo
Hoje à(s) 07:59 pm por [K]oke

» #10596 Comprar domínio antigo
Hoje à(s) 07:48 pm por Shek

» Personalizar Perfil de conquistas
Hoje à(s) 07:47 pm por Harleen

» Imagem do perfil com problema
Hoje à(s) 07:45 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
266 usuários online :: 9 usuários cadastrados, 1 Invisível e 256 Visitantes :: 2 Motores de busca

idarkdg, IsmaelS., Ketholy123, Kyko, Lily Vendramini, Luiz, odelgado, rlmac, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Ajustar footer personalizado

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

Resolvido Ajustar footer personalizado

Mensagem por IsmaelS. em 17/12/15, 07:16 pm

Detalhes da questão


Endereço do fórum: http://zonagrafica.forumeiro.com/
Versão do fórum: PunBB

Descrição


Bem eu estou a utilizar um footer personalizado só que queria nos títulos colocar um sublinhado e um ícone .CSS como este:
- http: http://www.somosmugiwara.com/forum

Depois queria fazer como o da FdF queria colocar as "Informações Adicionais" também, ou seja colocar lá o que diz "Forumeiros.com | © PunBB | Fórum grátis de ajuda | Estatísticas | Fale conosco | Assinalar uma queixa"

Por fim coloquei um botão de voltar ao topo mas ficou afastado do footer, seria possível colocar o footer mais para cima junto ao botão?

overall_footer_end:
- http: http://pastebin.com/Rn9503w5

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2772
Pontos Ativos : 3869

http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por RafaelS. em 18/12/15, 04:59 am

Olá!

Troque 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>
                        <ul>
                            <li>
<!-- END html_validation -->
                            </li>
                        </ul>
                        <!-- BEGIN switch_footer_links -->
                        <ul>
                            <li>
                                <!-- 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 -->
                    </div>
                    <br />
                    <p class="center">
                        <strong>{ADMIN_LINK}</strong>
                    </p>
                </div>
                {PROTECT_FOOTER}
            </div>
        </div>
    </div>
<div id="back-top"><a href="#"><img src="http://i36.servimg.com/u/f36/11/96/49/61/backto10.png"></a></div>
  </div>
<div id='subscribers'>
<div class="num1" id='catalog1'>
<h3>SOBRE NÓS</h3>
<p><font color="#A3AAAE">Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
  Texto,Texto,Texto,Texto,Texto,Texto,</font></p>
</div>
<div class="num2" id='catalog2'>
<h3>REDES SOCIAIS</h3>
  <font color="#A3AAAE"><p>FACEBOOK<p><br><p>TWITTER</p></font>
</div>
<div class="num3" id='catalog3'>
<h3>LINKS ÚTEIS</h3>
  <font color="#A3AAAE">Regulamento Geral<br>Equipa de Modearação<br>Notícias e Anúncios<br>Apresentações</font>
</div>
<div class="num4" id='catalog2'>
<h3>CRÉDITOS</h3>
<font color="#A3AAAE"><p>Este tema foi construído pelo WEBGRAFIC<br>
com a utilização de alguns utilitários dos<br>
fóruns WEBTOOLS e WASD a cópia total ou<br>
  parcial de qualquer conteúdo do fórum é proíbida.</p></font>
</div>
<div class="num5" id='catalog2'>
<h3>INFORMAÇÕES ADICIONAIS</h3>
<font color="#A3AAAE"><p>Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
  Texto,Texto,Texto,Texto,Texto,Texto,</p></font>
</div>
 
</div>
  <style>
  .num1 h3::before {
    content: " ";
    font-family: "fontawesome";
}
.num2 h3::before {
    content: " ";
    font-family: "fontawesome";
}
.num3 h3::before {
    content: " ";
    font-family: "fontawesome";
}
.num4 h3::before {
    content: " ";
    font-family: "fontawesome";
}
.num5 h3::before {
    content: " ";
    font-family: "fontawesome";
}
body #back-top{
top: 23px !important;
}
#subscribers h3 {
    padding: 10px 10px 0px 0px;
    color: #C3C3C3;
    display: block;
    font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    border-bottom: 5px solid;
    margin-bottom: 5px;
}
 
#catalog3 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;}
#catalog2 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;
}
#catalog1 {
float: left;
padding-right: 50px;
height: 100px;
}
#subscribers {
    height: 100px;
    width: auto;
    padding: 20px;
    background: #2A2C33;
    border-top: 3px solid #D69200;
}
#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>
<!-- 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.
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3109
Pontos Ativos : 4016

http://maisforum.forumeiros.com

Resolvido Re: Ajustar footer personalizado

Mensagem por IsmaelS. em 18/12/15, 12:50 pm

Bem já ficou quase amigo, mas agora queria puxa mais para cima um pouco o footer se reparar ainda tem aquele fundo em cinza a mostra e queria tapar com o footer, ou até pode-me dizer como:

Depois queria centrar as informações mas de maneira a ficar alinhado à esquerda como está, apenas queria centrar como aqui no FdF.

Código:
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>
                        <ul>
                            <li>
<!-- END html_validation -->
                            </li>
                        </ul>
                        <!-- BEGIN switch_footer_links -->
                        <ul>
                            <li>
                                <!-- 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 -->
                    </div>
                    <br />
                    <p class="center">
                        <strong>{ADMIN_LINK}</strong>
                    </p>
                </div>
                {PROTECT_FOOTER}
            </div>
        </div>
    </div>
<div id="back-top"><a href="#"><img src="http://i36.servimg.com/u/f36/11/96/49/61/backto10.png"></a></div>
  </div>
<div id='subscribers'>
<div class="num1" id='catalog1'>
<h3>SOBRE NÓS</h3>
<p><font color="#A3AAAE">Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
  Texto,Texto,Texto,Texto,Texto,Texto,</font></p>
</div>
<div class="num2" id='catalog2'>
<h3>REDES SOCIAIS</h3>
  <font color="#A3AAAE"><p>FACEBOOK<p><br><p>TWITTER</p></font>
</div>
<div class="num3" id='catalog3'>
<h3>LINKS ÚTEIS</h3>
  <font color="#A3AAAE">Regulamento Geral<br>Equipa de Modearação<br>Notícias e Anúncios<br>Apresentações</font>
</div>
<div class="num4" id='catalog2'>
<h3>CRÉDITOS</h3>
<font color="#A3AAAE"><p>Este tema foi construído pelo WEBGRAFIC<br>
com a utilização de alguns utilitários dos<br>
fóruns WEBTOOLS e WASD a cópia total ou<br>
  parcial de qualquer conteúdo do fórum é proíbida.</p></font>
</div>
</div>
  <style>
  .num1 h3::before {
    content: " ";
    font-family: "fontawesome";
}
.num2 h3::before {
    content: " ";
    font-family: "fontawesome";
}
.num3 h3::before {
    content: " ";
    font-family: "fontawesome";
}
.num4 h3::before {
    content: " ";
    font-family: "fontawesome";
}
.num5 h3::before {
    content: " ";
    font-family: "fontawesome";
}
body #back-top{
top: 26px !important;
}
#subscribers h3 {
    padding: 10px 10px 0px 0px;
    color: #C3C3C3;
    display: block;
    font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    border-bottom: 1px solid;
    margin-bottom: 5px;
}
 
#catalog3 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;}
#catalog2 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;
}
#catalog1 {
float: left;
padding-right: 50px;
height: 100px;
}
#subscribers {
    height: 100px;
    width: auto;
    padding: 20px;
    background: #2A2C33;
    border-top: 3px solid #D69200;
}
#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>
<!-- 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>

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2772
Pontos Ativos : 3869

http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por MateusAnjosV em 18/12/15, 01:05 pm

Boa tarde!

Não entendi direito... mas adicione esse CSS:
Código:
#subscribers {padding-left: 170px !important;margin-top: -35px !important} #back-top { top: -12px !important; }
Vai ficar faltando apenas as informações adicionais, certo?
Troque o template por esse:
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>
                        <ul>
                            <li>
<!-- END html_validation -->
                            </li>
                        </ul>
                        <!-- BEGIN switch_footer_links -->
                        <ul>
                            <li>
                                <!-- 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 -->
                    </div>
                    <br />
                    <p class="center">
                        <strong>{ADMIN_LINK}</strong>
                    </p>
                </div>
                {PROTECT_FOOTER}
            </div>
        </div>
    </div>
<div id="back-top"><a href="#"><img src="http://i36.servimg.com/u/f36/11/96/49/61/backto10.png"></a></div>
  </div>
<div id='subscribers'>
<div class="num1" id='catalog1'>
<h3>SOBRE NÓS</h3>
<p><font color="#A3AAAE">Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
  Texto,Texto,Texto,Texto,Texto,Texto,</font></p>
</div>
<div class="num2" id='catalog2'>
<h3>REDES SOCIAIS</h3>
  <font color="#A3AAAE"><p>FACEBOOK<p><br><p>TWITTER</p></font>
</div>
<div class="num3" id='catalog3'>
<h3>LINKS ÚTEIS</h3>
  <font color="#A3AAAE">Regulamento Geral<br>Equipa de Modearação<br>Notícias e Anúncios<br>Apresentações</font>
</div>
<div class="num4" id='catalog2'>
<h3>CRÉDITOS</h3>
<font color="#A3AAAE"><p>Este tema foi construído pelo WEBGRAFIC<br>
com a utilização de alguns utilitários dos<br>
fóruns WEBTOOLS e WASD a cópia total ou<br>
  parcial de qualquer conteúdo do fórum é proíbida.</p></font>
</div>
<div class="num5" id='catalog5'>
<h3>INFORMAÇÕES ADICIONAIS</h3>
<font color="#A3AAAE"><p>Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
  Texto,Texto,Texto,Texto,Texto,Texto,</p></font>
</div>
 
</div>
  <style>
  .num1 h3::before {
    content: " ";
    font-family: "fontawesome";
}
.num2 h3::before {
    content: " ";
    font-family: "fontawesome";
}
.num3 h3::before {
    content: " ";
    font-family: "fontawesome";
}
.num4 h3::before {
    content: " ";
    font-family: "fontawesome";
}
.num5 h3::before {
    content: " ";
    font-family: "fontawesome";
}
body #back-top{
top: 23px !important;
}
#subscribers h3 {
    padding: 10px 10px 0px 0px;
    color: #C3C3C3;
    display: block;
    font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    border-bottom: 5px solid;
    margin-bottom: 5px;
}
  
#catalog3 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;}
#catalog2 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;
}
#catalog1 {
float: left;
padding-right: 50px;
height: 100px;
}
#subscribers {
    height: 100px;
    width: auto;
    padding: 20px;
    background: #2A2C33;
    border-top: 3px solid #D69200;
}
#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>
<!-- 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>
Apenas para evitar erros, pois existiam dois id, o que não é permitido. Muito feliz

Piscada
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1432
Pontos Ativos : 2006

http://ajuda.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por IsmaelS. em 18/12/15, 03:59 pm

Ficou tudo óptimo e já não irei usar as Informações Adicionais amigo, mas não percebi a dos id's se poder explicar. Enquanto ainda no footer, os icones em .CSS como pode ver está como o título a negrito, eu queria retirar o negrito apenas nos ícones!
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>
                        <ul>
                            <li>
<!-- END html_validation -->
                            </li>
                        </ul>
                        <!-- BEGIN switch_footer_links -->
                        <ul>
                            <li>
                                <!-- 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 -->
                    </div>
                    <br />
                    <p class="center">
                        <strong>{ADMIN_LINK}</strong>
                    </p>
                </div>
                {PROTECT_FOOTER}
            </div>
        </div>
    </div>
<div id="back-top"><a href="#"><img src="http://i36.servimg.com/u/f36/11/96/49/61/backto10.png"></a></div>
  </div>
<div id='subscribers'>
<div class="num1" id='catalog1'>
<h3> SOBRE NÓS</h3>
<p><font color="#A3AAAE">Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
  Texto,Texto,Texto,Texto,Texto,Texto,</font></p>
</div>
<div class="num2" id='catalog2'>
<h3> REDES SOCIAIS</h3>
  <font color="#A3AAAE"><p>FACEBOOK<p><br><p>TWITTER</p></font>
</div>
<div class="num3" id='catalog3'>
<h3> LINKS ÚTEIS</h3>
  <font color="#A3AAAE">Regulamento Geral<br>Equipa de Modearação<br>Notícias e Anúncios<br>Apresentações</font>
</div>
<div class="num4" id='catalog2'>
<h3> CRÉDITOS</h3>
<font color="#A3AAAE"><p>Este tema foi construído pelo WEBGRAFIC<br>
com a utilização de alguns utilitários dos<br>
fóruns WEBTOOLS e WASD a cópia total ou<br>
  parcial de qualquer conteúdo do fórum é proíbida.</p></font>
</div>
</div>
  <style>
  .num1 h3::before {
    content: "\f129 ";
    font-family: "fontawesome";
}
.num2 h3::before {
    content: "\f1e0 ";
    font-family: "fontawesome";
}
.num3 h3::before {
    content: "\f0c1 ";
    font-family: "fontawesome";
}
.num4 h3::before {
    content: "\f1f9 ";
    font-family: "fontawesome";
}
body #back-top{
top: -18px !important;
}
#subscribers h3 {
    padding: 10px 10px 0px 0px;
    color: #C3C3C3;
    display: block;
    font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    border-bottom: 1px solid;
    margin-bottom: 5px;
}
 
#catalog3 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;}
#catalog2 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;
}
#catalog1 {
float: left;
padding-right: 50px;
height: 100px;
}
#subscribers {
    height: 100px;
    width: auto;
    padding: 20px;
    background: #2A2C33;
    border-top: 3px solid #D69200;
}
#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>
<!-- 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>

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2772
Pontos Ativos : 3869

http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por RafaelS. em 18/12/15, 04:20 pm

Olá!

Troque 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>
                        <ul>
                            <li>
<!-- END html_validation -->
                            </li>
                        </ul>
                        <!-- BEGIN switch_footer_links -->
                        <ul>
                            <li>
                                <!-- 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 -->
                    </div>
                    <br />
                    <p class="center">
                        <strong>{ADMIN_LINK}</strong>
                    </p>
                </div>
                {PROTECT_FOOTER}
            </div>
        </div>
    </div>
<div id="back-top"><a href="#"><img src="http://i36.servimg.com/u/f36/11/96/49/61/backto10.png"></a></div>
  </div>
<div id='subscribers'>
<div class="num1" id='catalog1'>
<h3> SOBRE NÓS</h3>
<p><font color="#A3AAAE">Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
Texto,Texto,Texto,Texto,Texto,Texto,<br>
  Texto,Texto,Texto,Texto,Texto,Texto,</font></p>
</div>
<div class="num2" id='catalog2'>
<h3> REDES SOCIAIS</h3>
  <font color="#A3AAAE"><p>FACEBOOK<p><br><p>TWITTER</p></font>
</div>
<div class="num3" id='catalog3'>
<h3> LINKS ÚTEIS</h3>
  <font color="#A3AAAE">Regulamento Geral<br>Equipa de Modearação<br>Notícias e Anúncios<br>Apresentações</font>
</div>
<div class="num4" id='catalog2'>
<h3> CRÉDITOS</h3>
<font color="#A3AAAE"><p>Este tema foi construído pelo WEBGRAFIC<br>
com a utilização de alguns utilitários dos<br>
fóruns WEBTOOLS e WASD a cópia total ou<br>
  parcial de qualquer conteúdo do fórum é proíbida.</p></font>
</div>
</div>
  <style>
  .num1 h3::before {
    content: "\f129 ";
    font-family: "fontawesome";
font-weight: 100;
}
.num2 h3::before {
    content: "\f1e0 ";
    font-family: "fontawesome";
font-weight: 100;
}
.num3 h3::before {
    content: "\f0c1 ";
    font-family: "fontawesome";
font-weight: 100;
}
.num4 h3::before {
    content: "\f1f9 ";
    font-family: "fontawesome";
font-weight: 100;
}
body #back-top{
top: -18px !important;
}
#subscribers h3 {
    padding: 10px 10px 0px 0px;
    color: #C3C3C3;
    display: block;
    font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    border-bottom: 1px solid;
    margin-bottom: 5px;
}
 
#catalog3 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;}
#catalog2 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;
}
#catalog1 {
float: left;
padding-right: 50px;
height: 100px;
}
#subscribers {
    height: 100px;
    width: auto;
    padding: 20px;
    background: #2A2C33;
    border-top: 3px solid #D69200;
}
#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>
<!-- 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>

Quanto ao ID não se preocupe que já foi corrigido Piscada

Até mais.
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3109
Pontos Ativos : 4016

http://maisforum.forumeiros.com

Resolvido Re: Ajustar footer personalizado

Mensagem por IsmaelS. em 18/12/15, 05:15 pm

Óptimo então, enquanto ao negrito ainda aparece no "Sobre nós e Redes sociais"

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2772
Pontos Ativos : 3869

http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por MateusAnjosV em 18/12/15, 07:50 pm

Boa noite!

No template do Raffy, localize:
Código:
font-weight: 100;
E remova todos eles! Piscada

avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1432
Pontos Ativos : 2006

http://ajuda.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por IsmaelS. em 18/12/15, 08:36 pm

Tirei mas ficou a negrito na mesma e os outros dois que não estavam também ficou.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2772
Pontos Ativos : 3869

http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por MateusAnjosV em 18/12/15, 10:38 pm

Hm... acrescente mais esse código CSS:
Código:
  .num1 h3:before {
  font-weight: normal !important;
}
.num2 h3:before { 
font-weight: normal !important;
}
.num3 h3:before {
  font-weight: normal !important;
}
.num4 h3:before {
  font-weight: normal !important;
}
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1432
Pontos Ativos : 2006

http://ajuda.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por IsmaelS. em 18/12/15, 11:20 pm

Mas o de Sobre Nós e Redes Sociais continua a negrito os outros não.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2772
Pontos Ativos : 3869

http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por Sennior em 19/12/15, 03:51 am

Saudações!

Uê senhor, aqui esta tudo negrito, veja:
Seta http://prntscr.com/9fy6xu

Se não for isso, por favor, desculpe-me mas poderia me apresentar uma PrintScreen para eu visualizar o que deseja modificar?
Até mais.
Sennior


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16303
Pontos Ativos : 20795

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Ajustar footer personalizado

Mensagem por MateusAnjosV em 19/12/15, 12:25 pm

Boa tarde!

Remova de sua CSS:
Código:
.num1 h3:before {
    font-weight: 400!important;
}
Código:
.num2 h3:before {
    font-weight: 400!important;
}

Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1432
Pontos Ativos : 2006

http://ajuda.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por IsmaelS. em 19/12/15, 02:30 pm

Ainda continua a negrito o Sobre nós e Redes sociais, aqui está uma print:


(Não liguem para a qualidade da print)


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2772
Pontos Ativos : 3869

http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por MateusAnjosV em 19/12/15, 08:10 pm

Boa noite!

O ícone se encarnou em ser negrito Rindo
O erro é que o h3 está com negrito(me refiro aos títulos), teremos que tirar os deles para o outro ficar sem...
Código:
#subscribers h3 {
    font-weight: normal !important;
}


Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1432
Pontos Ativos : 2006

http://ajuda.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por IsmaelS. em 19/12/15, 08:33 pm

Agora sim amigo ficou bem, só tem mais duas coisas, uma é veja como está os links a cor está em azul, é possível modificar?


E ao postar um novo tópico aparece as informações...e também ao sair, o footer tem este espaço ainda:


É possível ajustar?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2772
Pontos Ativos : 3869

http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por MateusAnjosV em 19/12/15, 08:43 pm

Eu creio que seja possível. Piscada

Acrescente esse CSS:
Código:
#subscribers a{color: gray !important}
Quanto ao segundo problema, o senhor pode me fornecer uma conta para testes sem permissões administrativas?

Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1432
Pontos Ativos : 2006

http://ajuda.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por IsmaelS. em 19/12/15, 08:51 pm

Conta enviada por PM. Enquanto aos links resultou, mas queria agora ao passar o mouse muda-se de cor também é possível?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2772
Pontos Ativos : 3869

http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por MateusAnjosV em 19/12/15, 09:38 pm

Sim é possível.
Quanto ao segundo erro, veja: http://prntscr.com/9g88rm
E troque o último CSS por esse:
Código:
#subscribers a{color: gray !important}
#subscribers a:hover{color: black !important}
Seta Black é a cor do texto hover, basta substituir.

Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1432
Pontos Ativos : 2006

http://ajuda.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por IsmaelS. em 19/12/15, 09:40 pm

Ou seja no seu o footer fica como nessa print? Resultou a .CSS

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2772
Pontos Ativos : 3869

http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por MateusAnjosV em 21/12/15, 12:32 pm

Sim! Lamento a demora, estava ocupado ontem Piscada
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1432
Pontos Ativos : 2006

http://ajuda.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por IsmaelS. em 21/12/15, 02:12 pm

Estranho então pronto fica assim, só uma coisa, eu ao clicar no "Back Top" ele sobe instantaneamente, seria possível colocar suave? Ou seja mais devagar...

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2772
Pontos Ativos : 3869

http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Ajustar footer personalizado

Mensagem por RafaelS. em 21/12/15, 11:01 pm

Olá!

Crie um novo JS com investimento em todas as páginas:

Código:
$(function() {
$('#back-top').click(function() {
$('body,html').animate({scrollTop},1200);
});  
});

Até mais.
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3109
Pontos Ativos : 4016

http://maisforum.forumeiros.com

Resolvido Re: Ajustar footer personalizado

Mensagem por IsmaelS. em 21/12/15, 11:13 pm

Perfeito amigo obrigado e resolvido! Piscada

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2772
Pontos Ativos : 3869

http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar footer personalizado

Mensagem por RafaelS. em 21/12/15, 11:21 pm

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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3109
Pontos Ativos : 4016

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