Personalizar os ranks de acordo com o grupo

Página 2 de 2 Anterior  1, 2

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

Resolvido Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut em 21/05/14, 04:01 pm

Relembrando a primeira mensagem :

  • 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ódigoTags:Personalizar,ranks,acordo,grupo



Última edição por Sulley em 08/07/14, 12:09 pm, editado 1 vez(es)
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut em 07/06/14, 03:25 pm

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

TappedOut
Usuário destaque

Inscrito dia : 07/05/2014
Mensagens : 545

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 em 07/06/14, 03:29 pm

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

Lima 3005
Usuário destaque

Inscrito dia : 08/02/2013
Mensagens : 631

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut em 07/06/14, 03:41 pm

Funcionou pode continuar

TappedOut
Usuário destaque

Inscrito dia : 07/05/2014
Mensagens : 545

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 em 07/06/14, 03:48 pm

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

Lima 3005
Usuário destaque

Inscrito dia : 08/02/2013
Mensagens : 631

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut em 07/06/14, 03:59 pm

Falta mt ainda amigo,

TappedOut
Usuário destaque

Inscrito dia : 07/05/2014
Mensagens : 545

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 em 07/06/14, 04:07 pm

Qual?
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut em 08/06/14, 12:09 am

Falta o Multi Quote, Editar, Excluir, IP
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 em 08/06/14, 06:13 am

Código:
div.post-options.profile_right img.i_icon_edit: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.profile_right img.i_icon_edit:before {
content: "Editar";
}
div.post-options.profile_right img.i_icon_edit {
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;
}



Código:
div.post-options.profile_right img#post_mq3_3: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.profile_right img#post_mq3_3:before {
content: "Multi-Citaçãor";
}
div.post-options.profile_right img#post_mq3_3 {
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;
}



Código:
div.post-options.profile_right img.i_icon_delete: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.profile_right img.i_icon_delete:before {
content: "Excluir";
}
div.post-options.profile_right img.i_icon_delete {
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;
}


Está tudo?

avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut em 08/06/14, 11:16 am

Não teria como o Multi-Citação mudar a cor quando ele fosse clicado? e outra coisa está faltando no botão IP tambem, e se possivel queria que fizesse isto com o botao de painel de controle tbm ou algo parecido se possivel
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 em 08/06/14, 11:19 am

Multi-Citação mudar de cor como assim para outra sem ser cinzento?

Só você vê o botão IP e Paine de controle
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut em 08/06/14, 11:26 am

<Mesmo assim quero no IP tabem manin, e se possivel tbm no Painel de Controle, Quanto ao Multi Citar estou falando tipo quando alguem clicar pra multi-citar o botao emvez de verde ficasse branco ou com opacidade baixa e quando desmarcasse o multi citar, voltaria ao normal (verde)
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 em 08/06/14, 11:36 am

Código:
div.post-options.profile_right img#post_mq1_1:hover {
background: rgba(113, 162, 0, 0.5);
}
div.post-options.profile_right img#post_mq1_1:before {
content: "Multi-Citação";
}
div.post-options.profile_right img#post_mq1_1 {
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;
}

isto?

Quanto ao IP eu não consigo ver não dá muito para modificar s:
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut em 08/06/14, 11:42 am

E Quanto ao painel? e outra acho que não entendeu sobre o Multi-Citação.. releia
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 em 08/06/14, 11:48 am

foi isso que entendi, o que deseja na multi citação?

eu tambem nao vejo o paine de controle, isso é só para admins
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut em 08/06/14, 11:55 am

Ex´plicando multi citar
perceba q ao vc clicar no botao no FdF ele muda de cor:

Depois quando clica fica assim:
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 em 08/06/14, 11:58 am

avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut em 08/06/14, 12:00 pm

Amigo, Acho que não entendeu o efeito que quero no botão.......
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 em 08/06/14, 12:02 pm

entendi mas não sei como fazer por css....
por isso dei o link para substituir por imagens
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut em 08/06/14, 12:05 pm

Então deixa o Multi-Quote pra tras, porem queria o efeito tambem no IP, pra vc testar é só criar um forum PunBB
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut em 22/06/14, 04:23 pm

UP
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por DeeW. em 29/06/14, 12:41 pm

Crie um javascript com investimento nos tópicos:

Código:

var copyright = "Copyright - 2014/2013 BestSkins and DeeW.";
$(function () {
    $('a[href*="mode=quote"] img').replaceWith('<span class="post-btn">Citar</span>');
    $('a[href*="mode=edit"] img').replaceWith('<span class="post-btn">Editar</span>');
    $('a[href*="&mode=delete"] img').replaceWith('<span class="post-btn">Deletar</span>');
    $('a[href*="mode=ip"] img').replaceWith('<span class="post-btn">IP do usuário</span>');
    $('a[href*="mode=report"] img').replaceWith('<span class="post-btn">Reportar</span>');
    $('a[href*="mode=lock&p"] img').replaceWith('<span class="post-btn">Bloquear Alertas</span>');
    $('img[alt="Obrigado(a)"]').replaceWith('<span class="post-btn">Agradecer</span>');
    $('a[href*="mode=unlock&p"] img').replaceWith('<span class="post-btn">Desbloquear Alertas</span>');
});

Adicione ao CSS:

Código:

.post-btn{
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: 5px;
font: italic 11px arial;
}
.post-btn: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;
}

Javascript criado por mim!
avatar

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

Ver perfil do usuário http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut em 08/07/14, 12:09 pm

Grato á todos.
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Página 2 de 2 Anterior  1, 2

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