Personalizar títulos e botões dos tópicos

Item: Personalizar títulos e botões dos tópicos
Rating: 1

por Vitor-Vicente 05.03.15 5:49

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Opera
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://mastergz.forumbrasil.net

Descrição do problema

gostaria que ficasse assim mais organizado

http://prntscr.com/6cvvb1

esse aqui em baixo é esta meio bagunçado

http://prntscr.com/6cvwfz

por Sennior 05.03.15 6:06

Saudações!

Melhora?
Adicione o código abaixo no INICIO de teu CSS:

Vá em:
Painel de controle Seta curta

Visualização Seta curta

Cores

"Aba" Folha CSS.

Adicione no conteúdo:

Código:: p.author { padding: 4px!important; } p.author { border-bottom: 1px solid white!important; border-bottom-style: dashed!important; } h2.topic-title { position: relative!important; left: 9px!important; top: 3px!important; } ul.profile-icons { position: relative!important; left: 36px!important; top: -13px!important; }

Salve e Visualize seu fórum. Piscada

Melhores cumprimentos,
Sennior. De bem com a vida

por Vitor-Vicente 05.03.15 6:20

Sennior ficou assim

http://prntscr.com/6cw37y

sera que se juntar mais os 3 botes de pra ficar em 2 linhas essas 2 mensagens a baixo:

Torneio Amistoso entre 4 Clãs
Mensagem por Admin em Seg 2 Mar 2015 - 22:44

por Sennior 05.03.15 6:25

Cordiais saudações,

Veja como eu vejo:
Seta

http://prntscr.com/6cw4l7

Não consigo ver todos os botões e assim fica difícil uma modificação usando o CSS. Triste

Existe algum tópico com qual os membros possam ver estes botões?

Até mais.

por Vitor-Vicente 05.03.15 6:31

vendo o botão Mais! com menu , me surgiu a ideia de fazer a mesma coisa com os 3 botoes , transformar os 3 botaoes em 1 botao chamado Menu e abrir o Menu do mesmo jeito do botao mais! , porem com os seguintes itens abaixo:

* Responder com citação
* Editar / Excluir esta mensagem
* Excluir esta mensagem
* Banir Membro

só vai aparecer isso tudo quando é administrador ou modera.

http://prntscr.com/6d7la0

http://prntscr.com/6d7rd9 - botao mais!

aparecendo um botao só, creio que vai ajeitar la as mensagem acima do pontilhado , vai ficar igual a essa imagem em baixo

http://prntscr.com/6cw4l7

por Sennior 07.03.15 4:45

Saudações,

Seria mais ou menos isso?
Vá no painel administrativo dos JavaScript de teu fórum:

Vá em:
Painel de controle Seta curta

Modulos

HTML & JAVASCRIPT Seta curta

Gestão dos códigos JavaScript.

Crie um novo JavaScript:
Seta

Investimento: Nos tópicos.

Código:: $(document).ready(function () { $(".profile-icons").hide(); $(".profile-icons").before("<html><style>button.Ocultar {float: right;position: relative;left: -53px;top: 5px;background: white;border: 1px solid rgb(221, 221, 221);padding: 3px;border-radius: 4px;}</style><button class=Ocultar>+Botões</button><html>"); $("button.Ocultar").click(function () { $(".profile-icons").toggle("slow"); }); });

Salve e Visualize seu fórum. Piscada

Melhores cumprimentos,
Sennior. De bem com a vida

por Vitor-Vicente 07.03.15 5:41

Sennior ficou Bom a ideia do botao, só que na entrada ele vai bem , mas quando clicar pra sair ele demora pra responder, teria que deslocar um pouco pra esquerda.

http://prntscr.com/6dpjae

http://prntscr.com/6dpkp6

vlw Party

por Sennior 07.03.15 5:53

Saudações,

O senhor não compreende que eu não posso ver todos os botões? Eu só posso ver um botão. Não

http://prntscr.com/6dpmnr

Peço que mude as autorizações dos fóruns para que eu possa ver os botões, para poder fazer as modificações necessárias.
No mais tente alterar o código pelo abaixo:

Código:: $(document).ready(function () { $(".profile-icons").hide(); $(".profile-icons").before("<html><style>button.Ocultar {float: right;position: relative;left: -53px;top: 16px;background: white;border: 1px solid rgb(221, 221, 221);padding: 3px;border-radius: 4px;}</style><button class=Ocultar>+Botões</button><html>"); $("button.Ocultar").click(function () { $(".profile-icons").toggle(); }); });

Até mais.

por Vitor-Vicente 07.03.15 6:10

Sennior a ideia do botao foi boa, mas nao vai da pra por em pratica aqui Triste

o botao ele demora pra responder parece que o mouse ta ruim, preciso dar varios click pra ele sair, sera que tem como fazer sem o botao mesmo . do jeito que ta os botoes tudo la em cima. ta joia.

http://prntscr.com/6dpr8n

por Sennior 07.03.15 6:21

Mas agora que o senhor arrumou?! Em choque

Vá no CSS do teu fórum e procure pelo código:

Código:: ul.profile-icons {

E troque ele todo pelo abaixo:

Código:: ul.profile-icons { left: 0px!important; position: relative!important; top: -5px!important; }

Depois troque o código JavaScript pelo abaixo:

Código:: $(document).ready(function () { $(".profile-icons").hide(); $(".profile-icons").before("<html><style>button.Ocultar {float: right;position: relative;left: -53px;top: 5px;background: white;border: 1px solid rgb(221, 221, 221);padding: 3px;border-radius: 4px;}</style><button class=Ocultar>+Botões</button><html>"); $("button.Ocultar").click(function () { $(".profile-icons").toggle("slow"); }); });

Se não conseguir alterar mande-me teu código CSS.
Até mais.

por Vitor-Vicente 07.03.15 6:35

Senior , parece que o botao ta respondendo mais rapido, c mexeu em alguma configuraçao do botao ?

por Sennior 07.03.15 6:43

Sim, mas ainda esta com erros por conta dos Scripts do teu fórum e o jogo online que vemos.
No mais adccione agora este código CSS no inicio de teu CSS:

Código:: img.i_icon_quote { position: relative; left: 8pc; top: -7px; }img.i_icon_edit { position: relative; left: 5pc; top: -6px; } img.i_icon_delete { position: relative; top: -7px; left: 27px; }

Resolveu a posição?
Deseja algo mais?

por Vitor-Vicente 07.03.15 6:51

senior posso tirar esse ultimo codigo que vc me passou pra eu fazer mais um teste ?

por Sennior 07.03.15 6:54

Pode sim senhor.
Me diga o que mais deseja por gentileza.

Até mais.

por Vitor-Vicente 07.03.15 7:05

http://prntscr.com/6dq1qv

Sennior pra fechar falta se puder colocar essa palavra teste de ou re:teste de em uma linha do lado de resposta, abaixo dos botoes .

vlw Party

por Sennior 07.03.15 7:09

Ah isso irá resolver:
Procure em teu CSS pelo código:

Código:: h2.topic-title

E troque ele todo pelo abaixo:

Código:: h2.topic-title { display: -webkit-inline-box; position: relative!important; top: 0pc!important; }

Deu certo?
Até mais.

por Vitor-Vicente 07.03.15 7:17

vlw Sennior , parabéns topico resolvido Party

por Sennior 07.03.15 7:20

Precisar, estamos aí! Muito feliz

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

Personalizar títulos e botões dos tópicos