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
Login

Esqueci minha senha

Últimos assuntos
» Imagem indicando assinatura
Hoje à(s) 10:23 por PESS_dodo

» Pedido de Banner especial para Digimon forever
Hoje à(s) 6:10 por CharlesIE1H

» Banner PARCERIA
Hoje à(s) 5:32 por Fou-Lu

» Pinta ícone
Hoje à(s) 4:43 por Fou-Lu

» Pergunta sobre domínio
Hoje à(s) 3:59 por Eduardo30821

» Ranks para fórum de servidor RPG
Hoje à(s) 3:51 por Fou-Lu

» Degrade para meu fórum
Hoje à(s) 3:21 por Fou-Lu

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

Daemon, Holkis, Kyo Panda

[ 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 : 909
Pontos Ativos : 2065

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 : 2829
Pontos Ativos : 4242

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 : 909
Pontos Ativos : 2065

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 : 2829
Pontos Ativos : 4242

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 : 909
Pontos Ativos : 2065

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 : 2829
Pontos Ativos : 4242

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 : 909
Pontos Ativos : 2065

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!

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16258
Pontos Ativos : 22832

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 : 909
Pontos Ativos : 2065

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Holkis 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


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

Holkis - Admineiro do Fórum dos Fóruns

Holkis
Admineiro
Admineiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3177
Pontos Ativos : 4614

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 : 909
Pontos Ativos : 2065

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Holkis 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.


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

Holkis - Admineiro do Fórum dos Fóruns

Holkis
Admineiro
Admineiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3177
Pontos Ativos : 4614

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 : 909
Pontos Ativos : 2065

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 : 2354

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 : 909
Pontos Ativos : 2065

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 : 2354

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 : 909
Pontos Ativos : 2065

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 : 2354

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 : 909
Pontos Ativos : 2065

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 : 2354

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 : 909
Pontos Ativos : 2065

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 : 2354

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 : 909
Pontos Ativos : 2065

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 destaque

Masculino
Inscrito dia : 08/06/2014
Mensagens : 521
Pontos Ativos : 1691

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 : 909
Pontos Ativos : 2065

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 destaque

Masculino
Inscrito dia : 08/06/2014
Mensagens : 521
Pontos Ativos : 1691

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 : 909
Pontos Ativos : 2065

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 : 7230

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