Mensagens/Sub-Fóruns

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.

1° 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.


2° 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.


3° 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.

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;
}

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

Olá,

Use este código:

Código:

.tdtopics .status img:last-child {
  visibility: hidden;
}

o/

Sumiu novamente.

Olá,

Troque por:

Código:

.tdtopics .status img:first-child {
  visibility: hidden;
}

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.

Sem resultado.

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

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.

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

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;
}

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.

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/

Certo agora mais 3 coisas se for possível.

1° O título dos tópicos, ficaram muito separado dos "anúncios" agora.


2° Os tópicos normais quando estão bloqueados, ficaram muito grudado com título dos tópicos.


3° Quando eu posto em um tópico que está bloqueado fica assim:


Espero que entenda até mais.

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?

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: 

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

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:


Até mais.

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.

Assim você diz?

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.

Sem resultado.

Ok...
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.

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

1° Teria como mover o ícone um tantinho para esquerda, e um tantinho para cima.
2° Se for possível teria como deixar o ícone redondo?


Até mais.

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.

Perfeito vlw mais uma vez.

Sempre às ordens.

---

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".