Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosBorda de cor | Mensagens
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Borda de cor | Mensagens
por Steve_. 12.06.18 17:42
Olá eu gostaria de saber como colocar essas barras de cor nas mensagens. Eu já utilizei antes mas acabei esquecendo como colocava.
https://uploaddeimagens.com.br/images/001/461/661/full/perfil.png?1528821682
Fórum Phbp3
https://uploaddeimagens.com.br/images/001/461/661/full/perfil.png?1528821682
Fórum Phbp3
Steve_.- ****
- Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403 -
Re: Borda de cor | Mensagens
por tikky 12.06.18 18:42
Olá @Steve_.,
Vou precisar de duas coisas:
Agradeço,
Vou precisar de duas coisas:
- Url do seu fórum
- Código que está em uso (JavaScript)
Agradeço,
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Borda de cor | Mensagens
por Steve_. 12.06.18 18:47
@Pedxz
- Código:
$(function(){
var _0x2850=["\x6C\x65\x6E\x67\x74\x68","\x23\x69\x70\x62\x77\x72\x61\x70\x70\x65\x72","\x69\x6E\x76\x69\x73\x69\x6F\x6E","\x2E\x62\x6F\x64\x79\x6C\x69\x6E\x65","\x70\x68\x70\x62\x62\x32","\x23\x77\x72\x61\x70","\x70\x68\x70\x62\x62\x33","\x23\x70\x75\x6E\x2D\x69\x6E\x74\x72\x6F","\x70\x75\x6E\x62\x62","\x65\x72\x72\x6F\x72"];function forumversion(){if(jQuery(_0x2850[1])[_0x2850[0]]){return _0x2850[2];} ;if(jQuery(_0x2850[3])[_0x2850[0]]){return _0x2850[4];} ;if(jQuery(_0x2850[5])[_0x2850[0]]){return _0x2850[6];} ;if(jQuery(_0x2850[7])[_0x2850[0]]){return _0x2850[8];} ;return _0x2850[9];} ;
var jColor = "#12E343";
switch ( forumversion() )
{
case "invision":
var seletor = $('.postprofile dl dt span[style="color:'+jColor+'"]');
var version = $('.post');
break;
case "phpbb2":
var seletor = $('.name span[style="color:'+jColor+'"]');
var version = $('.row1');
break;
case "phpbb3":
var seletor = $('.postprofile dl dt span[style="color:'+jColor+'"]');
var version = $('.post');
break;
case "punbb":
var seletor = $('.username span[style="color:'+jColor+'"]');
var version = $('.post');
break;
default: "Erro ao identificar a versão do fórum";
}
seletor.each(function(){
$(this).closest(version).css({
'border-width':'0 0 0 15px',
'border-color': jColor,
'border-style':'solid'
});
});
});
Steve_.- ****
- Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403 -
Re: Borda de cor | Mensagens
por tikky 13.06.18 8:27
O JS apresentado em cima dá? Você só têm dificuldade a por a borda?
Tente:
Tente:
- Código:
$(function(){
var _0x2850=["\x6C\x65\x6E\x67\x74\x68","\x23\x69\x70\x62\x77\x72\x61\x70\x70\x65\x72","\x69\x6E\x76\x69\x73\x69\x6F\x6E","\x2E\x62\x6F\x64\x79\x6C\x69\x6E\x65","\x70\x68\x70\x62\x62\x32","\x23\x77\x72\x61\x70","\x70\x68\x70\x62\x62\x33","\x23\x70\x75\x6E\x2D\x69\x6E\x74\x72\x6F","\x70\x75\x6E\x62\x62","\x65\x72\x72\x6F\x72"];function forumversion(){if(jQuery(_0x2850[1])[_0x2850[0]]){return _0x2850[2];} ;if(jQuery(_0x2850[3])[_0x2850[0]]){return _0x2850[4];} ;if(jQuery(_0x2850[5])[_0x2850[0]]){return _0x2850[6];} ;if(jQuery(_0x2850[7])[_0x2850[0]]){return _0x2850[8];} ;return _0x2850[9];} ;
var jColor = "#12E343";
switch ( forumversion() )
{
case "invision":
var seletor = $('.postprofile dl dt span[style="color:'+jColor+'"]');
var version = $('.post');
break;
case "phpbb2":
var seletor = $('.name span[style="color:'+jColor+'"]');
var version = $('.row1');
break;
case "phpbb3":
var seletor = $('.postprofile dl dt span[style="color:'+jColor+'"]');
var version = $('.post');
break;
case "punbb":
var seletor = $('.username span[style="color:'+jColor+'"]');
var version = $('.post');
break;
default: "Erro ao identificar a versão do fórum";
}
seletor.each(function(){
$(this).closest(version).css({
'border-width':'3px',
'border-color': jColor,
'border-left-style':'solid'
});
});
});
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Borda de cor | Mensagens
por Steve_. 13.06.18 8:43
Não o JavaScript acima não está funcionando, usava à vários anos e do nada deixou de funcionar.
OBS: (O Gerenciamento de Códigos JavaScript está ativado).
Tentei usar o código que você me passou agora mas continua sem funcionar.
OBS: (O Gerenciamento de Códigos JavaScript está ativado).
Tentei usar o código que você me passou agora mas continua sem funcionar.
Steve_.- ****
- Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403 -
Re: Borda de cor | Mensagens
por tikky 13.06.18 13:35
Tente usar este criado pelo Ange Tuteur: Staff mods colored post borders.
E relate aqui as suas dúvidas, esse js é recente
E relate aqui as suas dúvidas, esse js é recente
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Borda de cor | Mensagens
por Steve_. 13.06.18 13:48
Mas no meu fórum eu não uso Ranks e assim teria que mudar tudo não tem como ser com JavaScript do género do que eu estou usando?
Eu consegui por um dos códigos funcionando mas não sei o que fazer para criar para outro grupo.
Eu consegui por um dos códigos funcionando mas não sei o que fazer para criar para outro grupo.
Steve_.- ****
- Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403 -
Re: Borda de cor | Mensagens
por tikky 13.06.18 13:50
Percebi, e
é o código passado em cima ou outro?
Eu consegui por um dos códigos funcionando mas não sei o que fazer para criar para outro grupo.
é o código passado em cima ou outro?
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Borda de cor | Mensagens
por Steve_. 13.06.18 13:51
- Código:
/*
$(function(){
var _0x2850=["\x6C\x65\x6E\x67\x74\x68","\x23\x69\x70\x62\x77\x72\x61\x70\x70\x65\x72","\x69\x6E\x76\x69\x73\x69\x6F\x6E","\x2E\x62\x6F\x64\x79\x6C\x69\x6E\x65","\x70\x68\x70\x62\x62\x32","\x23\x77\x72\x61\x70","\x70\x68\x70\x62\x62\x33","\x23\x70\x75\x6E\x2D\x69\x6E\x74\x72\x6F","\x70\x75\x6E\x62\x62","\x65\x72\x72\x6F\x72"];function forumversion(){if(jQuery(_0x2850[1])[_0x2850[0]]){return _0x2850[2];} ;if(jQuery(_0x2850[3])[_0x2850[0]]){return _0x2850[4];} ;if(jQuery(_0x2850[5])[_0x2850[0]]){return _0x2850[6];} ;if(jQuery(_0x2850[7])[_0x2850[0]]){return _0x2850[8];} ;return _0x2850[9];} ;
var jColor = "#EB3434";
switch ( forumversion() )
{
case "invision":
var seletor = $('.postprofile dl dt span[style="color:'+jColor+'"]');
var version = $('.post');
break;
case "phpbb2":
var seletor = $('.name span[style="color:'+jColor+'"]');
var version = $('.row1');
break;
case "phpbb3":
var seletor = $('.postprofile dl dt span[style="color:'+jColor+'"]');
var version = $('.post');
break;
case "punbb":
var seletor = $('.username span[style="color:'+jColor+'"]');
var version = $('.post');
break;
default: "Erro ao identificar a versão do fórum";
}
seletor.each(function(){
$(this).closest(version).css({
'border-width':'0 0 0 15px',
'border-color': jColor,
'border-style':'solid'
});
});
});
Steve_.- ****
- Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403 -
Re: Borda de cor | Mensagens
por Neox 13.06.18 20:20
Boa tarde,
Adicione este código a sua folha css
e este em um novo JS com investimento nos tópicos
Adicione este código a sua folha css
- Código:
.post.admin-beitr .inner {
border-color:#FF6600;
border-color:rgba(11,100,193,0.93);
}
e este em um novo JS com investimento nos tópicos
- Código:
$(function() {
$('.admin-rang').closest('.post').addClass('admin-beitr')
});
Neox- Membro
- Membro desde : 16/08/2016
Mensagens : 698
Pontos : 976 -
Re: Borda de cor | Mensagens
por Steve_. 13.06.18 20:40
Continua sem aparecer a barra.
( Aparece apenas no grupo do código que mandei acima. ) - (Já aparecia antes destes códigos)
( Aparece apenas no grupo do código que mandei acima. ) - (Já aparecia antes destes códigos)
Steve_.- ****
- Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403 -
Re: Borda de cor | Mensagens
por Neox 14.06.18 0:40
Alterou o #FF6600 para a cor do grupo que deseja? E mudou o “admin”?
Neox- Membro
- Membro desde : 16/08/2016
Mensagens : 698
Pontos : 976 -
Re: Borda de cor | Mensagens
por Punisher 14.06.18 1:02
Retire os códigos passados acima e crie um novo javascript com investimento nos tópicos e adicione este código:
Logo após criar o javascript você cria um novo rank, com o seguinte nome:
Assim que adicionar o rank para um usuário ele irá ter a "barra" ao lado esquerdo do perfil.
Se não funcionar ou estiver com dúvidas sobre o código me envie uma MP.
- Código:
(function ($) {
'use strict';
$(function () {
$('.post').css('background-image', 'none');
/* Administrador */
$('div.post:has(".equipefundoadm"), div.postmain:has(".equipefundo")').css({
'border-left': 'solid 10px #FF0000'
});
/* Moderador */
$('div.post:has(".equipefundomod"), div.postmain:has(".equipefundo")').css({
'border-left': 'solid 10px #000000'
});
});
}(jQuery));
Logo após criar o javascript você cria um novo rank, com o seguinte nome:
- Código:
<div img src="https://i.servimg.com/u/f84/19"><span class="equipefundoadm"></span>
Assim que adicionar o rank para um usuário ele irá ter a "barra" ao lado esquerdo do perfil.
Se não funcionar ou estiver com dúvidas sobre o código me envie uma MP.
Punisher- ***
- Membro desde : 16/10/2017
Mensagens : 167
Pontos : 284 -
Steve_.- ****
- Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403 -
Re: Borda de cor | Mensagens
por Fraise 17.06.18 13:36
Tópico resolvidoMovido para "Questões resolvidas". |
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Tópicos semelhantes» Borda mensagens e perfil nas mensagens
» Borda nas mensagens e perfil
» Borda no perfil das mensagens
» Borda nas últimas mensagens
» Borda arredondada nas mensagens do tópico
» Borda nas mensagens e perfil
» Borda no perfil das mensagens
» Borda nas últimas mensagens
» Borda arredondada nas mensagens do tópico
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos