Formato do avatar

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

Resolvido Formato do avatar

Mensagem por ppedro19 em Sex 25 Jan 2013 - 2:38

Qual é minha questão:

Bom eu simplesmente queria o css que deixa o ''formato padrão'' dos avatares assim:

http://i.imgur.com/xCDYkCE.png


Endereço do meu fórum:
http://pokemon.ultimaterpg.net

Versão do fórum:
PHPBB2
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Sex 25 Jan 2013 - 15:39

UP
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por -Ruiva em Sex 25 Jan 2013 - 15:51

Olá,

Você já viu isto em algum forum?
avatar

-Ruiva
Nível 7

Feminino
Inscrito dia : 21/01/2013
Mensagens : 80
Pontos Ativos : 110

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

Resolvido Re: Formato do avatar

Mensagem por Lollipop em Sex 25 Jan 2013 - 16:35

Esse formato é impossível com CSS.
avatar

Lollipop
Nível 3

Feminino
Inscrito dia : 04/11/2012
Mensagens : 20
Pontos Ativos : 27

Ver perfil do usuário http://forum-vicio.ativoforum.com/forum

Resolvido Re: Formato do avatar

Mensagem por .Danni. em Sex 25 Jan 2013 - 16:53

Ele poderia conseguir se estivesse disposto a arriscar uma moldura em png por cima do avatar e isso iria requerer edição de template pra criar a div.
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Sex 25 Jan 2013 - 19:29

Então poderia me mostrar as molduras disponiveis?
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum
  • 0

Resolvido Re: Formato do avatar

Mensagem por -Ruiva em Sex 25 Jan 2013 - 19:56

Oque você pode fazer é pedir um avatar com está moldura, pois não tem como colocar este formato na folha de css...
avatar

-Ruiva
Nível 7

Feminino
Inscrito dia : 21/01/2013
Mensagens : 80
Pontos Ativos : 110

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

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Sex 25 Jan 2013 - 20:05

Eun não lembro qual mais vi em um forum,que todos os avatares ficavam nesse formato,era tipo avatar padrão,mas se eu colocasse meu avatar atual por exemplo,ele ficava em um determinado formato
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por .Danni. em Sex 25 Jan 2013 - 20:06

Visualização Seta Templates Seta Geral Seta viewtopic_body

Procure:
Código:
{postrow.displayed.POSTER_AVATAR}

Troque por:
Código:
<div class="borda"></div></div class="ava">{postrow.displayed.POSTER_AVATAR}</div>

Salve e clique em Adicionar para publicar as alterações.

Adicione isso ao seu CSS:

Código:
.ava {
  width: 150px;
  height: 215px;
  z-index: -999;
}

.borda {
  z-index: 999;
  background: url(http://i.imgur.com/zOltHPa.png);
  width: 150px;
  height: 215px;
  margin-bottom: -215px;
  positiong: relative;
}

Eu não testei em um fórum phpbb2 por que o meu fórum de testes é Punbb e eu preciso dele nessa versão, lá não pegou, mas pode pegar no seu por que phpbb é formatado de maneira mais simples que o punbb.

Se não pegar fica a sugestão para alguém que saiba mais sobre css que eu e possa aprimorar isso.


avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Sex 25 Jan 2013 - 20:33

Boss,n teve o meno efeito :/
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por Sennior em Sab 26 Jan 2013 - 1:10

Saudações!

Infelizmente amigo, não à com fazer assim, lamento.

Até mais!
avatar

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16313
Pontos Ativos : 20815

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

Resolvido Re: Formato do avatar

Mensagem por BrunoH. em Sab 26 Jan 2013 - 11:56

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
.postprofile dl dt a[href*="/u"] img {background-image: url(http://i.imgur.com/xCDYkCE.png)!important;}
e Valide!

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Dom 27 Jan 2013 - 15:00

Não aconteceu nada :S
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Dom 27 Jan 2013 - 15:27

ah,achei o forum,quero o css pra deixar todos os avatares assim:
http://fairytail-xtreme.ativoforum.com/t336-ficha-kiriyu
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Dom 27 Jan 2013 - 20:00

Hehe guardei meu UP muahahah
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Seg 28 Jan 2013 - 17:57

UP
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Ter 29 Jan 2013 - 18:05

UP zen
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por Castiiel em Ter 29 Jan 2013 - 18:17

Olá ppedro19,

Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:

Experimente este código:
Código:
/* Caixa de avatar em forma de MSN  */
.post .poster-profile img,
form[action *="/privmsg?folder="]  .forumline  td[width*="22"] img,
form[action *="/privmsg?folder="]  .forumline  td[rowspan*="4"] img,
form[action *="/profile"]  .forumline .row1  table[width*="70"] td[align*="center"] img  {
background:url("http://img5.imageshack.us/img5/1131/loldy.png") no-repeat scroll 0 0 transparent;padding:17px 17px 15px;width: 150px;height: 200px;}
/* Caixa de avatar em forma de MSN  */

Resultou?!

Castiiel
Nível 3

Masculino
Inscrito dia : 15/01/2013
Mensagens : 19
Pontos Ativos : 31

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

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Ter 29 Jan 2013 - 18:23

O resultado ficou horrivel,da um zoom e a borda esta em tudo que há no perfil,queria um css exato igual ao do forum que passei
http://fairytail-xtreme.ativoforum.com/t336-ficha-kiriyu
Esse aki em cima lol
Caso queira ver como ficou meu forum esta aki
http://pokemon.ultimaterpg.net/t77-laboratorio
Eu quero muito adcionar aquele efeito,por favor me ajude,desde ja agradeço,obrigado por tentar ajudar.
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Ter 29 Jan 2013 - 20:36

Bom,ta ai,mas ao inves de achar um codigo diferente,poderia disponbilizar o que esta no forum?Quero aquele efeito no perfil/avatar
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Qua 30 Jan 2013 - 19:40

UP Irritado
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por iPrompt em Qua 30 Jan 2013 - 22:22

Olá,

Adiciona este código na sua Folha de estilo CSS

Código:
.postdetails {
-webkit-box-shadow: black 3px 3px 3px;
background-image: url(http://i.imgur.com/xCDYkCE.png);
border-radius: 1px 1px 25px 25px;
box-shadow: black 3px 10px 8px;
left: -2px;
overflow: visible;
position: relative;
text-align: center;
top: 20px;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5370
Pontos Ativos : 6857

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

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Qui 31 Jan 2013 - 17:54

Quak,seu css deixou todo o perfil com um efeito sombra e não fez o que pedi.
Poderia tentar dnovo?ah e vlw a todos q tentaram ajudar.
zen Aguardando...
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por iPrompt em Qui 31 Jan 2013 - 18:36

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:
a[href="/u"] {
-webkit-box-shadow: black 3px 3px 3px;
background-image: url(http://i.imgur.com/xCDYkCE.png);
border-radius: 1px 1px 25px 25px;
box-shadow: black 3px 10px 8px;
left: -2px;
overflow: visible;
position: relative;
text-align: center;
top: 20px;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5370
Pontos Ativos : 6857

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

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Qui 31 Jan 2013 - 19:04

Não aconteceu nada,não consegui localizar nenhuma mudança.
Poderia me passar o codigo que o forum que citei assim esta usando para deixar o perfil daquele geito?Des de ja agradeço.
zen Aguardando...
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por iPrompt em Qui 31 Jan 2013 - 19:07

Olá,

Tente este código

Código:
.postbody a img ,
form[action *="/privmsg?folder="]  .forumline  td[width*="22"] img,
form[action *="/privmsg?folder="]  .forumline  td[rowspan*="4"] img,
form[action *="/profile"]  .forumline .row1  table[width*="70"] td[align*="center"] img  {
-webkit-box-shadow: black 3px 3px 3px;
background-image: url(http://i.imgur.com/xCDYkCE.png);
border-radius: 1px 1px 25px 25px;
box-shadow: black 3px 10px 8px;
left: -2px;
overflow: visible;
position: relative;
text-align: center;
top: 20px;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5370
Pontos Ativos : 6857

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

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Qui 31 Jan 2013 - 20:06

Nada de diferente outra vez
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por iPrompt em Qui 31 Jan 2013 - 22:13

Olá,

Tente este código

Código:
.postbody a img {
background-image: url(http://i.imgur.com/xCDYkCE.png)!important;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5370
Pontos Ativos : 6857

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

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Sex 1 Fev 2013 - 17:24

fico um efeito na imagen do post mas nada do efeito :/
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por ppedro19 em Sex 1 Fev 2013 - 18:33

Up
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Formato do avatar

Mensagem por VitorChaves em Sex 1 Fev 2013 - 20:45

@Lollipop escreveu:Esse formato é impossível com CSS.
avatar

VitorChaves
Nível 3

Masculino
Inscrito dia : 31/12/2012
Mensagens : 19
Pontos Ativos : 32

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

Resolvido Re: Formato do avatar

Mensagem por iPrompt em Dom 3 Fev 2013 - 0:41

Olá,

Tente este código

Código:
.postbody a img {
background-image: url(http://i.imgur.com/xCDYkCE.png)!important;
border-radius: 1px 1px 25px 25px;
box-shadow: black 3px 10px 8px;
left: -2px;
overflow: visible;
position: relative;
text-align: center;
top: 20px;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5370
Pontos Ativos : 6857

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum