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
» Bug inicial do forum
Hoje à(s) 02:50 am por Harleen

» Mudar cor dos widgets do portal
Hoje à(s) 02:10 am por Harleen

» Barra de anúncio
Hoje à(s) 01:57 am por Harleen

» [Pedido] Banner ®
Ontem à(s) 09:55 pm por -xGabriel..

» Texturas Fórum
Ontem à(s) 09:23 pm por Tiger

» [Pedido] Banner TWD
Ontem à(s) 01:49 pm por APOllO

» Novas Categorias
Ontem à(s) 01:44 pm por APOllO

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Czins
 

Quem está conectado
220 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 218 Visitantes :: 2 Motores de busca

-xGabriel.., Czins

[ Ver toda a lista ]


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

Personalizar Footer

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

Resolvido Personalizar Footer

Mensagem por YouTube3 em 11/09/16, 05:54 pm

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 12/09/16, 05:31 pm, editado 1 vez(es)
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por while em 11/09/16, 06:08 pm

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3102
Pontos Ativos : 4499

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 11/09/16, 06:21 pm

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

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por while em 11/09/16, 06:38 pm

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3102
Pontos Ativos : 4499

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 11/09/16, 06:44 pm

Ficou bugado:
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por while em 11/09/16, 09:16 pm

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3102
Pontos Ativos : 4499

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 12/09/16, 08:01 am

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

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Sennior em 12/09/16, 08:12 am

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!


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: Personalizar Footer

Mensagem por YouTube3 em 12/09/16, 09:05 am

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

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Holkis em 12/09/16, 11:51 am

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


HolkisAdmineiro - Fórum dos Fóruns

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

Holkis
Admineiro
Admineiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3482
Pontos Ativos : 4191

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 12/09/16, 12:23 pm

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:

avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Holkis em 12/09/16, 12:30 pm

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.


HolkisAdmineiro - Fórum dos Fóruns

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

Holkis
Admineiro
Admineiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3482
Pontos Ativos : 4191

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 12/09/16, 12:49 pm

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


avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com

Resolvido Re: Personalizar Footer

Mensagem por Lima 3005 em 12/09/16, 01:03 pm

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

Lima 3005
Usuário destaque

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

http://universogamer.foruns.com.pt

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em 12/09/16, 01:23 pm

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

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com

Resolvido Re: Personalizar Footer

Mensagem por Lima 3005 em 12/09/16, 01:34 pm

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

Lima 3005
Usuário destaque

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

http://universogamer.foruns.com.pt

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em 12/09/16, 01:53 pm

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

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com

Resolvido Re: Personalizar Footer

Mensagem por Lima 3005 em 12/09/16, 01:58 pm

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

Lima 3005
Usuário destaque

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

http://universogamer.foruns.com.pt

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em 12/09/16, 02:12 pm

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

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Lima 3005 em 12/09/16, 02:20 pm

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

Lima 3005
Usuário destaque

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

http://universogamer.foruns.com.pt

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em 12/09/16, 02:58 pm

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

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Lima 3005 em 12/09/16, 03:02 pm

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
avatar

Lima 3005
Usuário destaque

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

http://universogamer.foruns.com.pt

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em 12/09/16, 03:40 pm

Quando eu boto o link ele fica assim:
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Maori em 12/09/16, 04:15 pm

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

Maori
Usuário destaque

Masculino
Inscrito dia : 07/06/2014
Mensagens : 521
Pontos Ativos : 702

http://baixacidade.forumeiros.com

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em 12/09/16, 04:34 pm

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

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Maori em 12/09/16, 04:44 pm

Procure por .social .fa-youtube

E altere o valor para:

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

Maori
Usuário destaque

Masculino
Inscrito dia : 07/06/2014
Mensagens : 521
Pontos Ativos : 702

http://baixacidade.forumeiros.com

Resolvido Re: Personalizar Footer

Mensagem por YouTube3 em 12/09/16, 05:32 pm

Deu certo obrigado pode fechar.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Footer

Mensagem por Fraise em 12/09/16, 05:42 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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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