Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosParceiros no rodapé
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Parceiros no rodapé
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- ****
- Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582 -
Re: Parceiros no rodapé
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.
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.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Parceiros no rodapé
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
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- ****
- Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582 -
nikkibs- ****
- Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582 -
Re: Parceiros no rodapé
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.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Parceiros no rodapé
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
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- ****
- Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582 -
Re: Parceiros no rodapé
por RafaelS. 01.02.21 22:10
Quanto à sua questão, aceda ao template overall_footer_begin e localize o seguinte trecho:
Basta colocar o código da sua tabela HTML antes desse trecho.
Atenciosamente,
RafaelS.
- Código:
<div class="statistics">
Basta colocar o código da sua tabela HTML antes desse trecho.
Atenciosamente,
RafaelS.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Parceiros no rodapé
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- ****
- Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582 -
Re: Parceiros no rodapé
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.
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.
Eu pedi para você adicionar novamente, pois não vejo tabela nenhuma em seu fórum.
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.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Parceiros no rodapé
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
Quando abro algum tópico, fica assim: https://imgur.com/yWlm846
nikkibs- ****
- Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582 -
nikkibs- ****
- Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582 -
Re: Parceiros no rodapé
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.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Parceiros no rodapé
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- ****
- Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582 -
Re: Parceiros no rodapé
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.
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.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Parceiros no rodapé
por nikkibs 05.02.21 14:10
Mas claaaaaaro que envio, meu querido. 
- 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- ****
- Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582 -
Re: Parceiros no rodapé
por RafaelS. 05.02.21 14:28
Muitíssimo obrigado 
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:
Se não ficar do seu agrado, fique à vontade para enumerar as alterações que ainda pretende fazer.
Atenciosamente,
RafaelS.
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.
Atenciosamente,
RafaelS.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Parceiros no rodapé
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
Print: https://imgur.com/0uzwP9n
E ainda está com os títulos desalinhados, como aqui: https://imgur.com/DR2oDAc
Socorro, Cleusa KKK
nikkibs- ****
- Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582 -
Re: Parceiros no rodapé
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.
Atenciosamente,
RafaelS.
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.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Parceiros no rodapé
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)
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- ****
- Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582 -
Re: Parceiros no rodapé
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:
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:
Você poderia esclarecer melhor esse ponto?
Atenciosamente,
RafaelS.
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:
Você poderia esclarecer melhor esse ponto?
Atenciosamente,
RafaelS.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Parceiros no rodapé
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
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- ****
- Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582 -
Re: Parceiros no rodapé
por RafaelS. 08.02.21 18:37
Olá @nikkibs,
Aqui está o novo template overall_footer_begin, com todas as correções que pediu:
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.
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.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Parceiros no rodapé
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- ****
- Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582 -
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos