Parceiros no rodapé

3 participantes

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

Tópico resolvido Parceiros no rodapé

Mensagem por nikkibs 31.01.21 3:10

Detalhes da questão


Endereço do fórum: https://demigods.forumattivo.com/
Versão do fórum: ModernBB

Descrição


Adoraria adicionar uma tabela html com parceiros no rodapé para que ficassem visíveis em todas páginas (o código html eu mesma vou criar).
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por RafaelS. 31.01.21 12:29

Olá @nikkibs,

Para isso, basta você inserir o código HTML da tabela no template overall_footer_begin ou overall_footer_end dependendo da posição exata em que ficará localizada a tabela.

Atenciosamente,
RafaelS. King
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por nikkibs 31.01.21 15:35

Como sou uma asna em HTML, se eu quiser inserir nessa parte, mas ficando disponível em todas as páginas, como faço?
https://imgur.com/FT3Pb6d
EDIT:
O máximo que consegui foi isso https://demigods.forumattivo.com/?tt=1 mas ficou bugado. Coisas que preciso de ajuda pra arrumar:
1. Aparecer só o total de mensagens, quantidade de usuários e último campista registrado nessa parte, por exemplo:
Total de postagens:
Os nossos membros postaram um total de 191 mensagens
2. Na parte dos parceiros, se abrirem no código, vão ver que tentei colocar uma borda com espaço entre ela e a imagem, mas não pegou
3. Colocar os títulos da sessão alinhados (ex: "Dados", "Parceiros" e "Links úteis", todos na mesma linha da tabela, porque estão desnivelados)
4. Colocar espaço entre a borda da tabela e o conteúdo dentro dela
Help -q
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por nikkibs 01.02.21 13:27

Up pra não ir pra lixeira
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por RafaelS. 01.02.21 15:50

nikkibs escreveu:Up pra não ir pra lixeira

Atenção!


Você não pode postar mensagens consecutivas ou UP's antes de se completarem 24 horas desde a sua última mensagem em um tópico.

Por este motivo, pedimos que leia as regras do Setor de Suporte e as regras do Fórum dos Fóruns para não cometer novos erros.




Quanto à sua questão, aceda ao template overall_footer_begin e localize o seguinte trecho:
Código:
<div class="statistics">
.
Basta colocar o código da sua tabela HTML antes desse trecho.

Atenciosamente,
RafaelS. King
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por nikkibs 01.02.21 21:06

O máximo que consegui foi isso https://demigods.forumattivo.com/?tt=1 mas ficou bugado. Coisas que preciso de ajuda pra arrumar:
1. Aparecer só o total de mensagens, quantidade de usuários e último campista registrado nessa parte, por exemplo:
Total de postagens:
Os nossos membros postaram um total de 191 mensagens
2. Na parte dos parceiros, se abrirem no código, vão ver que tentei colocar uma borda com espaço entre ela e a imagem, mas não pegou
3. Colocar os títulos da sessão alinhados (ex: "Dados", "Parceiros" e "Links úteis", todos na mesma linha da tabela, porque estão desnivelados)
4. Colocar espaço entre a borda da tabela e o conteúdo dentro dela
Help -q
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por RafaelS. 01.02.21 22:10

Quanto à sua questão, aceda ao template overall_footer_begin e localize o seguinte trecho:
Código:
<div class="statistics">

Basta colocar o código da sua tabela HTML antes desse trecho.

Atenciosamente,
RafaelS. King
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por nikkibs 01.02.21 23:34

Continua dando os mesmos problemas que citei na mensagem que postei duas vezes. Quote da mensagem citando os problemas:

nikkibs escreveu:O máximo que consegui foi isso https://demigods.forumattivo.com/?tt=1 mas ficou bugado. Coisas que preciso de ajuda pra arrumar:
1. Aparecer só o total de mensagens, quantidade de usuários e último campista registrado nessa parte, por exemplo:
Total de postagens:
Os nossos membros postaram um total de 191 mensagens
2. Na parte dos parceiros, se abrirem no código, vão ver que tentei colocar uma borda com espaço entre ela e a imagem, mas não pegou
3. Colocar os títulos da sessão alinhados (ex: "Dados", "Parceiros" e "Links úteis", todos na mesma linha da tabela, porque estão desnivelados)
4. Colocar espaço entre a borda da tabela e o conteúdo dentro dela
Help -q
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por RafaelS. 01.02.21 23:39

Olá novamente,

Eu pedi para você adicionar novamente, pois não vejo tabela nenhuma em seu fórum. Louco
Você está colocando o código no fórum que você mencionou na sua primeira mensagem?

O problema é que eu preciso visualizar os problemas que você mencionou para poder ajudar a resolvê-los.

Atenciosamente,
RafaelS. King
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por nikkibs 01.02.21 23:47

Na página principal fica assim (no link que enviei da visualização): https://imgur.com/QjfQTQt
Quando abro algum tópico, fica assim: https://imgur.com/yWlm846
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por nikkibs 03.02.21 15:52

Up das 24hs
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por RafaelS. 03.02.21 16:44

nikkibs escreveu:Na página principal fica assim (no link que enviei da visualização): https://imgur.com/QjfQTQt
Quando abro algum tópico, fica assim: https://imgur.com/yWlm846

Agradeço as imagens, mas não são suficientes para poder ajudá-la.
Se você não quiser aplicar o código diretamente no seu fórum, basta criar um secundário para efetuar os testes.

Fico no aguardo do link,
RafaelS. zen
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por nikkibs 03.02.21 23:42

A possibilidade de você criar uma conta lá para ver é inexistente? Ou de eu colocar o código aqui?
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por RafaelS. 05.02.21 12:49

nikkibs escreveu:A possibilidade de você criar uma conta lá para ver é inexistente? Ou de eu colocar o código aqui?

Com todo o respeito, eu não sou obrigado a criar uma conta no seu fórum. Para além disso, deve imaginar que seria pouco viável se tivéssemos de criar uma conta por cada novo tópico de suporte. Geralmente pedimos aos membros para que eles próprios criem a conta (sem poderes moderativos) e nos disponibilizem os dados de acesso. Já aconteceu de eu próprio criar uma conta de livre vontade mas no seu caso, tendo em conta a sua rispidez, muito sinceramente a vontade é pouca.

De qualquer forma, ao colocar o código no local que eu mencionei em uma das mensagens anteriores, a tabela ficaria visível para os visitantes também. Queira me fornecer o seu template overall_footer_begin com o código da tabela, para eu verificar.

Atenciosamente,
RafaelS. King
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por nikkibs 05.02.21 14:10

Mas claaaaaaro que envio, meu querido. Eu amo você

Código:
<!-- BEGIN html_validation -->
<div>
   <div>
      <div>
         <div>

<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
                     <div>
<!-- END html_validation -->
                     </div>
                  </div>
               </div>
            </div>

            <div id="{ID_RIGHT}">
               <!-- BEGIN giefmod_index2 -->
               {giefmod_index2.MODVAR}
               <!-- BEGIN saut -->
               <div style="height:{SPACE_ROW}px"></div>
               <!-- END saut -->
               <!-- END giefmod_index2 -->
            </div>
         </div>
      </div>
   </div>
</div>
         </div>
      </div>
   </div>
</div>

<div class="statistics">
   <div class="wrap">
      <div class="statistics-item">
         {TOTAL_POSTS}
      </div>
      <div class="statistics-item">
         {TOTAL_USERS}
      </div>
      <div class="statistics-item">
         {NEWEST_USER}
      </div>
   </div>
</div>

<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=BenchNine:wght@300&display=swap');
.parceirosquadrado img {
    height: 50px;
    border: thin black solid;
    margin: 0.5em;
    padding: 0.5em;
    width: 50px;
}
.parceirosretangulo img {
    border: 1px solid black;
    height: 50px;
    margin: 1px;
    padding: 3px;
    width: 100px;
}
.table_geral {
    width: 1450px;
    border: 1px solid black;
   background-color:#1c1c1c;
   spacing:10px;
   border-spacing: 10px;
}
.c1 {
    width: 200px;
    spacing: 10px;
    border: 1px solid black;
    spacing: 35px;
}
.c2 {
    width: 750px;
    border: 1px solid black;
}
.c3 {
    width: 150px;
    border: 1px solid black;
}
.titulos {
    font-family: Benchnine;
    font-size: 25px;
    text-transform: uppercase;
   color: white;
}
.tableinterna {
    width: 200px;
    border: none;
    border-spacing: 4px;
    overflow-y: auto;
    height: 200px;
    margin: 10px;
}
.celulainterna {
    width: 100px;
    border: 1px solid black;
    font-family: Benchnine;
    font-size: 14px;
    text-align: center;
    text-align: center;
    text-transform: uppercase;
    background-color: #db7b14;
    color: #1C1C1C !important;
    letter-spacing: 2px;
}
.celulainterna:hover {
    letter-spacing: 4px;
    text-decoration: none;
}
   .statistics-item, .wrap{
      color: white;
   }
  .statistics-item > strong {
    font-size: 15px;
    font-weight: 100;
    line-height: 29px;
    vertical-align: -3px;
}
  .statistics-item {
    /* float: left; */
    text-align: center;
    /* width: 33.3333%; */
}
</style>

<center>
  <table class="table_geral">
      <tbody>
   
    <tr>
      <td class="c1"><div class="statistics">
          <div class="titulos">Dados</div>
          <div class="wrap">Total de postagens:
            <div class="statistics-item"> {TOTAL_POSTS} </div>
            Número de campistas:
            <div class="statistics-item"> {TOTAL_USERS} </div>
            Novo campista:
            <div class="statistics-item"> {NEWEST_USER} </div>
          </div>
        </div>
        <div class="titulos">STAFF</div></td>
      <td class="c2"><div class="titulos">Parceiros</div>
        <table>
          <tbody>
            <tr class="tableinterna">
              <td><div id="parceirosretangulo"> <a href="http://www.zonkos.com.br/topsites/index.php?id=1102"><img src="http://www.zonkos.com.br/topsites/img.php?id=1102"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> </div></td>
              <td><div id="parceirosquadrado"> <a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a> </div></td>
            </tr>
          </tbody>
        </table></td>
      <td class="c3"><table class="tableinterna">
          <tbody>
          <div class="titulos">Links úteis</div>
          <br>
          <tr>
            <td class="celulainterna">Regras</td>
            <td class="celulainterna">Pedidos</td>
          </tr>
          <tr>
            <td class="celulainterna">Tutoriais</td>
            <td class="celulainterna">Poderes</td>
          </tr>
          <tr>
            <td class="celulainterna">Dúvidas</td>
            <td class="celulainterna">Chatbox</td>
          </tr>
            </tbody>
         
        </table></td>
    </tr>
      </tbody>
   
  </table>
</center>

<div id="page-footer">
   <div class="wrap">
      <ul class="footerbar-system">
         <li class="footer-home">
            <a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
         </li>
         <li class="rightside">
<!-- BEGIN html_validation -->
         </li>
      </ul>
   </div>
</div>
<!-- END html_validation -->
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por RafaelS. 05.02.21 14:28

Muitíssimo obrigado Rosa tal como pensei, o código da tabela não estava no local que eu havia mencionado.

Troque o seu template overall_footer_begin pelo seguinte:

Código:
<!-- BEGIN html_validation -->
<div>
  <div>
    <div>
        <div>

<div>
  <div>
    <div>
        <div>
          <div>
              <div>
                <div>
                    <div>
<!-- END html_validation -->
                    </div>
                </div>
              </div>
          </div>

          <div id="{ID_RIGHT}">
              <!-- BEGIN giefmod_index2 -->
              {giefmod_index2.MODVAR}
              <!-- BEGIN saut -->
              <div style="height:{SPACE_ROW}px"></div>
              <!-- END saut -->
              <!-- END giefmod_index2 -->
          </div>
        </div>
    </div>
  </div>
</div>
        </div>
    </div>
  </div>
</div>
<table class="table_geral">
  <tbody>

<tr>
  <td class="c1"><div class="statistics">
      <div class="titulos">Dados</div>
      <div class="wrap">Total de postagens:
        <div class="statistics-item"> {TOTAL_POSTS} </div>
        Número de campistas:
        <div class="statistics-item"> {TOTAL_USERS} </div>
        Novo campista:
        <div class="statistics-item"> {NEWEST_USER} </div>
      </div>
    </div>
    <div class="titulos">STAFF</div></td>
  <td class="c2"><div class="titulos">Parceiros</div>
    <table>
      <tbody>
        <tr class="tableinterna">
          <td><div id="parceirosretangulo"> <a href="http://www.zonkos.com.br/topsites/index.php?id=1102"><img src="http://www.zonkos.com.br/topsites/img.php?id=1102"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> </div></td>
          <td><div id="parceirosquadrado"> <a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a> </div></td>
        </tr>
      </tbody>
    </table></td>
  <td class="c3"><table class="tableinterna">
      <tbody>
      <div class="titulos">Links úteis</div>
      <br>
      <tr>
        <td class="celulainterna">Regras</td>
        <td class="celulainterna">Pedidos</td>
      </tr>
      <tr>
        <td class="celulainterna">Tutoriais</td>
        <td class="celulainterna">Poderes</td>
      </tr>
      <tr>
        <td class="celulainterna">Dúvidas</td>
        <td class="celulainterna">Chatbox</td>
      </tr>
        </tbody>
   
    </table></td>
</tr>
  </tbody>

</table>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=BenchNine:wght@300&display=swap');
.parceirosquadrado img {
  height: 50px;
  border: thin black solid;
  margin: 0.5em;
  padding: 0.5em;
  width: 50px;
}
table.table_geral .statistics .statistics-item {
    font-size: 0;
    float: unset;
}
.parceirosretangulo img {
  border: 1px solid black;
  height: 50px;
  margin: 1px;
  padding: 3px;
  width: 100px;
}
.table_geral {
  width: 1450px;
  border: 1px solid black;
  background-color:#1c1c1c;
  spacing:10px;
  border-spacing: 10px;
}
.c1 {
  width: 200px;
  spacing: 10px;
  border: 1px solid black;
  spacing: 35px;
}
.c2 {
  width: 750px;
  border: 1px solid black;
}
.c3 {
  width: 150px;
  border: 1px solid black;
}
.titulos {
  font-family: Benchnine;
  font-size: 25px;
  text-transform: uppercase;
  color: white;
}
.tableinterna {
  width: 200px;
  border: none;
  border-spacing: 4px;
  overflow-y: auto;
  height: 200px;
  margin: 10px;
}
.celulainterna {
  width: 100px;
  border: 1px solid black;
  font-family: Benchnine;
  font-size: 14px;
  text-align: center;
  text-align: center;
  text-transform: uppercase;
  background-color: #db7b14;
  color: #1C1C1C !important;
  letter-spacing: 2px;
}
.celulainterna:hover {
  letter-spacing: 4px;
  text-decoration: none;
}
  .statistics-item, .wrap{
    color: white;
  }
 .statistics-item > strong {
  font-size: 15px;
  font-weight: 100;
  line-height: 29px;
  vertical-align: -3px;
}
 .statistics-item {
  /* float: left; */
  text-align: center;
  /* width: 33.3333%; */
}
</style>

 

<div id="page-footer">
  <div class="wrap">
    <ul class="footerbar-system">
        <li class="footer-home">
          <a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
        </li>
        <li class="rightside">
<!-- BEGIN html_validation -->
        </li>
    </ul>
  </div>
</div>
<!-- END html_validation -->

Se não ficar do seu agrado, fique à vontade para enumerar as alterações que ainda pretende fazer. Eu amo você

Atenciosamente,
RafaelS. King
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por nikkibs 06.02.21 1:09

Parte desbugou (o suficiente pra não bugar todo o fórum quando aplico e eu poder validar), mas continua com o mesmo problema quando abro os tópicos na parte dos dados: https://demigods.forumattivo.com/f31-jogos-off
Print: https://imgur.com/0uzwP9n
E ainda está com os títulos desalinhados, como aqui: https://imgur.com/DR2oDAc
Socorro, Cleusa KKK
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por RafaelS. 06.02.21 13:22

Olá @nikkibs, tudo bem?

Altere o seu template overall_footer_begin pelo abaixo e confira se os problemas mencionados permanecem.

Código:
<!-- BEGIN html_validation -->
<div>
  <div>
    <div>
        <div>
 
<div>
  <div>
    <div>
        <div>
          <div>
              <div>
                <div>
                    <div>
<!-- END html_validation -->
                    </div>
                </div>
              </div>
          </div>
 
          <div id="{ID_RIGHT}">
              <!-- BEGIN giefmod_index2 -->
              {giefmod_index2.MODVAR}
              <!-- BEGIN saut -->
              <div style="height:{SPACE_ROW}px"></div>
              <!-- END saut -->
              <!-- END giefmod_index2 -->
          </div>
        </div>
    </div>
  </div>
</div>
        </div>
    </div>
  </div>
</div>
<table class="table_geral">
  <tbody>
 
<tr>
  <td class="c1"><div class="statistics">
      <div class="titulos">Dados</div>
      <div class="wrap">Total de postagens:
        <div class="statistics-item" id="nbrmsg"> {TOTAL_POSTS} </div>
        Número de campistas:
        <div class="statistics-item" id="nbrusr"> {TOTAL_USERS} </div>
        Novo campista:
        <div class="statistics-item" id="nwtusr"> {NEWEST_USER} </div>
      </div>
    </div>
    <div class="titulos">STAFF</div></td>
  <td class="c2"><div class="titulos">Parceiros</div>
    <table>
      <tbody>
        <tr class="tableinterna">
          <td><div id="parceirosretangulo"> <a href="http://www.zonkos.com.br/topsites/index.php?id=1102"><img src="http://www.zonkos.com.br/topsites/img.php?id=1102"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> </div></td>
          <td><div id="parceirosquadrado"> <a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a> </div></td>
        </tr>
      </tbody>
    </table></td>
  <td class="c3"><table class="tableinterna">
      <tbody>
      <div class="titulos">Links úteis</div>
      <br>
      <tr>
        <td class="celulainterna">Regras</td>
        <td class="celulainterna">Pedidos</td>
      </tr>
      <tr>
        <td class="celulainterna">Tutoriais</td>
        <td class="celulainterna">Poderes</td>
      </tr>
      <tr>
        <td class="celulainterna">Dúvidas</td>
        <td class="celulainterna">Chatbox</td>
      </tr>
        </tbody>
 
    </table></td>
</tr>
  </tbody>
 
</table>
<script>
(function() {
  'use strict';
  $(function() {
    if(location.pathname === "/")
      return;
    $( "#nbrmsg" ).load( "/ #nbrmsg" );
    $( "#nbrusr" ).load( "/ #nbrusr" );
    $( "#nwtusr" ).load( "/ #nwtusr" );
  });
}(jQuery));
</script>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=BenchNine:wght@300&display=swap');
.parceirosquadrado img {
  height: 50px;
  border: thin black solid;
  margin: 0.5em;
  padding: 0.5em;
  width: 50px;
}
table.table_geral tr td {
    vertical-align: baseline;
}
table.table_geral .statistics .statistics-item {
    font-size: 0;
    float: unset;
}
.parceirosretangulo img {
  border: 1px solid black;
  height: 50px;
  margin: 1px;
  padding: 3px;
  width: 100px;
}
.table_geral {
  border: 1px solid black;
  background-color:#1c1c1c;
  border-spacing: 10px;
}
.c1 {
  width: 200px;
  border: 1px solid black;
}
.c2 {
  width: 750px;
  border: 1px solid black;
}
.c3 {
  width: 150px;
  border: 1px solid black;
}
.titulos {
  font-family: Benchnine;
  font-size: 25px;
  text-transform: uppercase;
  color: white;
}
.tableinterna {
  width: 200px;
  border: none;
  border-spacing: 4px;
  overflow-y: auto;
  height: 200px;
  margin: 10px;
}
.celulainterna {
  width: 100px;
  border: 1px solid black;
  font-family: Benchnine;
  font-size: 14px;
  text-align: center;
  text-align: center;
  text-transform: uppercase;
  background-color: #db7b14;
  color: #1C1C1C !important;
  letter-spacing: 2px;
}
.celulainterna:hover {
  letter-spacing: 4px;
  text-decoration: none;
}
  .statistics-item, .wrap{
    color: white;
  }
 .statistics-item > strong {
  font-size: 15px;
  font-weight: 100;
  line-height: 29px;
  vertical-align: -3px;
}
 .statistics-item {
  text-align: center;
}
</style>
 
 
 
<div id="page-footer">
  <div class="wrap">
    <ul class="footerbar-system">
        <li class="footer-home">
          <a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
        </li>
        <li class="rightside">
<!-- BEGIN html_validation -->
        </li>
    </ul>
  </div>
</div>
<!-- END html_validation -->

Atenciosamente,
RafaelS. King
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por nikkibs 07.02.21 2:00

Funcionou nos títulos, mas nessa parte https://imgur.com/X3AkJDj os nomes dos botões ficaram para cima. Em teoria, teriam que ficar no centro.
Aproveitando o post pra fazer o resto das alterações que precisava (e me livrar logo, porque tenho trauma de template):
- Essa coisa dos botões
- A borda dos parceiros que não consigo fazer aparecer, nem trocando de cor
- Ajeitar os dados pra aparecer do lado do texto (print atual: https://imgur.com/puE5zDp ; desejado:
TOTAL DE POSTAGENS: 197 MENSAGENS
NÚMERO DE CAMPISTAS: 6 USUÁRIOS
NOVO CAMPISTA: MATEUSANJOS
Foi mal o caps, foi no ctrl C e V)
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por RafaelS. 07.02.21 18:51

Olá @nikkibs,

Peço perdão, pois não reparei que acabei alinhado os outros títulos também, basta trocar o template novamente por este:

Código:
<!-- BEGIN html_validation -->
<div>
  <div>
    <div>
        <div>
 
<div>
  <div>
    <div>
        <div>
          <div>
              <div>
                <div>
                    <div>
<!-- END html_validation -->
                    </div>
                </div>
              </div>
          </div>
 
          <div id="{ID_RIGHT}">
              <!-- BEGIN giefmod_index2 -->
              {giefmod_index2.MODVAR}
              <!-- BEGIN saut -->
              <div style="height:{SPACE_ROW}px"></div>
              <!-- END saut -->
              <!-- END giefmod_index2 -->
          </div>
        </div>
    </div>
  </div>
</div>
        </div>
    </div>
  </div>
</div>
<table class="table_geral">
  <tbody>
 
<tr>
  <td class="c1"><div class="statistics">
      <div class="titulos">Dados</div>
      <div class="wrap">Total de postagens:
        <div class="statistics-item" id="nbrmsg"> {TOTAL_POSTS} </div><br />
        Número de campistas:
        <div class="statistics-item" id="nbrusr"> {TOTAL_USERS} </div><br />
        Novo campista:
        <div class="statistics-item" id="nwtusr"> {NEWEST_USER} </div>
      </div>
    </div>
    <div class="titulos">STAFF</div></td>
  <td class="c2"><div class="titulos">Parceiros</div>
    <table>
      <tbody>
        <tr class="tableinterna">
          <td><div id="parceirosretangulo"> <a href="http://www.zonkos.com.br/topsites/index.php?id=1102"><img src="http://www.zonkos.com.br/topsites/img.php?id=1102"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> </div></td>
          <td><div id="parceirosquadrado"> <a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a> </div></td>
        </tr>
      </tbody>
    </table></td>
  <td class="c3"><table class="tableinterna">
      <tbody>
      <div class="titulos">Links úteis</div>
      <br>
      <tr>
        <td class="celulainterna">Regras</td>
        <td class="celulainterna">Pedidos</td>
      </tr>
      <tr>
        <td class="celulainterna">Tutoriais</td>
        <td class="celulainterna">Poderes</td>
      </tr>
      <tr>
        <td class="celulainterna">Dúvidas</td>
        <td class="celulainterna">Chatbox</td>
      </tr>
        </tbody>
 
    </table></td>
</tr>
  </tbody>
 
</table>
<script>
(function() {
  'use strict';
  $(function() {
    if(location.pathname === "/")
      return;
    $( "#nbrmsg" ).load( "/ #nbrmsg" );
    $( "#nbrusr" ).load( "/ #nbrusr" );
    $( "#nwtusr" ).load( "/ #nwtusr" );
  });
}(jQuery));
</script>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=BenchNine:wght@300&display=swap');
.parceirosquadrado img {
  height: 50px;
  border: thin black solid;
  margin: 0.5em;
  padding: 0.5em;
  width: 50px;
}
table.table_geral > tbody > tr > td {
    vertical-align: baseline;
}
table.table_geral .statistics .statistics-item {
    font-size: 0;
    float: unset;
    display: inline-block;
    letter-spacing: 0;
    text-align: unset;
    padding-left: 6px;
}
.table_geral .c1 .statistics-item strong {
    vertical-align: unset;
}
td.c1 .statistics .wrap {
    padding: 0 15px;
}
.parceirosretangulo img {
  border: 1px solid black;
  height: 50px;
  margin: 1px;
  padding: 3px;
  width: 100px;
}
.table_geral {
  border: 1px solid black;
  background-color:#1c1c1c;
  border-spacing: 10px;
}
.c1 {
  width: 250px;
  border: 1px solid black;
}
.c2 {
  width: 750px;
  border: 1px solid black;
}
.c3 {
  width: 150px;
  border: 1px solid black;
}
.titulos {
  font-family: Benchnine;
  font-size: 25px;
  text-transform: uppercase;
  color: white;
}
.tableinterna {
  width: 200px;
  border: none;
  border-spacing: 4px;
  overflow-y: auto;
  height: 200px;
  margin: 10px;
}
.celulainterna {
  width: 100px;
  border: 1px solid black;
  font-family: Benchnine;
  font-size: 14px;
  text-align: center;
  text-align: center;
  text-transform: uppercase;
  background-color: #db7b14;
  color: #1C1C1C !important;
  letter-spacing: 2px;
}
.celulainterna:hover {
  letter-spacing: 4px;
  text-decoration: none;
}
  .statistics-item, .wrap{
    color: white;
  }
 .statistics-item > strong {
  font-size: 15px;
  font-weight: 100;
  line-height: 29px;
  vertical-align: -3px;
}
 .statistics-item {
  text-align: center;
}
</style>
 
 
 
<div id="page-footer">
  <div class="wrap">
    <ul class="footerbar-system">
        <li class="footer-home">
          <a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
        </li>
        <li class="rightside">
<!-- BEGIN html_validation -->
        </li>
    </ul>
  </div>
</div>
<!-- END html_validation -->

Obs: para colocar as informações do lado dos dados, foi necessário aumentar a largura da primeira "coluna".

Só faltou corrigir a parte da borda, pois não entendi muito bem a qual borda você se refere. Pelo que pude ver as imagens já tem uma borda preta:

Parceiros no rodapé TZwI3Hg

Você poderia esclarecer melhor esse ponto?

Atenciosamente,
RafaelS. King
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por nikkibs 07.02.21 20:31

Sem problemas sobre os títulos.

Sobre a borda: A minha ideia era colocar uma borda cinza bem clarinha, com um padding de 1 ou 2 pixels entre a borda e o banner. E, entre cada parceiro, colocar uma margem mínima também. Mas, por algum motivo, não consigo fazer pegar.

Deu bug em uma parte: Quando abri um tópico, ficou assim https://imgur.com/jFfiPWV e o número de campistas continua embaixo, inclusive na página principal https://imgur.com/bD6Af8F

Obs: Fui registrar a conta teste para seu ajudeiro e deu bug no espaço dela também, na parte do último usuário registrado. Se puder ajudar, agradeço
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por RafaelS. 08.02.21 18:37

Olá @nikkibs,

Aqui está o novo template overall_footer_begin, com todas as correções que pediu:
Código:
<!-- BEGIN html_validation -->
<div>
  <div>
    <div>
        <div>
 
<div>
  <div>
    <div>
        <div>
          <div>
              <div>
                <div>
                    <div>
<!-- END html_validation -->
                    </div>
                </div>
              </div>
          </div>
 
          <div id="{ID_RIGHT}">
              <!-- BEGIN giefmod_index2 -->
              {giefmod_index2.MODVAR}
              <!-- BEGIN saut -->
              <div style="height:{SPACE_ROW}px"></div>
              <!-- END saut -->
              <!-- END giefmod_index2 -->
          </div>
        </div>
    </div>
  </div>
</div>
        </div>
    </div>
  </div>
</div>
<table class="table_geral">
  <tbody>
 
