Personalizar os ranks de acordo com o grupo

por TappedOut 21.05.14 20:01

Descrição:

Como eu faço esses botões de texto.
O Codigo seria este: <span class="dono">DONO</span>
Mas não está funcionando

Informações:

Fórum:	http://thesimpsons-forum.forumeiros.com/	Versão:	PUNBB
Tipo:	Pedido de código	Tags:	Personalizar,ranks,acordo,grupo

por Hancki 21.05.14 20:12

Olá!

Você diz fazer os ranks em forma de botão?

Hancki

por TappedOut 21.05.14 21:12

Sim, mais todos botões.

por waghcwb 22.05.14 17:27

Olá,

Você precisa nos falar como quer extamente... Provavelmente está funcionando sim, mas acontece que você não inseriu nenhum CSS para estilizar estes ranks... Nos falem mais ou menos como quer os ranks que eu tento formular um aqui para o senhor...

por TappedOut 22.05.14 17:30

Estes tipo o do FdF do widget aquele botão "Criar um forum" tipo ele.

por TappedOut 25.05.14 12:47

por Kyo Panda 26.05.14 20:33

Olá,

Poderia passar o seu viewtopic_body?

Abraços. Feliz

por TappedOut 26.05.14 22:09

Amigo, porque em tópicos? eu queria estes botões diferentes no menu.

por Kyo Panda 26.05.14 22:23

Você diz o design deles como botões no fórum?

por TappedOut 26.05.14 22:26

É que vi um forum que ele tipo os botões são todos assim como pedi. e quando alguem bota pra fazer um link com texto (desenho de link com +) ele vem um botão com o texto e ainda funfa certinho

por Alex Habilidade 26.05.14 23:13

Poderia nos fornecer o link do fórum que citou e um print como exemplo?

por TappedOut 26.05.14 23:59

http://mtaz.wikiforum.net

por TappedOut 30.05.14 18:08

por TappedOut 31.05.14 21:05

por Lima 3005 31.05.14 21:44

voce quer aplicar o efeito do "criar um fórum" nos botões do seu menu?

por TappedOut 01.06.14 0:19

No forum todo, no criar novo topico, responder, tudo os botao!

por Shek 01.06.14 0:26

Olá!

Você poderá acessar PA : usuários e Grupos > Raks > Selecione o rank > e no nome do rank substitua por este código:

Código:: <span class="administrator">Administrador</span>

Em seguida, adicione em Visualização > Imagens e Cores > Cores > Folha de estilo CSS > o seguinte código:

