Data/hora atual: 19.03.24 7:58

13 resultados encontrados para main-content

Barra de membros conectados preta

Olá @Luqui,

Você tem este código no CSS acima:

#main-content .statistics  {
     background-color: #fff;
     padding: 17px!important;
}


Porém, a divisão com a class "statistics" não se encontra dentro de "#main-content", por isso ele não funciona.

Substitua apenas o trecho acima por este:

Código:
#main .statistics  {
      background-color: #fff;
      padding: 17px!important;
}


Abraços. Feliz
por RafaelS.
em 19.07.18 0:24
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Barra de membros conectados preta
Respostas: 5
Vistos: 887

Categorias coloridas

Só adicionando uma coisa aqui ao código do @while, repare:
#main-content > div:nth-child(10) {background: green;}
#main-content > div:nth-child(11) {background: #e6ad1d;}


A vermelho, está uma espécie de "ids", sendo que o 10 corresponde à segunda categoria, o 11 à terceira e assim adiante.

Abraço.
por Fraise
em 18.06.16 0:23
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Categorias coloridas
Respostas: 26
Vistos: 1185

Botão 'Obrigado(a)' visível em área específica

Olá amigo!

Siga por este caminho:
Painel de Controle Seta Módulos Seta Gestão de códigos JavaScript Seta Criar novo código JavaScript

Assim, copie e cole este código na zona de texto:

jQuery(document).ready(function(){if(jQuery('.post:eq(0) .i_icon_edit') & ('.pathname-box a.nav[href*="/X-"]').length){jQuery('#main-content h1.page-title:eq(0)').before('<div style="background:#C8E2B7;border:1px solid green;padding:5px;color:#666666;text-align:center;font-family:Verdana;font-size:11px"><img src=https://i.imgur.com/uPsiC.png height=48 style=vertical-align:middle> Ajude a organizar o fórum, caso sua dúvida tenha sido resolvida clique no botão resolvido</div>')}});

jQuery(document).ready(function(){var r='.post:eq(0) .i_icon_edit';if(jQuery(r).length){jQuery('.buttons').append('&nbsp&nbsp&nbsp<a href="'+jQuery(r).parent().attr('href')+'&solved=true"><img src=https://i.imgur.com/EFz6C.gif></a>')};if(location.href.match(/&solved=true/)){jQuery('form[name="post"]').append('<input type=hidden name=post_icon value=X>');p=document.getElementById('post_icon_X');if(p){p.checked=true};jQuery('.submit-buttons input[name="post"]').click()}});


Negrito Seta ID do fórum ou categoria que deseja aplicar o botão nos tópicos. Exemplo: c1-

Vermelho Seta Número que corresponde a ordem da imagem do botão que será inserida. Se for a segunda, coloque o número 2.
Neste caso, vá para Painel de Controle Seta Visualizações Seta Imagens Seta Ícones de Mensagens, para poder gerir a imagem do botão resolvido.

Investimento do código marcando as caixas de seleções: Nos Sub-fóruns e Nos tópicos.
(Não tenho certeza de como marcar, já que não aparece no tutorial este detalhe)

Para mais informações, consulte o tutorial: botão Resolvido (PhpBB3 e PunBB)


Até mais o/
por ShaDownS
em 28.05.16 23:22
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Botão 'Obrigado(a)' visível em área específica
Respostas: 3
Vistos: 953

Legenda do Fórum

Olá,

Procure em sua CSS por #main-content em b * e altere a chave para:

Código:
#main-content em b * {
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
}


Até mais.
por GSCode
em 27.03.16 23:02
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Legenda do Fórum
Respostas: 3
Vistos: 605

Largura do fórum

Olá!
Spoiler:

zen
por Hyouki
em 11.02.16 16:59
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Largura do fórum
Respostas: 6
Vistos: 3898

Remover imagem de fundo dos botões da resposta rápida

Folha de CSS:


@Mshas ai está espero que possa me ajudar
por Rafusqui_
em 29.08.15 22:31
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Remover imagem de fundo dos botões da resposta rápida
Respostas: 11
Vistos: 11547

Como alinhar o título dos tópicos?

@Vitor-Vicente, este é o máximo que da para ficar:

Código:
li.header dl.icon {
  min-height: 0;
  margin-left: -5px;
}


Se não der certo, retire todos os meus códigos e faça o que o @Shek mencionou


Neste mesmo código que mencionou, poderá apenas adicionar a propriedade width: 125px; e resolver o problema. Contudo, nota-se que ao fazer isso você vai forçar um pouco o span a ficar, digamos assim... "Apertado".

Adicione a propriedade no seletor #main-content > div.forabg > div > ul.topiclist.forums > li > dl > dd.lastpost > span e salve. Feliz


Ou seja,

Código:
#main-content > div.forabg > div > ul.topiclist.forums > li > dl > dd.lastpost > span {width: 125px;}



Até mais! Positivo
por Shaman
em 08.04.15 21:05
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como alinhar o título dos tópicos?
Respostas: 26
Vistos: 1289

Como alinhar o título dos tópicos?

Olá!

Neste mesmo código que mencionou, poderá apenas adicionar a propriedade width: 125px; e resolver o problema. Contudo, nota-se que ao fazer isso você vai forçar um pouco o span a ficar, digamos assim... "Apertado".

Adicione a propriedade no seletor #main-content > div.forabg > div > ul.topiclist.forums > li > dl > dd.lastpost > span e salve. Feliz

Atenciosamente,
Shek
por Shek
em 05.04.15 7:58
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como alinhar o título dos tópicos?
Respostas: 26
Vistos: 1289

Como alinhar o título dos tópicos?

unico jeito pra ficar bom é se desse pra puxar  essa parte um pouco pra esquerda


http://prntscr.com/6mqh34

a parte que me pediu pra alterar fiz assim

#main-content > div.forabg > div > ul:nth-child(2) > li > dl > dd.lastpost > span {
left: 20px!important;
position: relative!important;
}
#main-content > div.forabg > div > ul.topiclist.forums > li > dl > dd.lastpost > span {
left: 08px!important;
position: relative!important;
}

resultado abaixo:

http://prntscr.com/6mwnhc

http://prntscr.com/6mwq0x - http://mastergz.forumbrasil.net/f5-equipes-do-brasil

http://prntscr.com/6mwqqq - http://mastergz.forumbrasil.net/f13-omgz


http://prntscr.com/6mwryb - http://mastergz.forumbrasil.net/f22-torneios-ganho-em-2015 - essa parte ficou excelente
por Vitor-Vicente
em 29.03.15 8:13
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como alinhar o título dos tópicos?
Respostas: 26
Vistos: 1289

Como alinhar o título dos tópicos?

é meio complicado heim, se desse pra puxar na primeira pagina um pouco pra esquerda eu fiz assim

#main-content > div.forabg > div > ul:nth-child(2) > li > dl > dd.lastpost > span {
left: 20px!important;
position: relative!important;
}
#main-content > div.forabg > div > ul.topiclist.forums > li > dl > dd.lastpost > span {
left: 08px!important;
position: relative!important;
}


resultado foi esse , mas nao ficou bom, ver imagens abaixo:

http://prntscr.com/6mq8c1

http://prntscr.com/6mq8ww

http://prntscr.com/6mq944
por Vitor-Vicente
em 29.03.15 7:57
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como alinhar o título dos tópicos?
Respostas: 26
Vistos: 1289

Background atras do menu de navegação

Saudações,

Encontrei um jeito para pegar o Campo de navegação sem pegar o anuncio. É se mexermos com a largura usando a classe #main-content a categoria também irá ser afetada. No mais o jeito seria:

Vá no painel de edição de Templates:
Painel de Controle Seta Visualização Seta Templates Seta Geral
Procure pelo Template index_box e clique em Tópicos com a tag main-content em Fórum dos Fóruns Editer.
Agora na caixa de buscar do teu Template, procure por "main":
Tópicos com a tag main-content em Fórum dos Fóruns 7cHovQ4

Ao encontrar, o senhor vai copiar o código logo acima do Main que será como o abaixo e colocar dentro da lasse Main:

CÓDIGO A SER COPIADO:
Código:
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
   <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>


Como deverá ficar:
Seta http://prntscr.com/5zn8k4

Se não compreendeu, mande nos teu Template para a modificação.
Até mais.
por Sennior
em 01.02.15 7:06
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Background atras do menu de navegação
Respostas: 11
Vistos: 892

[TUTORIAL] Adicionar botão Resolvido (PhpBB3 e PunBB)

Tópicos com a tag main-content em Fórum dos Fóruns Ecrire2 Botão Resolvido
A partir deste tutorial aprenderemos a aplicar um código no fórum que dará o mesmo resultado obtido com o botão que tem a função de dar como resolvido o tópico.



--> Tutoriais e astúcias <--
Adicionar botão resolvido (Phpbb3 e PunBB)



- Código a ser utilizado:
Cada versão tem um código, então terá somente de escolher o da sua versão! A parte em vermelho terá de ser configurada, mas ela será explicada mais para o fim deste pontos.
Tópicos com a tag main-content em Fórum dos Fóruns Versio11 PhpBB 3


jQuery(document).ready(function(){if(jQuery('.post:eq(0) .i_icon_edit') & ('.pathname-box a.nav[href*="/X-"]').length){jQuery('#main-content h1.page-title:eq(0)').before('<div style="background:#C8E2B7;border:1px solid green;padding:5px;color:#666666;text-align:center;font-family:Verdana;font-size:11px"><img src=https://i.imgur.com/uPsiC.png height=48 style=vertical-align:middle> Ajude a organizar o fórum, caso sua dúvida tenha sido resolvida clique no botão resolvido</div>')}});

jQuery(document).ready(function(){var r='.post:eq(0) .i_icon_edit';if(jQuery(r).length){jQuery('.buttons').append('&nbsp&nbsp&nbsp<a href="'+jQuery(r).parent().attr('href')+'&solved=true"><img src=https://i.imgur.com/EFz6C.gif></a>')};if(location.href.match(/&solved=true/)){jQuery('form[name="post"]').append('<input type=hidden name=post_icon value=X>');p=document.getElementById('post_icon_X');if(p){p.checked=true};jQuery('.submit-buttons input[name="post"]').click()}});



Tópicos com a tag main-content em Fórum dos Fóruns Versio15 PunBB

jQuery(document).ready(function(){if(jQuery('.post:eq(0) .i_icon_edit') & ('.pathname-box a.nav[href*="/X-"]').length){jQuery('.pun .main .main-content p.message:eq(0)').before('<div style="background:#C8E2B7;border:1px solid green;padding:5px;color:#666666;text-align:center;font-family:Verdana;font-size:11px"><img src=https://i.imgur.com/uPsiC.png height=48 style=vertical-align:middle> Ajude a organizar o fórum, caso sua dúvida tenha sido resolvida clique no botão resolvido</div>')}});

jQuery(document).ready(function(){var r='.post:eq(0) .i_icon_edit';if(jQuery(r).length){jQuery('.pun .paged-foot').append('&nbsp&nbsp&nbsp<a href="'+jQuery(r).parent().attr('href')+'&solved=true"><img src=https://i.imgur.com/EFz6C.gif></a>')};if(location.href.match(/&solved=true/)){jQuery('form[name="post"]').append('<input type=hidden name=post_icon value=X>');p=document.getElementById('post_icon_X');if(p){p.checked=true};jQuery('.submit-buttons input[name="post"]').click()}});


Negrito -> Neste local substituirá o X pelo id do fórum ou categoria que deseja implantar o botão, exemplo: ajuda.forumeiros.com/c1- (categoria), ajuda.forumeiros.com/f10- (fórum), o id será os caracteres após a barra e antes do traço.

Vermelho -> Será o número correspondente a ordem que esta salva o ícone da mensagem, por exemplo, aqui no fdf está em terceiro lugar o ícone, será o número 3.

Tópicos com a tag main-content em Fórum dos Fóruns Magic Respostas Rápidas

A partir deste tutorial podemos aplicar um código no fórum que irá auxiliar no carregamento mais rápido das respostas rápidas.


--> Tutoriais e astúcias <--
Acelerar o carregamento das respostas rápidas



- Código a ser utilizado:
O código a ser utilizado será este:
Código:
jQuery(function(){jQuery("form#quick_reply input[name='post']").click(function(){jQuery('<iframe name="replyreload" height="0px" width="0px" frameborder="0"></iframe>').insertBefore('form#quick_reply');jQuery('form#quick_reply').attr('target','replyreload');jQuery('form#quick_reply').submit(function(){var t=setTimeout("fmreply()",1000);});});});function fmreply(){window.location.reload()}



- Aplicação do tutorial:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
Tópicos com a tag main-content em Fórum dos Fóruns Painel13
Tópicos com a tag main-content em Fórum dos Fóruns 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Tópicos com a tag main-content em Fórum dos Fóruns 110210Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
Tópicos com a tag main-content em Fórum dos Fóruns 110310Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
Tópicos com a tag main-content em Fórum dos Fóruns 110410Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.





© Fórum dos Fóruns


Tópicos com a tag main-content em Fórum dos Fóruns Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Acelerar o carregamento das respostas rápidas


  • Resultado:
    (carregue na imagem para aumentar)
    Tópicos com a tag main-content em Fórum dos Fóruns UGuDN





© Fórum dos Fóruns


Tópicos com a tag main-content em Fórum dos Fóruns Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Adicionar botão Resolvido (PhpBB3 e PunBB)
por seender
em 28.01.13 23:20
 
Procurar em: Tópicos e Mensagens
Tópico: [TUTORIAL] Adicionar botão Resolvido (PhpBB3 e PunBB)
Respostas: 0
Vistos: 9130

[TUTORIAL] Substituir nome do grupo por imagem na legenda




Tópicos com a tag main-content em Fórum dos Fóruns Templates

Substituir nome do grupo por imagem na legenda


Com este tutorial, nós estaremos mostrando a seguir como substituir um nome de um grupo na legenda de seu fórum por uma imagem. Preste bem a atenção nos campos que devem ser modificados.

--> Tutoriais, dicas e astúcias <--
Substituir nome do grupo por imagem na legenda


- Noção básica da função:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Vá em:
Painel de controle Seta curta Modulos Seta curta HTML & JavaScript Seta curta "Aba" Gestão dos códigos JavaScripts



Tópicos com a tag main-content em Fórum dos Fóruns Painel13
Tópicos com a tag main-content em Fórum dos Fóruns 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.

Tópicos com a tag main-content em Fórum dos Fóruns 110210Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.

Tópicos com a tag main-content em Fórum dos Fóruns 110310Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.

Tópicos com a tag main-content em Fórum dos Fóruns 110410Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

- Código a ser usado:
Primeiro de tudo, veja que no código nos destacamos de vermelho os campos que devem ser alterados. Altere de acordo com a explicação.
jQuery(document).ready(function(){g='NOME';jQuery('td.row1 span.gensmall:contains("Legenda") b a:contains("'+g+'"),#main-content p em b a:contains("'+g+'"),#pun-info #onlinelist p:contains("Legenda") b a:contains("'+g+'"),td.row2 div:contains("Legenda") b a:contains("'+g+'")').html('<img src="IMAGEM">')});


  • Nome: Se refere ao nome do Grupo que deseja a substituição para a imagem;
  • Imagem: Neste campo, altere pela imagem que deseja a substituição pelo nome do grupo;


Resultado:

Tópicos com a tag main-content em Fórum dos Fóruns MMZig72




© Fórum dos Fóruns
Tópicos com a tag main-content em Fórum dos Fóruns Questi11 Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[DÚVIDA] Substituir nome do grupo por imagem na legenda
por Luciano98
em 03.04.12 6:23
 
Procurar em: Rodapé e fundo do fórum
Tópico: [TUTORIAL] Substituir nome do grupo por imagem na legenda
Respostas: 0
Vistos: 5116

Ir para o topo

Ir para: