Mensagens/Sub-Fóruns

2 participantes

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

Tópico resolvido Mensagens/Sub-Fóruns

Mensagem por YouTube3 03.04.17 0:30

Detalhes da questão


Endereço do fórum: http://vgnfamily.forumais.com
Versão do fórum: PunBB

Descrição


Boa noite.

Olá, ontem quando puis um código, para ajustar os ícones do índice do fórum, 
notei que bugou algumas partes.

Na parte de "Mensagens Privadas", o texto "Não há mensagens nesta pasta".
Subiu muito para cima e foi muito para esquerda, gostaria de arrumar se for possível.
Mensagens/Sub-Fóruns Hhby7nD

Na parte dos "Sub-Fóruns" antes do ícone "Você postou neste tópico"
Tinha um ícone, de "anúncio global" gostaria de fazer aparece-lo novamente.
Mensagens/Sub-Fóruns AcvhdFC

 Gostaria de ajeitar as partes citados acima sem mexer nos ícones do índice é possível?
Ícones que eu digo: https://i.imgur.com/GBMgGMM.jpg

Espero que entenda até mais.


Última edição por YouTube3 em 05.04.17 19:21, editado 2 vez(es)
YouTube3

YouTube3
Super Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por Luiz 03.04.17 1:02

Olá,

Adicione ao final de sua CSS:
Código:
.tdtopics .status img {
  margin-left: 6px!important;
}

.tdtopics strong {
  margin-left: 23px!important;
}

.tdtopics a[href*="/u"] span strong {
  margin-left: 7px!important;
}

form td.tcl.tdtopics strong {
  position: relative;
  top: 13px;
  left: 13px;
}

Tchau
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por YouTube3 03.04.17 2:01

Na parte das mensagens privadas, deu certo.
No sub-fóruns, ficou assim: https://i.imgur.com/RVw8n4Y.jpg um ícone encima do outro.
YouTube3

YouTube3
Super Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por Luiz 03.04.17 17:57

Olá,

Use este código:
Código:
.tdtopics .status img:last-child {
  visibility: hidden;
}

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por YouTube3 03.04.17 18:13

Sumiu novamente. Feliz
Mensagens/Sub-Fóruns GQ5L5XW
YouTube3

YouTube3
Super Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por Luiz 03.04.17 18:16

Olá,

Troque por:
Código:
.tdtopics .status img:first-child {
  visibility: hidden;
}

Tchau

P.S.: Não tenho como saber qual é o ícone, e como mudar, pois não consigo visualizar os dois ícones que o senhor cita. Por isso, tenho que fazer o código às cegas.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por YouTube3 03.04.17 19:10

Sem resultado.

ícone do anúncio global é este: https://i.imgur.com/3Pt2w3P.png
YouTube3

YouTube3
Super Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por Luiz 04.04.17 21:02

Olá,

Remova os códigos que passei neste tópico.
E adicione este:
Código:
[src*="http://i.imgur.com/CLdN1n5.png"] {display: none!important;}

Se não ficar à seu gosto, por favor, crie um anúncio global de teste para que eu possa postar uma mensagem (para ver o ícone de participação), e poder arrumar.

Tchau
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por YouTube3 04.04.17 21:36

Olá,

O ícone de "Você postou neste tópico" voltou ao normal agora o ícone do "Anúncio global" Continua não aparecendo link do tópico para postar: http://vgnfamily.forumais.com/t15-teste123456

Imagem: https://i.imgur.com/xUa1VLG.jpg
YouTube3

YouTube3
Super Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por Luiz 04.04.17 22:04

Olá,

Use este CSS, ao final de sua Folha:
Código:
.tdtopics > strong {
  margin-left: 20px!important;
}

.tdtopics .status img {
  position: static!important;
  margin-right: 100px!important;
  margin-left: 0px!important;
  display: inline-block!important;
}

.tdtopics > [src="http://i45.tinypic.com/16knrr5.png"] + strong {
  margin-left: 5px!important;
}

.tdtopics > [src="http://i45.tinypic.com/16knrr5.png"] {
  margin-left: 20px!important;
}

Tchau
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por YouTube3 04.04.17 22:41

Olá,

Quase lá, só deu certo apenas em "Anúncio" "Anúncio global" "A ler"
Porem não consigo clicar nos links, na parte dos sub-fóruns.

2° Os tópicos normais continuam sem resultado como estes na imagem abaixo.
Mensagens/Sub-Fóruns RPFYcc5
YouTube3

YouTube3
Super Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por Luiz 05.04.17 0:39

Olá,

Adicione mais este:
Código:
td.tcl.tdtopics img {
  margin-right: 0px!important;
}

td.tcl.tdtopics a {
  z-index: 99999999;
}

a.topictitle {
  margin-left: 9px;
}

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por YouTube3 05.04.17 1:49

Certo agora mais 3 coisas se for possível.

1° O título dos tópicos, ficaram muito separado dos "anúncios" agora.
Mensagens/Sub-Fóruns RZ5GteO

2° Os tópicos normais quando estão bloqueados, ficaram muito grudado com título dos tópicos.
Mensagens/Sub-Fóruns SalpZlD

3° Quando eu posto em um tópico que está bloqueado fica assim:
Mensagens/Sub-Fóruns 2ymf5Zv

Espero que entenda até mais.
YouTube3

YouTube3
Super Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por Luiz 05.04.17 1:54

Quanto aos dois primeiros itens, não será possível, pois se eu diminuir um, outro vai diminuir mais ainda, e vai ficar colado.
Seria um trabalho colossal para ajustar todos, e sempre teria que ser ajustado conforme a quantidade de tópicos.

Quanto ao terceiro item, poderia me passar o link da imagem laranja?

Tchau
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por YouTube3 05.04.17 2:56

Certo uma dúvida, se eu tirasse todos códigos utilizados para ajustar ícones, no caso iria voltar tudo ao normal novamente certo? Se eu tirasse iria existir uma forma de ajustar os ícones do índice sem mexer nos sub-fóruns/títulos/ícones etc..?

ícones: Mensagens/Sub-Fóruns PQ21zblMensagens/Sub-Fóruns Pgmwu1q
YouTube3

YouTube3
Super Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por Luiz 05.04.17 10:52

Ok, é uma excelente ideia, faça isso.

Tchau
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por YouTube3 05.04.17 14:40

Olá,

Bom removi todos os códigos, voltou ao normal certo? Agora gostaria de mover apenas nos ícones do índice para o lado dos títulos aonde está marcado de vermelho:
Mensagens/Sub-Fóruns Ga0KA4B

Até mais.
YouTube3

YouTube3
Super Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por Luiz 05.04.17 17:33

Olá,

Para ficar mais fácil, e não bugar nada, peço que o senhor tire as imagens nas configurações dos subfóruns.
As imagens que digo são aquelas que o senhor "substituiu" pelos ícones em CSS.

Tchau
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por YouTube3 05.04.17 17:53

Assim você diz?
Mensagens/Sub-Fóruns M2Jgg32
YouTube3

YouTube3
Super Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por Luiz 05.04.17 18:18

Achei mais fácil fazer com CSS.
Usaria muitos seletores para fazer algo relativamente fácil...

Enfim:
Crie um novo JavaScript, com investimento no índice com o código:
Código:
(function ($) {
  'use strict'

  /**
  * Global Style Variable:
  */
  var styles = [
    '.topic-ball-row h3.hierarchy {',
    'margin-left: 30px;',
    '}',
    '',
    '.topic-ball-row h3.hierarchy ~ span {',
    'margin-left: 13px;',
    '}',
    '',
    '.topic-ball-row .topic-ball {',
    'float: left!important;',
    '}',
    '',
    '.topic-ball-row .topic-ball i {',
    'float: left!important;',
    'margin-left: -25px;',
    'margin-top: -15px;',
    '}',
  ].join('\n');

  /**
  * Global function:
  */
  $(function () {
    $('.topic-ball')
      .closest('td')
        .addClass('topic-ball-row')
    ;

    $('<style>', {
      text: styles
    }).appendTo('head');
  });
}(jQuery));

Resulta?
Até mais. Feliz
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por YouTube3 05.04.17 18:40

Sem resultado.
YouTube3

YouTube3
Super Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por Luiz 05.04.17 18:45

Ok... Desacordo
Remova o JavaScript e adicione em sua CSS:
Código:
.topic-ball i {
  max-width: 30px;
  max-height: 30px;
  font-size: 15px!important;
  line-height: 30px!important;
  margin-left: -35px;
  margin-top: -25px;
}

Já adianto que não há como afastar o título e a descrição dos subfóruns sem mexer nos tópicos também.

Tchau
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por YouTube3 05.04.17 19:09

Opá opá, Acho que deu certo só mais duas coisinhas.

Teria como mover o ícone um tantinho para esquerda, e um tantinho para cima.
Se for possível teria como deixar o ícone redondo?
Mensagens/Sub-Fóruns JSK6SkB

Até mais.
YouTube3

YouTube3
Super Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por Luiz 05.04.17 19:12

Troque o CSS que te passei por:
Código:
.topic-ball i {
  max-width: 30px;
  max-height: 30px;
  font-size: 15px!important;
  line-height: 30px!important;
  margin-left: -38px;
  border-radius: 99em!important;
  margin-top: -28px;
}

Se você quiser:

1. Mover mais para cima, procure por
margin-top: -28px;
, e altere à seu gosto.

2. Mover mais para os lados, procure por
margin-left: -38px;
, e altere à seu gosto.

Tchau
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por YouTube3 05.04.17 19:19

Perfeito vlw mais uma vez. Feliz
YouTube3

YouTube3
Super Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mensagens/Sub-Fóruns

Mensagem por Luiz 05.04.17 19:42

Sempre às ordens. Rosa

---
Mensagens/Sub-Fóruns Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

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