Manipular larguras - quadro de categorias e foruns

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

Resolvido Manipular larguras - quadro de categorias e foruns

Mensagem por Term1 em 03/08/13, 04:48 am

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:
http://i34.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, 03:24 am, editado 1 vez(es)
avatar

Term1
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 73
Pontos Ativos : 107

Ver perfil do usuário http://sempreletronica.forumeiros.com

Resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por AjudaTC em 03/08/13, 09:06 am

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)

AjudaTC
Nível 3

Feminino
Inscrito dia : 03/08/2013
Mensagens : 24
Pontos Ativos : 34

Ver perfil do usuário http://ajudatc.forumeiros.com

Resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por MateusA em 03/08/13, 12:01 pm

Olá!

Forneça a imagem ilustrativa se possível.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por Term1 em 04/08/13, 03:33 am

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)
avatar

Term1
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 73
Pontos Ativos : 107

Ver perfil do usuário http://sempreletronica.forumeiros.com

Resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por Sennior em 04/08/13, 04:52 am

Bom dia cordial membro! Muito feliz

Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba 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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por MateusA em 04/08/13, 10:24 am

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

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por Term1 em 05/08/13, 02:06 am

Caro, Sheldon... sobre seu codigo...respondi aqui: http://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.
avatar

Term1
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 73
Pontos Ativos : 107

Ver perfil do usuário http://sempreletronica.forumeiros.com

Resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por MateusA em 05/08/13, 10:35 am

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

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por Term1 em 05/08/13, 08:08 pm

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

Term1
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 73
Pontos Ativos : 107

Ver perfil do usuário http://sempreletronica.forumeiros.com

Resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por MateusA em 06/08/13, 10:04 am

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
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por Consolado em 06/08/13, 10:24 am

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
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por Term1 em 06/08/13, 08:00 pm

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.

http://i38.servimg.com/u/f38/18/45/08/36/imagem16.jpg
avatar

Term1
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 73
Pontos Ativos : 107

Ver perfil do usuário http://sempreletronica.forumeiros.com

Resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por MateusA em 06/08/13, 08:48 pm

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

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Manipular larguras - quadro de categorias e foruns

Mensagem por Term1 em 06/08/13, 09:37 pm

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

Term1
Nível 6

Masculino
Inscrito dia : 21/07/2013
Mensagens : 73
Pontos Ativos : 107

Ver perfil do usuário http://sempreletronica.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum