Personalizar perfil

5 participantes

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

Tópico resolvido Personalizar perfil

Mensagem por Connor R. 02.09.13 18:46

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

Personalizar perfil DcXpmNf

Gostaria de deixar assim, como nesta imagem abaixo:

Personalizar perfil XHRquzV

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 20:35, editado 1 vez(es)
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar perfil

Mensagem por Sennior 02.09.13 19:08

Olá,

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

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar perfil

Mensagem por [S]herlock 02.09.13 19:10

Saudações!

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

img[src="https://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.
[S]herlock

[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar perfil

Mensagem por Connor R. 02.09.13 19:13

aqui está sheldon:

Personalizar perfil CQpUlKA

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.
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar perfil

Mensagem por Konai 02.09.13 19:18

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
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar perfil

Mensagem por [S]herlock 02.09.13 19:19

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.
[S]herlock

[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar perfil

Mensagem por Connor R. 02.09.13 19:21

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

Só por javascript e?
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar perfil

Mensagem por [S]herlock 02.09.13 19:22

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.
[S]herlock

[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar perfil

Mensagem por Connor R. 02.09.13 19:27

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........
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar perfil

Mensagem por Konai 02.09.13 19:28

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
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar perfil

Mensagem por First 02.09.13 19:30

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 19:34, editado 1 vez(es)
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar perfil

Mensagem por [S]herlock 02.09.13 19:31

Saudações!

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

img[src="https://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.
[S]herlock

[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar perfil

Mensagem por Connor R. 02.09.13 20:32

Valeu meu caro, ficou bom......
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

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