Ajustar caixas nos tópicos/comentários de sistema blog

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox
Membros afetados : Todos os membros do fórum
Problema começou : Desde que coloquei o tema
Endereço do fórum : http://www.suportedesign.forumeiros.com

Descrição do problema

Bem, eu utilizo uma forma de sistema de blog diferente:
- suportedesign.forumeiros.com/t1949-nova-secao-no-suportedesign

E na mensagem principal tem esta pequena falha:


Ou seja deveria estar como na esquerda, devia estar a caixa em azul colada ao lado direito à margem da mensagem.

E também nos comentários está assim:


Queria colocar também como no lado esquerdo, não colado à margem mas sim deixa um pouco dentro do lado direito.

Caso seja possível agradeço!

Olá!

Na verdade, isso depende do seletor do javascript da função mencionada, ou, da forma que o float: do seletor no seu CSS está alinhando. Esse recurso que marcou em vermelho na primeira imagem é feito nos templates, JS ou CSS? Que tipo de recurso é esse?

Shek escreveu:Olá!

Na verdade, isso depende do seletor do javascript da função mencionada, ou, da forma que o float: do seletor no seu CSS está alinhando. Esse recurso que marcou em vermelho na primeira imagem é feito nos templates, JS ou CSS? Que tipo de recurso é esse?

Olá!

Sinceramente não me lembra, pois fiquei um tempo fora, mas sei que JavaScritp não tem! Apenas alterei na edição de template e talvez tenha colocado algum .CSS, de qualquer forma aqui fica:

Template: http://pastebin.com/imWSqymU
CSS: http://pastebin.com/5vH4kgXT

@Shek:
É nos templates, ele modifica a estrutura da função blog.

---

@IsmaelS.
Como convidado, não se pode notar as imagens da captura screen. Entretanto, supondo que seja deixar o post-foot até a margem:


Teremos de aumentar o width de 390px para 731px. Poderíamos acrescentar apenas esse CSS:

Código:

.blog_postmain .postfoot {width: 731px !important}

Porém, o senhor adicionou esse width: 390px com !important e isso ocasionaria do código não funcionar.

Mais podemos burlar com o min-width:


Acrescente em sua CSS:

Código:

.blog_postmain .postfoot {min-width: 731px !important;max-width: 732px !important; /* só por precaução */}

---

Agora arrumar a parte dos comentários:

Basta acrescentar em sua CSS:

Código:

#blog_comments li .postfoot {margin-left: -9px !important;
min-width: 502px;}

Algo mais @IsmaelS?

Olá,

Peço ao senhor que adicione o seguinte código em sua folha de estilo CSS.

Código:

.postfoot {
padding: .5em 0.8em .5em 1em!important;
}
.dempost .postfoot.clearfix {
padding: .5em 1.3em .5em 1.2em!important;
margin-left: -8px!important;
}

Atenciosamente!

Olá!

@EuficoLoko, os comentários consegui resolver e colocar como desejava, mas na parte da mensagem principal, de que template está a falar é que no "viewcomments_body" não encontro nada dos códigos que citou!

@First, não resultou nenhum código amigo!

@Ismael, viu este trecho do meu post?


http://prntscr.com/6jmhja
Ele soluciona a primeira questão.

Olá!

Upss, erro meu amigo por acaso não tinha reparado isso, desculpe amigo, obrigado e ficou perfeito!!