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

Esqueci minha senha

Últimos assuntos
» Kit avatar e assinatura.
Hoje à(s) 01:37 am por ranzatti

» Efeito nos grupos
Hoje à(s) 12:17 am por Matt Shultz

» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

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

Pedxz, soldado

[ 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

Ver perfil do usuário 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 : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.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

Ver perfil do usuário 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 : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.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

Ver perfil do usuário 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 : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.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

Ver perfil do usuário 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!
avatar

Sennior
Membro profissional
Membro profissional

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

Ver perfil do usuário 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

Ver perfil do usuário 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
avatar

Holkis
Hiperativo

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

Ver perfil do usuário http://www.holkis.net/ https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA 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

Ver perfil do usuário 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.
avatar

Holkis
Hiperativo

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

Ver perfil do usuário http://www.holkis.net/ https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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