Mensagens personalizadas

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

Atendido / Resolvido Mensagens personalizadas

Mensagem por xBullet_Storm em 07.12.15 4:34

Detalhes da questão


Endereço do fórum: projectgames-rpg.forumeiros.com
Versão do fórum: PunBB

Descrição


Queria saber como eu faço para adicionar estilos de respostas de topicos como neste modelo!
http://prntscr.com/9b8cep
Obrigado pela atencao
xBullet_Storm

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 230
Pontos Ativos : 363

Ver perfil do usuário http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Atendido / Resolvido Re: Mensagens personalizadas

Mensagem por Ace em 07.12.15 5:27

Olá,

Leia: https://ajuda.forumeiros.com/t56841-

Você precisará criar uma classe CSS com os atributos. Depois, basta você colocar elas em seu tópico e elas se converterão automaticamente.

Att.
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Mensagens personalizadas

Mensagem por Shek em 07.12.15 13:52

Bom dia!

Autor, se a resposta do membro Ace não lhe ajudar, por favor, nos deixe mais detalhes de sua dúvida? Não consegui compreender exatamente o que deseja.

Atenciosamente,
Shek King


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
Shek

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18137
Pontos Ativos : 22143

Ver perfil do usuário https://shiftactive.blogspot.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Atendido / Resolvido Re: Mensagens personalizadas

Mensagem por Slurk em 07.12.15 13:55

Caso não resulte o que o Ace passou, suponho que estejas falando disto: https://ajuda.forumeiros.com/t99723-

Slurk

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 432

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

Atendido / Resolvido Re: Mensagens personalizadas

Mensagem por xBullet_Storm em 07.12.15 15:55

Tiupkit escreveu:Caso não resulte o que o Ace passou, suponho que estejas falando disto: https://ajuda.forumeiros.com/t99723-


é isso mesmo oque eu queria!! mais como faço para tbm ter a imagen igual a print que eu postei?

xBullet_Storm

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 230
Pontos Ativos : 363

Ver perfil do usuário http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Atendido / Resolvido Re: Mensagens personalizadas

Mensagem por Slurk em 07.12.15 16:49

Vamos lá... altere o CSS passado nesse topico por esse:

Código:
.sucesso, .alerta, .aviso, .infos {
padding: 8px 8px 8px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.sucesso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
}
.alerta {
background: url('http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
}
.aviso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
}
.infos {
background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3;
border: 1px solid #4d8fcb;
color: #00529B;
}

Só isto amigo?
Slurk

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 432

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

Atendido / Resolvido Re: Mensagens personalizadas

Mensagem por xBullet_Storm em 07.12.15 17:04

Ainda nao! Queria saber como faço para colocar o icone na barra de ferramentas de respostas!!!

http://prntscr.com/9bf2dy
Fica assim!
Nesta barra queria colocar um "atalho" para usar essas mensagens personalizadas
xBullet_Storm

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 230
Pontos Ativos : 363

Ver perfil do usuário http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Atendido / Resolvido Re: Mensagens personalizadas

Mensagem por Slurk em 07.12.15 17:07

Poxa amigo, você contradiz todo contexto, tudo bem, altere o js fornecido no topico que lhe passei pra este:

Código:
jQuery(function(){
      jQuery(function(){
        jQuery('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Sucesso"><div unselectable="on" style="background-image:url(http://i.imgur.com/EISZPwN.png)">Sucesso</div></a>').insertBefore('.sceditor-button-size').click(function(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=sucesso][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<a class="sceditor-button sceditor-button-alerta" unselectable="on" title="Alerta"><div unselectable="on" style="background-image:url(http://i.imgur.com/lMsD0nE.png)">Alerta</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=alerta][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="Aviso"><div unselectable="on" style="background-image:url(http://i.imgur.com/cI8SnOI.png)">Aviso</div></a>').insertAfter('.sceditor-button-alerta').click(function(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=aviso][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Informação"><div unselectable="on" style="background-image:url(http://i.imgur.com/40zM1qS.png)">Informação</div></a>').insertAfter('.sceditor-button-aviso').click(function(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=infos][tr][td]","[/td][/tr][/table]");
        });
        });
      });

OBS: investida apenas nos topicos.
sanei todas suas duvidas ou tem alguma outra? :/
Slurk

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 432

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

Atendido / Resolvido Re: Mensagens personalizadas

Mensagem por xBullet_Storm em 07.12.15 17:09

Oque voce me passou anterior mente foi um codigo css! Voce quiz dizer que é para eu retirar o codigo css e criar um js?
xBullet_Storm

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 230
Pontos Ativos : 363

Ver perfil do usuário http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Atendido / Resolvido Re: Mensagens personalizadas

Mensagem por Slurk em 07.12.15 17:10

Nao amigo, kkkk

deixe o codigo CSS que lhe passei na folha de estilo

e crie um codigo js com o codigo que te passei agora.

precisa de ambos pra funcionar entende?
Slurk

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 432

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

Atendido / Resolvido Re: Mensagens personalizadas

Mensagem por xBullet_Storm em 07.12.15 17:20

Achei um bugzin! A Mensagem personalizada "Informação" ficou definida no titulo do topico
http://prntscr.com/9bfa8d
E nao criou o atalho para as mensagens!!
http://prntscr.com/9bfaen
xBullet_Storm

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 230
Pontos Ativos : 363

Ver perfil do usuário http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Atendido / Resolvido Re: Mensagens personalizadas

Mensagem por Slurk em 07.12.15 17:24

Tem certeza que fez do modo que lhe disse? pois aqui deu excito.

faz o seguinte, retire os codigos desse topico aqui - https://ajuda.forumeiros.com/t99723-

troque o codigo CSS que te passei por este:

Código:
.sucesso, .alerta, .aviso, .infos {
padding: 8px 8px 8px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.sucesso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
}
.alerta {
background: url('http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
}
.aviso {
background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
}
.infos {
background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3;
border: 1px solid #4d8fcb;
color: #00529B;
}

e troque o JS por este e deixe marcado apenas investimento nos topicos. :

Código:
jQuery(function(){
      jQuery(function(){
        jQuery('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Sucesso"><div unselectable="on" style="background-image:url(http://i.imgur.com/EISZPwN.png)">Sucesso</div></a>').insertBefore('.sceditor-button-size').click(function(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=sucesso][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<a class="sceditor-button sceditor-button-alerta" unselectable="on" title="Alerta"><div unselectable="on" style="background-image:url(http://i.imgur.com/lMsD0nE.png)">Alerta</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=alerta][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="Aviso"><div unselectable="on" style="background-image:url(http://i.imgur.com/cI8SnOI.png)">Aviso</div></a>').insertAfter('.sceditor-button-alerta').click(function(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=aviso][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Informação"><div unselectable="on" style="background-image:url(http://i.imgur.com/40zM1qS.png)">Informação</div></a>').insertAfter('.sceditor-button-aviso').click(function(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=infos][tr][td]","[/td][/tr][/table]");
        });
        });
      });
Slurk

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 432

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

Atendido / Resolvido Re: Mensagens personalizadas

Mensagem por xBullet_Storm em 07.12.15 20:00

Ok! Os codigos e o atalho deram certo!
Agora tem só mais 1 erro!
http://prntscr.com/9bhdoj
Como faço para tirar isso!
Fica por baixo do nome dos topicos!!
xBullet_Storm

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 230
Pontos Ativos : 363

Ver perfil do usuário http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Atendido / Resolvido Re: Mensagens personalizadas

Mensagem por Slurk em 07.12.15 20:19

Bom amigo deu um certo conflito em seus codigos. O problema não é no codigo que lhe passei, ele funciona perfeitamente.

Tens duas opções
Crie um novo topico e denomine esse como resolvido, pra que eu possa lhe ajudar a retirar esse problema no topico que criaras

Ou

Ignore o que lhe passei até agora, e aguarde mais alguma pessoa te responder com outra solução.

Estarei esperando sua resposta, pra ver o que decidiu, pois deu um certo conflito no js que te passei e com o que você tem no view_topicbody, assim acho eu.
Slurk

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 432

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

Atendido / Resolvido Re: Mensagens personalizadas

Mensagem por xBullet_Storm em 07.12.15 23:44

Esta encerrado sim TiupKit! Pode fecha-lo! Muito obrigado pela sua ajuda!
xBullet_Storm

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 230
Pontos Ativos : 363

Ver perfil do usuário http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Atendido / Resolvido Re: Mensagens personalizadas

Mensagem por MateusAnjosV em 09.12.15 14:45

Mensagens personalizadas Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
MateusAnjosV

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1692
Pontos Ativos : 2318

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

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


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