Código:: .administrator { color: #FFF -khtml-border-radius: 3px; -khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -moz-border-radius: 3px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); background: #65a830; color: #fff; display: inline-block; font-size: 11px; font-weight: 700; margin-top: 5px; padding: 3px 8px; text-shadow: rgba(0,0,0,0.2) 0 -1px 0; }

Atenciosamente,
Shek

Tópico movido de 'Questões sobre aparência' para 'Questões sobre HTML e BBCODE'

por TappedOut 01.06.14 0:39

Shek, Não quero nos ranks, nos ranks ja ta automatico estou falando de botar eles em todos botoes.

por Shek 01.06.14 0:53

Em quais botões? Tens imagens dos botões?

por TappedOut 01.06.14 1:04

Personalizar os ranks de acordo com o grupo 4XYBF2o

Quero este efeito no menu inteiro e nos botões de tópicos e de MP.

por DeeW. 01.06.14 1:37

Mas para tal efeito, seus botões do menu teriam que ser apenas textos!
Mude o mesmo, para que possamos continuar! Piscada

Até Mais.

por TappedOut 01.06.14 13:27

Tirei as imagens, pode contiinuar

por Lima 3005 01.06.14 13:49

pode-nos dizer em que site viu isso?

por TappedOut 01.06.14 13:50

Dos botões da imagem?
www.upforum.forumeiros.com

por Lima 3005 01.06.14 13:56

Código:: .pun a:link { color: #FFFFFF; }

Código:: a.mainmenu { background-color: #71A200; padding: 5px; border-radius: 2px; }

Que acha?

por TappedOut 01.06.14 13:59

Amiigo quero em botões e n em bordas, desculpe
e n qr nd diferenciado pois não é so o menu q quero assim

por Lima 3005 01.06.14 14:01

Quer em botões como assim? e em que lugar quer mais?

por TappedOut 01.06.14 14:02

Quero este efeito no menu inteiro e nos botões de tópicos e de MP.

por Lima 3005 01.06.14 14:03

e não estava no menu inteiro?

por TappedOut 01.06.14 14:41

Amigo nãoo quero só no menu, leia. Grato.

por Lima 3005 01.06.14 20:16

Eu li mas uma coisa de cada vez ne?

por TappedOut 01.06.14 22:53

Em todos os botoes de topico tbm

por TappedOut 03.06.14 0:09

por Lima 3005 03.06.14 19:46

o unico que vai dar para fazer parecido é o menu os botões do fórum vai ter de ser criado como imagem, é facilmente criado!

por TappedOut 03.06.14 22:13

Amigo ja vi PunBB com botões assim e deu!

por DeeW. 03.06.14 23:51

Olá,

Saiba que isso é plágio! então por isso que fiz um pouco diferente!

Código:: a.mainmenu { background: #71A200; text-align: center; border-radius: 3px; box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.22) inset; -webkit-transition: 0.3s; -moz-transition-duration: 0.3s; -htm-transition-duration: 0.3s; display: inline-block; font-style: normal!important; color: white!important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.26); padding: 10px; font: italic 11px arial; } a.mainmenu:hover { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); background: #C2C2C2; }

Mudei um pouco, porque plagiar é feio amigo.

Até Mais.

por TappedOut 04.06.14 19:49

Isto mesmo Nakano, isto que eu estava querendo dizer, teria como botar botões assim tambem em botões de topicos? (Editar, Excluir, Responder, Novo Topico, Citar)

por TappedOut 07.06.14 18:34

por Lima 3005 07.06.14 19:17

Código:: div.post-options img.i_icon_quote:hover { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); background: #C2C2C2; } div.post-options img.i_icon_quote:before { content: "ola"; } div.post-options img.i_icon_quote { cursor: pointer; display: none; content: ""; color: red; background: #71A200; text-align: center; border-radius: 3px; box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.22) inset; -webkit-transition: 0.3s; -moz-transition-duration: 0.3s; -htm-transition-duration: 0.3s; display: inline-block; font-style: normal!important; color: white!important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.26); padding: 10px; font: italic 11px arial; }

isso que deseja? só faz efeito na citação gostava de saber se é isso para aplicar no restante

por TappedOut 07.06.14 19:17

Nada há ver amigo..

por Lima 3005 07.06.14 19:18

não funcionou?

por TappedOut 07.06.14 19:21

Ah descupe, é isto mesmo

por Lima 3005 07.06.14 19:22

Estava a ver ahahah xD nem sei como consegui fazer xD vou continuar

por TappedOut 07.06.14 19:23

Claro, irei aguardar

por Lima 3005 07.06.14 19:24

mais isso, funcionou?

Código:: div.post-options img#post_mq2_2:hover { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); background: #C2C2C2; } div.post-options img#post_mq2_2:before { content: "Multi-Citação"; } div.post-options img#post_mq2_2 { cursor: pointer; display: none; content: ""; color: red; background: #71A200; text-align: center; border-radius: 3px; box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.22) inset; -webkit-transition: 0.3s; -moz-transition-duration: 0.3s; -htm-transition-duration: 0.3s; display: inline-block; font-style: normal!important; color: white!important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.26); padding: 10px; font: italic 11px arial; }

por TappedOut 07.06.14 19:25

ISto seria em que botão? -_-
EDIT:
Funcionou, pode continuar

por Lima 3005 07.06.14 19:29

Código:: p.posting img.i_post:hover { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); background: #C2C2C2; } p.posting img.i_post:before { content: "Novo Tópico"; } p.posting img.i_post { cursor: pointer; display: none; content: ""; color: red; background: #71A200; text-align: center; border-radius: 3px; box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.22) inset; -webkit-transition: 0.3s; -moz-transition-duration: 0.3s; -htm-transition-duration: 0.3s; display: inline-block; font-style: normal!important; color: white!important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.26); padding: 10px; font: italic 11px arial; }

Para o novo-tópico xD funcionou? desculpe fazer aos bocados mas não quero fazer e depois estar tudo mal

por TappedOut 07.06.14 19:41

Funcionou pode continuar

por Lima 3005 07.06.14 19:48

Código:: p.posting img.i_reply:hover { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); background: #C2C2C2; } p.posting img.i_reply:before { content: "Novo Tópico"; } p.posting img.i_reply { cursor: pointer; display: none; content: ""; color: red; background: #71A200; text-align: center; border-radius: 3px; box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.22) inset; -webkit-transition: 0.3s; -moz-transition-duration: 0.3s; -htm-transition-duration: 0.3s; display: inline-block; font-style: normal!important; color: white!important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.26); padding: 10px; font: italic 11px arial; }

penso que esteja tudo, vou comer já volto se faltar alguma coisa avise

por TappedOut 07.06.14 19:59

Falta mt ainda amigo,