Personalizar Footer

+3
Sennior
while
YouTube3
7 participantes

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

Tópico resolvido Personalizar Footer

Mensagem por YouTube3 11.09.16 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:
Personalizar Footer PU0MnLT

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 21:31, editado 1 vez(es)
YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar Footer

Mensagem por while 11.09.16 22:08

Olá autor.

Sugiro que leia: https://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

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por YouTube3 11.09.16 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:
Personalizar Footer E8NNzyS


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


Até mais.
YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar Footer

Mensagem por while 11.09.16 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

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por YouTube3 11.09.16 22:44

Ficou bugado:
Personalizar Footer EboQ8kP
YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar Footer

Mensagem por while 12.09.16 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

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por YouTube3 12.09.16 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.
Personalizar Footer 0ChSvuU


Até mais.
YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Personalizar Footer

Mensagem por Sennior 12.09.16 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

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por YouTube3 12.09.16 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:
Personalizar Footer HRVtfv4

Até mais.
YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar Footer

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

Holkis
Hiper Membro

Membro desde : 21/04/2015
Mensagens : 3550
Pontos : 4277

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por YouTube3 12.09.16 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:
Personalizar Footer L2MPCO3
YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar Footer

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

Holkis
Hiper Membro

Membro desde : 21/04/2015
Mensagens : 3550
Pontos : 4277

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por YouTube3 12.09.16 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 ...

Personalizar Footer KurEVVr
YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por Lima 3005 12.09.16 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

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por YouTube3 12.09.16 17:23

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

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por Lima 3005 12.09.16 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

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por YouTube3 12.09.16 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.
Personalizar Footer 5wM1vzc

Até mais.
YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por Lima 3005 12.09.16 17:58

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

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por YouTube3 12.09.16 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

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar Footer

Mensagem por Lima 3005 12.09.16 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

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por YouTube3 12.09.16 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

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar Footer

Mensagem por Lima 3005 12.09.16 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

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por YouTube3 12.09.16 19:40

Quando eu boto o link ele fica assim:
Personalizar Footer UXR1Hdq
YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar Footer

Mensagem por Maori 12.09.16 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

Maori
Membro

Membro desde : 08/06/2014
Mensagens : 521
Pontos : 702

http://baixacidade.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por YouTube3 12.09.16 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.
Personalizar Footer SJEdBM1
YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar Footer

Mensagem por Maori 12.09.16 20:44

Procure por .social .fa-youtube

E altere o valor para:

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

Maori
Membro

Membro desde : 08/06/2014
Mensagens : 521
Pontos : 702

http://baixacidade.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Footer

Mensagem por YouTube3 12.09.16 21:32

Deu certo obrigado pode fechar.
YouTube3

YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro
  • 0

Tópico resolvido Re: Personalizar Footer

Mensagem por Fraise 12.09.16 21:42

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

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos