ArtigosPersonalizar os ranks de acordo com o grupo
+4
Kyo Panda
waghcwb
Hancki
TappedOut
8 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 2 de 2
Página 2 de 2 • 
1, 2
Personalizar os ranks de acordo com o grupo
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ódigo | Tags: | Personalizar,ranks,acordo,grupo |
Última edição por Sulley em 08.07.14 16:09, editado 1 vez(es)
TappedOut- Membro
- Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756 -
Lima 3005- Membro
- Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885 -
Re: Personalizar os ranks de acordo com o grupo
por TappedOut 08.06.14 4:09
Falta o Multi Quote, Editar, Excluir, IP
TappedOut- Membro
- Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756 -
Re: Personalizar os ranks de acordo com o grupo
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- Membro
- Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885 -
Re: Personalizar os ranks de acordo com o grupo
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- Membro
- Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756 -
Re: Personalizar os ranks de acordo com o grupo
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
Só você vê o botão IP e Paine de controle
Lima 3005- Membro
- Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885 -
Re: Personalizar os ranks de acordo com o grupo
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- Membro
- Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756 -
Re: Personalizar os ranks de acordo com o grupo
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- Membro
- Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885 -
Re: Personalizar os ranks de acordo com o grupo
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- Membro
- Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756 -
Re: Personalizar os ranks de acordo com o grupo
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
eu tambem nao vejo o paine de controle, isso é só para admins
Lima 3005- Membro
- Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885 -
Re: Personalizar os ranks de acordo com o grupo
por TappedOut 08.06.14 15:55
Ex´plicando multi citar
perceba q ao vc clicar no botao no FdF ele muda de cor:
Depois quando clica fica assim:
perceba q ao vc clicar no botao no FdF ele muda de cor:
Depois quando clica fica assim:
TappedOut- Membro
- Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756 -
Re: Personalizar os ranks de acordo com o grupo
por Lima 3005 08.06.14 15:58
Lima 3005- Membro
- Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885 -
Re: Personalizar os ranks de acordo com o grupo
por TappedOut 08.06.14 16:00
Amigo, Acho que não entendeu o efeito que quero no botão.......
TappedOut- Membro
- Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756 -
Re: Personalizar os ranks de acordo com o grupo
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
por isso dei o link para substituir por imagens
Lima 3005- Membro
- Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885 -
Re: Personalizar os ranks de acordo com o grupo
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- Membro
- Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756 -
TappedOut- Membro
- Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756 -
Re: Personalizar os ranks de acordo com o grupo
por DeeW. 29.06.14 16:41
Crie um javascript com investimento nos tópicos:
Adicione ao CSS:
Javascript criado por mim!
- 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.- ****
- Membro desde : 27/05/2014
Mensagens : 271
Pontos : 389 -
TappedOut- Membro
- Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756 -
Página 2 de 2 • 1, 2
Tópicos semelhantes» Personalizar os ranks de acordo com o grupo
» Personalizar os ranks de acordo com o grupo
» Barra de acordo com a cor do grupo
» Borda de acordo com o grupo
» Nome do usuário com cor de acordo com seu grupo
» Personalizar os ranks de acordo com o grupo
» Barra de acordo com a cor do grupo
» Borda de acordo com o grupo
» Nome do usuário com cor de acordo com seu grupo
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 2 de 2
Permissões neste sub-fórum
Não podes responder a tópicos