<tr>
  <td class="c1"><div class="statistics">
      <div class="titulos">Dados</div>
      <div class="wrap">Total de postagens:
        <div class="statistics-item" id="nbrmsg"> {TOTAL_POSTS} </div><br />
        Número de campistas:
        <div class="statistics-item" id="nbrusr"> {TOTAL_USERS} </div><br />
        Novo campista:
        <div class="statistics-item" id="nwtusr"> {NEWEST_USER} </div>
      </div>
    </div>
    <div class="titulos">STAFF</div></td>
  <td class="c2"><div class="titulos">Parceiros</div>
    <table>
      <tbody>
        <tr class="tableinterna">
          <td><div id="parceirosretangulo"> <a href="http://www.zonkos.com.br/topsites/index.php?id=1102"><img src="http://www.zonkos.com.br/topsites/img.php?id=1102"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> <a href="LINK"><img src="http://placehold.it/88x31"></a> </div></td>
          <td><div id="parceirosquadrado"> <a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="LINK"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a><a href="link"><img src="http://placehold.it/50x50"></a> </div></td>
        </tr>
      </tbody>
    </table></td>
  <td class="c3"><table class="tableinterna">
      <tbody>
      <div class="titulos">Links úteis</div>
      <br>
      <tr>
        <td class="celulainterna">Regras</td>
        <td class="celulainterna">Pedidos</td>
      </tr>
      <tr>
        <td class="celulainterna">Tutoriais</td>
        <td class="celulainterna">Poderes</td>
      </tr>
      <tr>
        <td class="celulainterna">Dúvidas</td>
        <td class="celulainterna">Chatbox</td>
      </tr>
        </tbody>
 
    </table></td>
</tr>
  </tbody>
 
</table>
<script>
(function() {
  'use strict';
  $(function() {
    if(location.pathname === "/")
      return;
    $( "#nbrmsg" ).load( "/ #nbrmsg" );
    $( "#nbrusr" ).load( "/ #nbrusr" );
    $( "#nwtusr" ).load( "/ #nwtusr" );
  });
}(jQuery));
</script>
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=BenchNine:wght@300&display=swap');
.parceirosquadrado img {
  height: 50px;
  border: thin black solid;
  margin: 0.5em;
  padding: 0.5em;
  width: 50px;
}
table.table_geral > tbody > tr > td {
    vertical-align: baseline;
}
table.table_geral .statistics .statistics-item {
    font-size: 0;
    float: unset;
    display: inline-block;
    letter-spacing: 0;
    text-align: unset;
    padding-left: 6px;
    width: auto;
}
.table_geral .c1 .statistics-item strong {
    vertical-align: unset;
}
td.c1 .statistics .wrap {
    padding: 0 15px;
}
.table_geral {
  border: 1px solid black;
  background-color:#1c1c1c;
  border-spacing: 10px;
}
.c1 {
  width: 250px;
  border: 1px solid black;
}
.c2 {
  width: 750px;
  border: 1px solid black;
}
.c3 {
  width: 150px;
  border: 1px solid black;
}
.titulos {
  font-family: Benchnine;
  font-size: 25px;
  text-transform: uppercase;
  color: white;
}
.tableinterna {
  width: 200px;
  border: none;
  border-spacing: 4px;
  overflow-y: auto;
  height: 200px;
  margin: 10px;
}
.celulainterna {
  width: 100px;
  border: 1px solid black;
  font-family: Benchnine;
  font-size: 14px;
  text-align: center;
  text-align: center;
  text-transform: uppercase;
  background-color: #db7b14;
  color: #1C1C1C !important;
  letter-spacing: 2px;
}
.celulainterna:hover {
  letter-spacing: 4px;
  text-decoration: none;
}
  .statistics-item, .wrap{
    color: white;
  }
 .statistics-item > strong {
  font-size: 15px;
  font-weight: 100;
  line-height: 29px;
  vertical-align: -3px;
}
 .statistics-item {
  text-align: center;
}
#parceirosretangulo a img {
    border: 1px solid gray;
    padding: 1px;
    margin: 2px;
}
</style>
 
 
 
<div id="page-footer">
  <div class="wrap">
    <ul class="footerbar-system">
        <li class="footer-home">
          <a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
        </li>
        <li class="rightside">
<!-- BEGIN html_validation -->
        </li>
    </ul>
  </div>
</div>
<!-- END html_validation -->

Caso não esteja do seu agrado, fique à vontade para alterar a margem, padding e/ou a borda a partir da linha 182 do código.

Atenciosamente,
RafaelS. King
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por nikkibs 08.02.21 23:37

Ficou perfeito. Nem creio que já posso dizer isso, mas podemos encerrar o tópico KKKK Ouvindo o coro de Dorimé na minha mente KKKKK
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Parceiros no rodapé

Mensagem por Roevs 09.02.21 5:06

Tópico resolvido


Movido para "Questões resolvidas".
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

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