Manipular larguras - quadro de categorias e foruns Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Manipular larguras - quadro de categorias e foruns

5 participantes

Ir para baixo

Tópico resolvido Manipular larguras - quadro de categorias e foruns

Mensagem por Term1 03.08.13 8:48

Qual é minha questão:
Oi,

Gostaria de saber como posso manipular a largura dos campos TOPICOS, MENSAGENS E ULTIMA MENSAGEM... nos quadros de Categorias e Foruns.
Segue imagem ilustrativa:
https://i.servimg.com/u/f34/18/40/06/56/imagem25.jpg

Obrigado

Endereço do meu fórum:
http://sempreletronica.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Term1 em 04.08.13 7:24, editado 1 vez(es)
Term1
Term1
**

Membro desde : 21/07/2013
Mensagens : 73
Pontos : 107

http://sempreletronica.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por AjudaTC 03.08.13 13:06

Olá, coloque na sua folha CSS:

Código:
        ul.topiclist dd.dterm, ul.topiclist dt {
        display: block;
        float: left;
        font-size: 1.1em;
        margin-right: 35px;
        padding-left: 5px;
        padding-right: 5px;
        width: 60%;
        }


"A grande tarefa do ser humano é ser humano."
(Sigmund Freud)
avatar
AjudaTC
Novo Membro

Membro desde : 03/08/2013
Mensagens : 24
Pontos : 34

http://ajudatc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por MateusA 03.08.13 16:01

Olá!

Forneça a imagem ilustrativa se possível.

Até mais.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por Term1 04.08.13 7:33

AjudaTC: Esse codigo apenas empurra Todas as colunas pra direita...deixando elas na largura que estavam...onde é isso q queria mudar: a largura de cada, como mostrado na Imagem (q esqueci de colocar antes, perdao)
Term1
Term1
**

Membro desde : 21/07/2013
Mensagens : 73
Pontos : 107

http://sempreletronica.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por Sennior 04.08.13 8:52

Bom dia cordial membro! Muito feliz

Aceda a:
Painel de controleManipular larguras - quadro de categorias e foruns 2479035592Visualização  Manipular larguras - quadro de categorias e foruns 2479035592Imagens e CoresManipular larguras - quadro de categorias e foruns 2479035592CoresManipular larguras - quadro de categorias e foruns 2479035592Aba Folha CSS.
Código:
.topics {
position: relative;
left: 166px;
}
.posts {
position: relative;
left: 137px;
}
dd.lastpost span, dd.moderation span, dd.redirect span, ul.topiclist dd.info span, ul.topiclist dd.searchby span, ul.topiclist dd.time span {
position: relative;
padding-left: 152px !Important;
}
.color-groups {
position: relative;
left: -151px;
}
Matched CSS Rules


<li> Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços! De bem com a vida
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por MateusA 04.08.13 14:24

Olá!

Aceda á "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS
Adicione o seguinte código no inicio da sua "Folha de Estilos CSS"

Código:
/* LARGURA DO CAMPO TÓPICOS */
.topics {
width: 100%;
}
/* LARGURA DO CAMPO MENSAGENS */
.posts {
width: 100%;
}
/* LARGURA DO CAMPO ÚLTIMA MENSAGEM */
.lastpost:first-of-type, .lastpost {
width: 100%;
}

Seta Vai modificando os números!
Valide e veja o resultado.
Tive uma idéia!
Atenciosamente,
Crazy.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por Term1 05.08.13 6:06

Caro, Sheldon... sobre seu codigo...respondi aqui: https://ajuda.forumeiros.com/t82878-aumentar-largura-de-espaco-para-titulos-do-quadro-de-topicos

E Crazy.. com esse codigo há deformação nas tabelas...ocorrendo erro parecido com o cod do Sheldon.

E lembrando aqui tambem, para o que peço aqui... em tese... só precisaria mexer e diminuir a largura da coluna ULTIMA MENSAGEM.
Term1
Term1
**

Membro desde : 21/07/2013
Mensagens : 73
Pontos : 107

http://sempreletronica.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por MateusA 05.08.13 14:35

Olá!

Troque por este:
Código:
.lastpost {
width: 290px !important;
}
Seta Se passar de 290px de largura, ocorrerá um bug descendo a coluna.

Até mais.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por Term1 06.08.13 0:08

Agradeço Crazy.
Bem, primeiro... o bom foi que seu codigo mexeu apenas com o quadro dos foruns.
O problema foi que ele nao mexe na largura do titulo ULTIMA MENSAGEM, mas sim na largura do texto que está dentro. Ou seja...encurtando a largura....o texto dentro fica pequeno/magro dentro de uma coluna ainda 'gorda'...ficando estranho.
Precisamos mexer em TODA coluna ULTIMA MENSAGEM, e nao apenas no que esta dentro (no caso, a info do ultimos post)

Agradeço.
Term1
Term1
**

Membro desde : 21/07/2013
Mensagens : 73
Pontos : 107

http://sempreletronica.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por MateusA 06.08.13 14:04

Olá!

Nesta sua mensagem, me deixou um pouco confuso. Seco 
Poderia me informar, se o senhor deseja aumentar a largura do texto que fica acima nas categorias cujo o nome e 'Última Mensagem'? Ou o senhor deseja aumentar a coluna abaixo dele?

Até mais. De bem com a vida
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por Consolado 06.08.13 14:24

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

ul.topiclist li dd.posts, dd.topics, dd.views{width:121px}
Não modifique o número. Se passar desse valor, o CSS prejudica aquela área do fórum.

Valide.

Melhores cumprimentos,
Today
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por Term1 07.08.13 0:00

Amigo Today, agradeço a ajuda.
Mas seu codigo ocorre quase a mesma coisa q outros: o titulo ULTIMA MENSAGEM modifica tanto que vai para um 'segunda linha'. E mesmo arrumando o valor..a barra desses titulos vai ainda mais pra esquerda, ao contrario do que precisava...encurtar a largura pra ficar mais a direita.

E bem, Crazy e amigos... estou vendo que nao está ficando claro o que preciso...assim tentarei mostrar por imagem exatamente o que gostaria...onde questiono nesse e no outro topico:

Quero MOVER as colunas (e claro, com seus textos juntos, alinhados com o titulo) para a DIREITA...ficando ambos os quadros com TITULOS ALINHADOS, coisa que não está agora.
Percebam isso na imagem...e vejam como eu gostaria que estivesse.
Agradeço e atenção e a ajuda.

https://i.servimg.com/u/f38/18/45/08/36/imagem16.jpg
Term1
Term1
**

Membro desde : 21/07/2013
Mensagens : 73
Pontos : 107

http://sempreletronica.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por MateusA 07.08.13 0:48

Olá!

Este tópico tem a mesma dúvida do seu outro tópico certo?
Poderia me confirmar antes dele ser arquivado, pois já existe um abordando o mesmo assunto.

Até mais.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por Term1 07.08.13 1:37

Não é nao. Só são parecidos. Esse, como diz o TITULO, trata do quadro de categorias/foruns. O outro trata do quadro de Topicos.
E como não posso fazer 2 perguntas no mesmo, tive de criar dois.
Por isso.
E é só prestar atenção nas imagens...vendo que se trata de areas diferentes, mesmo que parecidas.
Term1
Term1
**

Membro desde : 21/07/2013
Mensagens : 73
Pontos : 107

http://sempreletronica.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos