Construir pequeno footer

4 participantes

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

Tópico resolvido Construir pequeno footer

Mensagem por IsmaelS. 09.10.15 21:28

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá!

Vinha pedir algo construtivo e não sei se seja possível, queria algo assim:
Construir pequeno footer 14t1w5w

Isso foi montado pelo Photoshop mas queria colocar assim logo abaixo das Estatísticas do fórum:
- http://master-publicitario.forumeiros.com/

Queria bem estruturado e se possível dessa forma!
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 09.10.15 21:55

Olá!

Não ficou exatamente igual, mas veja se está ao seu agrado:
Código:
<style>
.titulofooter {
font-size:17px;
text-transform:uppercase;
border:1px solid #1b801d;
border-radius:5px;
text-align:center;
padding:3px;
font-weight:700;
}
#aba1, #aba2, #aba3 {
display: -webkit-inline-box!important;
padding:10px;
}

.abas {
font-weight:700;
font-family:arial,sans-serif;
text-align:center;
}



.fim {
font-family:arial,sans-serif;
font-weight:700;
text-align:center;
}
</style>
<div class="titulofooter"> Parceiros do Master Publicitário </div>
<div class="abas">
<div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div>
<div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div>
<div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div>
</div>
<br>
<hr>
<div class="fim">Texto</div>

Até mais.
Fraise

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 09.10.15 22:00

Onde adicione tal código?
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 09.10.15 22:02

Onde o senhor desejar. Feliz
Pode ser na mensagem da página inicial, numa página HTML, entre outros. Muito feliz

Até mais.
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 09.10.15 22:05

Tentei colocar na Homepage mas dá conflito com o meu slide, coloquei numa página HTML:
- http://master-publicitario.forumeiros.com/h1-footer

Até é isso amigo só que queria colocar mesmo no fórum percebeu?
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Construir pequeno footer

Mensagem por Sennior 09.10.15 22:09

Bem, vá em teu Template Geral ->> overall_footer_end e coloque este:


Código:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
                     <ul>
                        <li>
<!-- END html_validation -->
                        </li>
                     </ul>
                     <!-- BEGIN switch_footer_links -->
                     <ul class="linklist clearfix">
                        <li class="rightside">
                           <!-- BEGIN footer_link -->
                              <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                              {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                           <!-- END footer_link -->
                        </li>
                     </ul>
                     <!-- END switch_footer_links -->
                     <span class="corners-bottom"><span></span></span>
                  </div>
               </div>
                                 
                                  <style>
.titulofooter {
font-size:17px;
text-transform:uppercase;
border:1px solid #1b801d;
border-radius:5px;
text-align:center;
padding:3px;
font-weight:700;
}
#aba1, #aba2, #aba3 {
display: -webkit-inline-box!important;
padding:10px;
}

.abas {
font-weight:700;
font-family:arial,sans-serif;
text-align:center;
}



.fim {
font-family:arial,sans-serif;
font-weight:700;
text-align:center;
}
</style>
<div class="titulofooter"> Parceiros do Master Publicitário </div>
<div class="abas">
<div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div>
<div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div>
<div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div>
</div>
<br>
<hr>
<div class="fim">Texto</div>
                                 
                                 
               <p class="copyright">
                  <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 -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
</body>
</html>

Até mais.
Sennior
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: Construir pequeno footer

Mensagem por IsmaelS. 09.10.15 22:12

Já apareceu agora queria ajustar com o fórum se possível.
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 09.10.15 22:14

Se não quiser estar a editar templates, pode fazer assim:
Crie um novo JavaScript com investimento em todas as páginas:
Código:
jQuery(document).ready(function() {
    jQuery('#page-footer').before('<div class="titulofooter"> Parceiros do Master Publicitário </div><div class="abas"><div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div></div><br><hr><div class="fim">Texto</div> ');
});

E em seguida, adicione à sua folha de estilos:
Código:
.titulofooter {
font-size:17px;
text-transform:uppercase;
border:1px solid #1b801d;
border-radius:5px;
text-align:center;
padding:3px;
font-weight:700;
}

.abas {
font-weight:700;
font-family:arial,sans-serif;
text-align:center;
}

#aba1, #aba2, #aba3 {
display:inline;
}

.fim {
font-family:arial,sans-serif;
font-weight:700;
text-align:center;
}

Até mais.
Fraise
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 09.10.15 22:18

Retirei o template do Sennior para ver como ficava e até está +/- mas se desejar fazer por template agradeço amigo!! Mas agora falta colocar o fundo do fórum...
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 09.10.15 22:23

Troque o CSS por este:
Código:
.titulofooter {
font-size:17px;
text-transform:uppercase;
border:1px solid #1b801d;
border-radius:5px;
text-align:center;
padding:3px;
font-weight:700;
background-color:#fff !important;
}

.abas {
font-weight:700;
font-family:arial,sans-serif;
text-align:center;
background-color:#fff !important;
}

#aba1, #aba2, #aba3 {
display:inline;
background-color:#fff !important;
}

.fim {
font-family:arial,sans-serif;
font-weight:700;
text-align:center;
background-color:#fff !important;
}

Até mais.
Fraise
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 09.10.15 22:25

Já apareceu algo, mas se reparar o fórum não é todo em branco se reparar ele é montado por imagens...
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 09.10.15 22:27

No CSS que eu lhe forneci, localize todos estes códigos:
Código:
background-color:#fff !important;
E substitua por:
Código:
background: url('URL_DA_IMAGEM') !important;

Até mais.
Fraise
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 09.10.15 22:31

Ficou perfeito só falta ajustar por exemplo colocar lado a lado o TITULO e TEXTO como na imagem.

avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 09.10.15 22:35

Perdão.. te havia passado uma parte do CSS errada!
Adicione no inicio da sua folha de estilos:
Código:
#aba1, #aba2, #aba3 {
display: -webkit-inline-box !important;
}

Até mais.
Fraise
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 09.10.15 22:38

Está quase amigo veja:
- http://master-publicitario.forumeiros.com/

Se reparar aparece algo no meio da letras e está quase a ficar fechado Feliz
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 09.10.15 22:41

Adicione mais este no inicio da folha de estilos:
Código:
#aba1, #aba2, #aba3 {
background: none !important;
}

Até mais.
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 09.10.15 22:44

Continua igual amigo :/
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 10.10.15 15:34

Poderia fornecer o CSS como ele está atualmente?

Até mais.
Fraise
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 10.10.15 15:52

Claro aqui está:
- http://pastebin.com/vbRXZMEy

Uma pequena notificação que reparei depois, eu apenas quero esse "footer" só a aparecer na página inicial e não nas outras, porque reparei que também aparece dentro dos tópicos e assim...
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 10.10.15 15:56

Okay. Troque o CSS do footer por este:
Código:
/* Footer */
#aba1, #aba2, #aba3 {
background: none !important;
}
#aba1, #aba2, #aba3 {
display: -webkit-inline-box !important;
}
.titulofooter {
font-size:17px;
text-transform:uppercase;
border:1px solid #1b801d;
border-radius:5px;
text-align:center;
padding:3px;
font-weight:700;
background: url('http://i66.servimg.com/u/f66/13/46/75/82/body33.png') !important;
}
.abas {
font-weight:700;
font-family:arial,sans-serif;
text-align:center;
}
#aba1, #aba2, #aba3 {
display:inline;
}
.fim {
font-family:arial,sans-serif;
font-weight:700;
text-align:center;
background: url('http://i66.servimg.com/u/f66/13/46/75/82/body33.png') !important;
}

E o JavaScript por este:
Código:
jQuery(document).ready(function() {
    jQuery('div.panel.introduction').before('<div class="titulofooter"> Parceiros do Master Publicitário </div><div class="abas"><div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div></div><br><hr><div class="fim">Texto</div> ');
});

Até mais.
Fraise
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 10.10.15 15:57

Simplesmente passou para o topo do fórum amigo.
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 10.10.15 16:03

É suposto. Para que apareça apenas na página inicial. Muito feliz
Tudo certo agora ou deseja algo mais?

Até mais.
Fraise
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 10.10.15 16:04

Bem ele agora aparece apenas na inicial e sim era isso, mas queria agora colocar no fundo e por baixo das Estatísticas como estava antes percebeu amigo?
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 10.10.15 16:14

Troque o JavaScript por este:
Código:
jQuery(document).ready(function() {
    jQuery('a[href="/search?search_id=activetopics"').before('<div class="titulofooter"> Parceiros do Master Publicitário </div><div class="abas"><div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div></div><br><hr><div class="fim">Texto</div> ');
});


Tudo bem agora? Muito feliz

Até mais.
Fraise
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 10.10.15 16:16

Simplesmente desapareceu amigo :o
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 10.10.15 16:20

Tá complicado! Rindo
Veja assim:
Código:
jQuery(document).ready(function() {
    jQuery('p.page-bottom').before('<div class="titulofooter"> Parceiros do Master Publicitário </div><div class="abas"><div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div></div><br><hr><div class="fim">Texto</div> ');
});

Caso não funcione:
Código:
jQuery(document).ready(function() {
    jQuery('p.page-bottom').after('<div class="titulofooter"> Parceiros do Master Publicitário </div><div class="abas"><div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div></div><br><hr><div class="fim">Texto</div> ');
});

Até mais.
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 10.10.15 16:27

Ficou em cima das estatísticas e repetiu veja amigo:
- http://master-publicitario.forumeiros.com/
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 10.10.15 16:29

O melhor mesmo é nos proceder à edição por template.
Poderia me fornecer o seu template index_body?

Até mais.
Fraise
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 10.10.15 16:30

Claro, aqui está amigo:
Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
   <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
   <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->

   <!-- BEGIN switch_viewonline_link -->
   <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
   <!-- END switch_viewonline_link -->

   <!-- BEGIN switch_viewonline_nolink -->
   <div class="h3">{L_WHO_IS_ONLINE}</div>
   <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

   <!-- BEGIN switch_statistics_link -->
   <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
   <!-- END switch_statistics_link -->

   <!-- BEGIN switch_statistics_nolink -->
   <div class="h3">{L_STATISTICS}</div>
   <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
   <!-- BEGIN switch_chatbox_activate -->
   <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
   <div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
   {CHATTERS_LIST}<br />
   </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
   <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
   <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
   <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
   <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_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_fb_index_login -->
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 11.10.15 12:01

Troque por este:
Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
        </div>
      </form>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
  <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
  <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
  <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
  </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->

  <!-- BEGIN switch_viewonline_link -->
  <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
  <!-- END switch_viewonline_link -->

  <!-- BEGIN switch_viewonline_nolink -->
  <div class="h3">{L_WHO_IS_ONLINE}</div>
  <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

  <!-- BEGIN switch_statistics_link -->
  <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
  <!-- END switch_statistics_link -->

  <!-- BEGIN switch_statistics_nolink -->
  <div class="h3">{L_STATISTICS}</div>
  <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
  <!-- BEGIN switch_chatbox_activate -->
  <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
  <div class="page-bottom">
  {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
  {CHATTERS_LIST}<br />
  </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
  <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
        </div>
      </form>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
  <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
  <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
  <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->
<div class="titulofooter"> Parceiros do Master Publicitário </div><div class="abas"><div id="aba1"><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba2"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div><div id="aba3"><br><br><font color="#73c3aa" size="5">TITULO</font><br>Texto</div></div><br><hr><div class="fim">Texto</div>

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_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_fb_index_login -->

Até mais.
Fraise
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 11.10.15 15:24

Está quase amigo, consegue retira estas pequenas falhas?
Construir pequeno footer 14l6c80

E colocar o título "PARCEIROS DO MASTER PUBLICITÁRIO" do tamanho e verde como o de "Estatísticas" e também se possível deixar como nesta print?
- https://2img.net/h/oi62.tinypic.com/14t1w5w.jpg

Colocar um pequeno banner e separados?
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 11.10.15 15:44

Adicione no inicio da sua folha de estilos:
Código:
.titulofooter { background: none !important; }
.fim { background: none !important; }

.titulofooter {
border: 1px solid #548710!important;
border-radius: 6px!important;
padding: 3px!important;
text-align: center!important;
color: #548710 !important;
}

Mais alguma coisa? Muito feliz

Até mais.
Fraise
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 11.10.15 16:03

Seria possível colocar mais pequeno o título? E se reparar ainda tem aquelas pequenas falhas :/
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Construir pequeno footer

Mensagem por Shek 13.10.15 14:21

Ismael, bom dia.

Você precisa ser específico com sua dúvida. Na verdade, você em momento algum deixa claro o que precisa. Arruamos uma coisa e você quer outra do nada. Por favor, nos deixe saber de tudo o que precisa, pois, quando mais você demora a explicar o que realmente quer mais o tópico e o suporte vai demorando!

Para aumentar ou diminuir um texto usando CSS Ismael, é preciso usar a propriedade font-size. Então, vá em seu CSS e localize:
Código:
div.titulofooter
Quando encontrá-lo, basta adicionar a propriedade font-size: 14px; Modifique o valor numérico para o tamanho que deseja.

Nós estamos a sua disposição para tirar suas dúvidas na qual o senhor tentou modificar. Queremos ensiná-lo como fazer.
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 13.10.15 15:22

Boa tarde!

@Shek, eu na abertura da dúvida explique logo o que desejava, tentou-se e tentou-se e já conseguiu-se colocar um footer, só que tem umas pequenas falhas veja:
Construir pequeno footer 14l6c80

Agora depois de resolver essas falhas queria colocar como esta imagem, colocar um pequeno banner com textos e separados um do outro:
Construir pequeno footer 14t1w5w
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 13.10.15 20:48

Olá!

Poderia me fornecer sua folha de estilos?

Até mais.
Fraise
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

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 13.10.15 22:46

Boa noite!

Aqui está amigo:
- http://pastebin.com/kmmB0t1X
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Construir pequeno footer

Mensagem por IsmaelS. 14.10.15 14:49

Boa tarde!

Quero pedir desculpa a todos por o trabalho a tentarem fazer o que pedi, mas quero dar esta dúvida como resolvida mesmo assim, peço desculpa a todos os usuários que ajudaram nela e obrigado!!
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Construir pequeno footer

Mensagem por Fraise 16.10.15 15:03

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