Personalizar perfil

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

Resolvido Personalizar perfil

Mensagem por Connor R. em 02/09/13, 02:46 pm

Qual é minha questão:
Vejam como meu perfil está..



Gostaria de deixar assim, como nesta imagem abaixo:



Teria como?

Conseguir fazer utilizando CSS, mais estas imagens não tem classe definida...

Endereço do meu fórum:
http://somosmugiwara.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Connor R. em 02/09/13, 04:35 pm, editado 1 vez(es)
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Personalizar perfil

Mensagem por Sennior em 02/09/13, 03:08 pm

Olá,

Sua imagem não mostra claramente amigão, poderia descrever o que deseja?

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar perfil

Mensagem por [S]herlock em 02/09/13, 03:10 pm

Saudações!

Adicione este código em sua folha de estilo css:

img[src="http://i.imgur.com/30aiJlW.png"] {
background: #000;
border: 1px solid #ddd;
border-radius: 5px;
padding: 1px;
width: 40px;
height: 40px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
Nota: Onde está em negrito, troque pelo o link da imagem!

Até mais.
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Personalizar perfil

Mensagem por Connor R. em 02/09/13, 03:13 pm

aqui está sheldon:



Note a area dentro do quadrado vermelho...

meu caro hugo, isto não funcionará, pois o que quero e poder colocar uma classe naquelas imagens para eu poder editar por css, entende..

Uma classe que apenas modifique aquela área do fórum.
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Personalizar perfil

Mensagem por Gaaratsu em 02/09/13, 03:18 pm

Saudações!

Creio eu que não tenha uma classe em específica, porém vamos tentar!

Código que utilizaremos:
Código:
.pun fieldset, .pun img {
border: 1px solid #000 !important;
background-color: #000 !important;
}
Para adiciona-lo, aceda à: Painel de Controle -> Visualização -> Imagens e Cores -> Cores ->> Folha de estilo CSS

Seta Adicione no início da tua CSS e salve!

Atenciosamente. Muito feliz
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7402

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

Resolvido Re: Personalizar perfil

Mensagem por [S]herlock em 02/09/13, 03:19 pm

Saudações!

Então amigo, basta editar o código que lhe passei. É simples! 
Para adicionar uma classe, terá que ser via JavaScript, a qual não damos suporte.

Lamento,
Até mais.
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Personalizar perfil

Mensagem por Connor R. em 02/09/13, 03:21 pm

sim sim e isso que quero realmente, criar uma classe para aquelas imagens, pois elas não tem classe definida....

Só por javascript e?
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Personalizar perfil

Mensagem por [S]herlock em 02/09/13, 03:22 pm

Saudações!

Sim amigo.
Mais enfim, adicione o código que passei na primeira mensagem. Ele funcionará sim, eu mesmo testei no Firebug !

Até mais.
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Personalizar perfil

Mensagem por Connor R. em 02/09/13, 03:27 pm

humrum, mais o fato e que essas imagens que são mostradas ali são de múltipla escolha, ou seja, só funcionara em uma imagem, caso queira que funcione em todas terei que criar o código para cada imagem e vai encher minha folha CSS........
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Personalizar perfil

Mensagem por Gaaratsu em 02/09/13, 03:28 pm

@Connor R. escreveu:humrum, mais o fato e que essas imagens que são mostradas ali são de múltipla escolha, ou seja, só funcionara em uma imagem, caso queira que funcione em todas terei que criar o código para cada imagem e vai encher minha folha CSS........
Saudações!

Infelizmente teremos de fazer desta maneira, já que não podemos dar suporte à códigos JavaScript, lamento. Triste 

Atenciosamente. Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7402

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

Resolvido Re: Personalizar perfil

Mensagem por First em 02/09/13, 03:30 pm

Olá,

O Senhor queria chegar por gentileza:
[TUTORIAL] Criar campo "Prêmios para membros"
#Edit: Coloque uma span na imagem.

Até mais.


Última edição por First em 02/09/13, 03:34 pm, editado 1 vez(es)
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Personalizar perfil

Mensagem por [S]herlock em 02/09/13, 03:31 pm

Saudações!

Como são várias imagens, faça o seguinte:

img[src="http://i.imgur.com/30aiJlW.png"], img[src="link da imagem"
 {
background: #000;
border: 1px solid #ddd;
border-radius: 5px;
padding: 1px;
width: 40px;
height: 40px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
Entendeu o meu exemplo? Só ir repetindo a classe com o link da imagem, mais não se esqueça da vírgula e do espaço para separar!

Até mais.
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Personalizar perfil

Mensagem por Connor R. em 02/09/13, 04:32 pm

Valeu meu caro, ficou bom......
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

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