Personalizar os ranks de acordo com o grupo

+4
Kyo Panda
waghcwb
Hancki
TappedOut
8 participantes

Página 2 de 2 Anterior  1, 2

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

Tópico resolvido Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut 21.05.14 20:01

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 16:09, editado 1 vez(es)
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo


Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 07.06.14 20:07

Qual?
Lima 3005

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut 08.06.14 4:09

Falta o Multi Quote, Editar, Excluir, IP
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 08.06.14 10:13

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?

Lima 3005

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut 08.06.14 15:16

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
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 08.06.14 15:19

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

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

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut 08.06.14 15:26

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

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 08.06.14 15:36

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:
Lima 3005

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut 08.06.14 15:42

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

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 08.06.14 15:48

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

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

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut 08.06.14 15:55

Ex´plicando multi citar
perceba q ao vc clicar no botao no FdF ele muda de cor:
Personalizar os ranks de acordo com o grupo - Página 2 R0qh6c10
Depois quando clica fica assim:
Personalizar os ranks de acordo com o grupo - Página 2 Cdbseb10
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 08.06.14 15:58

Lima 3005

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut 08.06.14 16:00

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

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por Lima 3005 08.06.14 16:02

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

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut 08.06.14 16:05

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

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut 22.06.14 20:23

UP
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por DeeW. 29.06.14 16:41

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!
DeeW.

DeeW.
****

Membro desde : 27/05/2014
Mensagens : 271
Pontos : 389

http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os ranks de acordo com o grupo

Mensagem por TappedOut 08.07.14 16:09

Grato á todos.
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Página 2 de 2 Anterior  1, 2

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos