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


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Personalizar reputação do fórum
Hoje à(s) 13:45 por Kyo Panda

» Estatísticas personalizadas
Hoje à(s) 13:06 por Rick22

» Personalizar categorias do fórum
Hoje à(s) 11:28 por Kyo Panda

» Widgets no final do fórum
Hoje à(s) 5:10 por Lhs17

» Personalizar footer
Hoje à(s) 1:28 por iScroll

» Personalizar SCEditor
Hoje à(s) 1:10 por YouTube3

» Mudar pre-visualização do formulário
Hoje à(s) 1:09 por YouTube3

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
68 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 65 Visitantes :: 2 Motores de busca

Bogi, Luis raio, Shek Crowley

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Personalizar Footer

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

Resolvido Personalizar Footer

Mensagem por YouTube3 em Dom 11 Set 2016 - 21:54

Detalhes da questão


Endereço do fórum: Http://FamilytuDo2.Forumeiros.com
Versão do fórum: PunBB

Descrição


Boa tarde,

Quero personalizar o footer, do meu fórum. Para este na imagem abaixo.

Como eu quero o footer:


OBS: Ali onde está o ícone do Facebook/Twitter se for possível deixa-lo apenas com ícone do youtube.
Fórum onde vi: http://maisweb.forumeiro.com/

Até mais.


Última edição por YouTube3 em Seg 12 Set 2016 - 21:31, editado 1 vez(es)

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 857
Pontos Ativos : 1919

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por while em Dom 11 Set 2016 - 22:08

Olá autor.

Sugiro que leia: http://ajuda.forumeiros.com/t106006-

O mesmo teve a mesma dúvida e foi resolvido, sobre a questão do ícone do youtube, poderia me passar por gentileza? Me avise também quando tiver aplicado no seu fórum, no mais, podes tentar fazer o efeito, é simples editar.

Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em Dom 11 Set 2016 - 22:21

Deu certo while está quase lá,

Se for possível remover os cantos ali onde está marcado de laranja.
É também se você for ver bem embaixo do footer tem uma frestinha ainda sobrando olhe bem:



É Sobre os ícones pode botar qualquer um desses dois:
http://i.imgur.com/anRoJZ8.pnghttp://i.imgur.com/SF1FB2l.png


Até mais.

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 857
Pontos Ativos : 1919

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por while em Dom 11 Set 2016 - 22:38

Troque seu template por este:

Código:
<!-- BEGIN html_validation -->
<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 --> |
                        <!-- END switch_separator -->                          {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" class="copyright" name="bottom">{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>
 
<!-- 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 -->  <footer></footer>
<div class="social">
   <a href="https://www.facebook.com/pages/Mais-Info/1431860630442132"><em class="fa fa-youtube"></em></a>
</div><footer><span class="copy">Desenvolvido por RafaelS. | Proibida à copia parcial ou total deste tema.</span></footer><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script><script type="text/javascript">
    var vglnk = {
        api_url: 'http://api.viglink.com/api',
        key: 'e2aa2ae88c2bcc3c33577d636d209bf8'
    };
 
  (function(d, t) {
        var s = d.createElement(t); s.type = 'text/javascript'; s.async = true;
        s.src = ('https:' == document.location.protocol ? vglnk.api_url :
        'http://cdn.viglink.com/api') + '/vglnk.js';
        var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
    }(document, 'script'));
</script><style>
.social .fa-youtube, .social .fa-twitter {
    background: transparent none repeat scroll 0 0;
    display: block!important;
    color: #fff!important;
    height: 23px!important;
    line-height: 28px!important;
    padding: 10px 20px!important;
    margin-top: -15px!important;
    font-size: 21px!important;
    transition: .5s;
}

.social {
    text-align: left;
    float: left;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
footer {
    margin-top: 5px;
    background: rgba(0,0,0,0.4);
    color: #FFF;
    padding: 15px;
margin-bottom:-40px!important;
width: 80%!important;
    margin-left: 177px!important;
}
.copy {
    display: block;
    text-align: right;
    line-height: 100%;
}
.social .fa-youtube {background-image: url(http://i.imgur.com/SF1FB2l.png);background-size:100%;}
</style>

Resulta?
Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em Dom 11 Set 2016 - 22:44

Ficou bugado:

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 857
Pontos Ativos : 1919

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por while em Seg 12 Set 2016 - 1:16

Troque por este:

Código:
<!-- BEGIN html_validation -->
<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 --> |
                        <!-- END switch_separator -->                          {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" class="copyright" name="bottom">{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>
 
<!-- 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 -->  <footer></footer>
<div class="social">
  <a href="https://www.facebook.com/pages/Mais-Info/1431860630442132"><em class="fa fa-youtube"></em></a>
</div><footer><span class="copy">Desenvolvido por RafaelS. | Proibida à copia parcial ou total deste tema.</span></footer><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script><script type="text/javascript">
    var vglnk = {
        api_url: 'http://api.viglink.com/api',
        key: 'e2aa2ae88c2bcc3c33577d636d209bf8'
    };
 
  (function(d, t) {
        var s = d.createElement(t); s.type = 'text/javascript'; s.async = true;
        s.src = ('https:' == document.location.protocol ? vglnk.api_url :
        'http://cdn.viglink.com/api') + '/vglnk.js';
        var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
    }(document, 'script'));
</script><style>
.social .fa-youtube, .social .fa-twitter {
    background: transparent none repeat scroll 0 0;
    display: block!important;
    color: #fff!important;
    height: 23px!important;
    line-height: 28px!important;
    padding: 10px 20px!important;
    margin-top: -15px!important;
    font-size: 21px!important;
    transition: .5s;
}
 
.social {
    text-align: left;
    float: left;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
footer {
    margin-top: 5px;
    background: rgba(0,0,0,0.4);
    color: #FFF;
    padding: 15px;
margin-bottom:-50px!important;
width: 88%!important;
    margin-left: 67px!important;
background:none!important;
}
 .social .fa-youtube {margin-left:20px;}
.copy {
    display: block;
    text-align: right;
    line-height: 100%;
}
</style>

Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em Seg 12 Set 2016 - 12:01

Quase lá, falta pouco.

Ali onde está o ícone do youtube ta sobrando uma parte ainda marquei de laranja:
É também se for possível botar o ícone um pouco para baixo. é também quando passar mouse sobre ele ficar vermelho.



Até mais.

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 857
Pontos Ativos : 1919

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Sennior em Seg 12 Set 2016 - 12:12

Boas!

Troque o código pelo abaixo:
Código:
<!-- BEGIN html_validation -->
<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 --> |
                        <!-- END switch_separator -->                          {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" class="copyright" name="bottom">{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>
 
<!-- 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 -->  <footer></footer>
<div class="social">
  <a href="https://www.facebook.com/pages/Mais-Info/1431860630442132"><em class="fa fa-youtube"></em></a>
</div><footer><span class="copy">Desenvolvido por RafaelS. | Proibida à copia parcial ou total deste tema.</span></footer><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script><script type="text/javascript">
    var vglnk = {
        api_url: 'http://api.viglink.com/api',
        key: 'e2aa2ae88c2bcc3c33577d636d209bf8'
    };
 
  (function(d, t) {
        var s = d.createElement(t); s.type = 'text/javascript'; s.async = true;
        s.src = ('https:' == document.location.protocol ? vglnk.api_url :
        'http://cdn.viglink.com/api') + '/vglnk.js';
        var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
    }(document, 'script'));
</script><style>
.social .fa-youtube, .social .fa-twitter {
    background: transparent none repeat scroll 0 0;
    display: block!important;
    color: #fff!important;
    height: 23px!important;
    line-height: 28px!important;
    padding: 10px 20px!important;
    margin-top: -15px!important;
    font-size: 21px!important;
    transition: .5s;
}
 
.social {
    text-align: left;
    float: left;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
footer {
    margin-top: 5px;
    background: rgba(0,0,0,0.4);
    color: #FFF;
    padding: 15px;
    margin-bottom: -50px!important;
    width: 98%!important;
    margin-left: 0px!important;
    background: none!important;
}
em.fa.fa-youtube:hover {
    background: red;
    margin-top: -4px!important;
}
.social .fa-youtube {
    margin-left: 132px;
    margin-top: -4px!important;
}
.copy {
    display: block;
    text-align: right;
    line-height: 100%;
}
</style>

Até mais!


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22710

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

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em Seg 12 Set 2016 - 13:05

Funciono porem, tem como tirar aquelas partes ali onde está marcado de laranja?
É mover o ícone do youtube ali onde está marcado de verde:


Até mais.

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 857
Pontos Ativos : 1919

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Sowisker em Seg 12 Set 2016 - 15:51

Bom dia.

Procure no template passado pelo Sennior o seguinte código:
.social .fa-youtube {
margin-left: 132px;
margin-top: -4px!important;
}
Verde -> Troque o valor até posicionar o ícone onde deseja.


Até mais,
Holkis. zen


Bem-vindo ao FdF!

• Tenha conhecimento do regulamento do FdF
• Conheça a staff e suas diretrizes.
• Acesse as  ferramentas do administrador.
• Confira a lista de tutoriais.
• MP apenas para assuntos importantes!



Sowisker
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 2978
Pontos Ativos : 4262

http://www.holkis.net/ https://www.facebook.com/https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://twitter.com/https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em Seg 12 Set 2016 - 16:23

Consegui porem não tem como cortar os cantos ali onde está marcado de verde.
Porque senão ele vai fica com aquela barra ali embaixo onde marquei de vermelho:


YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 857
Pontos Ativos : 1919

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Sowisker em Seg 12 Set 2016 - 16:30

Olá.

Procure por:
footer {
margin-top: 5px;
background: rgba(0,0,0,0.4);
color: #FFF;
padding: 15px;
margin-bottom: -50px!important;
width: 98%!important;
margin-left: 0px!important;
background: none!important;
}
Verde -> Altere o valor até que a barra de rolagem suma, neste caso diminua o valor.

Atenciosamente,
Holkis - Moderador do grupo dos ajudeiros.


Bem-vindo ao FdF!

• Tenha conhecimento do regulamento do FdF
• Conheça a staff e suas diretrizes.
• Acesse as  ferramentas do administrador.
• Confira a lista de tutoriais.
• MP apenas para assuntos importantes!



Sowisker
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 2978
Pontos Ativos : 4262

http://www.holkis.net/ https://www.facebook.com/https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://twitter.com/https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em Seg 12 Set 2016 - 16:49

Bom, se eu altero ele fica menos se eu aumento ele fica mas.

Não tem um valor certo entende?
Eu quero deixar ele parelho com as estatística, deixar no caso parelho onde está as barras laranja.
Porem não fica ...



YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 857
Pontos Ativos : 1919

http://Ajuda.Forumeiros.com

Resolvido Re: Personalizar Footer

Mensagem por Lima 3005 em Seg 12 Set 2016 - 17:03

Procure por footer { e substitua por isto:

Código:
footer {
    min-width: initial;
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 10px 15px 13px;
    margin-top: 0px;
    background: rgba(0,0,0,0.4);
    color: #FFF;
}

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 2275

http://universogamer.foruns.com.pt

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em Seg 12 Set 2016 - 17:23

Bugou footer totalmente então retirei o código. Muito feliz

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 857
Pontos Ativos : 1919

http://Ajuda.Forumeiros.com

Resolvido Re: Personalizar Footer

Mensagem por Lima 3005 em Seg 12 Set 2016 - 17:34

Código:
footer {
    margin-top: 5px;
    padding: 15px;
    margin-bottom: -50px!important;
    width: 86%!important;
    background: none!important;
    min-width: initial;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 10px 15px 13px;
    background: rgba(0,0,0,0.4);
    color: #FFF;
}

Veja agora !

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 2275

http://universogamer.foruns.com.pt

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em Seg 12 Set 2016 - 17:53

Então foi oque eu disse ou ele fica menos ou ele fica mais entende?
Se ele ficar menos irá ficar feio se ele fica mais a barra de rolagem atrapalha muito.
Por isso quero deixar ele bem parelho com as estatísticas.


Até mais.

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 857
Pontos Ativos : 1919

http://Ajuda.Forumeiros.com

Resolvido Re: Personalizar Footer

Mensagem por Lima 3005 em Seg 12 Set 2016 - 17:58

Pode colocar o código que eu lhe dei, para confirmar uma coisa?

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 2275

http://universogamer.foruns.com.pt

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em Seg 12 Set 2016 - 18:12

Se for o último código que você mandou acima no caso este:
Código:
footer {
    margin-top: 5px;
    padding: 15px;
    margin-bottom: -50px!important;
    width: 86%!important;
    background: none!important;
    min-width: initial;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 10px 15px 13px;
    background: rgba(0,0,0,0.4);
    color: #FFF;
}

Já está

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 857
Pontos Ativos : 1919

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Lima 3005 em Seg 12 Set 2016 - 18:20

Coloque este!

Código:
footer {
    margin-bottom: -50px!important;
    min-width: initial;
    padding: 15px 9px 15px 13px;
    background: rgba(0,0,0,0.4);
    color: #FFF;
    max-width: 1200px;
    width: 90%!important;
}

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 2275

http://universogamer.foruns.com.pt

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em Seg 12 Set 2016 - 18:58

Deu certo só mais uma dúvida.

Se você ver ali no footer tem o ícone do youtube né? certo.
Como faço para botar o link de um canal ali ao clicar ele vai direto pro canal?

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 857
Pontos Ativos : 1919

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Lima 3005 em Seg 12 Set 2016 - 19:02

No template que foi dado acima, procure por esta linha:

Código:
<a href="https://www.facebook.com/pages/Mais-Info/1431860630442132"><em class="fa fa-youtube"></em></a>

troque o link pelo desejado! Muito feliz

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 2275

http://universogamer.foruns.com.pt

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em Seg 12 Set 2016 - 19:40

Quando eu boto o link ele fica assim:

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 857
Pontos Ativos : 1919

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Maori em Seg 12 Set 2016 - 20:15

Troque por esse meu caro!

Código:
<div class="social"><a href="http://goo.gl/utKfyd"><em class="fa fa-youtube"></em></a></div>

O link deve ser colocado entre as aspas do "href".

Até mais!

Maori
Usuário avançado

Masculino
Inscrito dia : 08/06/2014
Mensagens : 497
Pontos Ativos : 1583

http://baixacidade.forumeiros.com

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em Seg 12 Set 2016 - 20:34

Deu certo, porem agora o ícone foi mais para direita é um pouco para baixo.
For possível botar como tava mais para esquerda é um pouco para cima.

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 857
Pontos Ativos : 1919

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Maori em Seg 12 Set 2016 - 20:44

Procure por .social .fa-youtube

E altere o valor para:

Código:
margin-left: -35px !important;
margin-top: -9px !important;

Maori
Usuário avançado

Masculino
Inscrito dia : 08/06/2014
Mensagens : 497
Pontos Ativos : 1583

http://baixacidade.forumeiros.com

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em Seg 12 Set 2016 - 21:32

Deu certo obrigado pode fechar.

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 857
Pontos Ativos : 1919

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Fraise em Seg 12 Set 2016 - 21:42

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7155

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

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5