Efeito nas imagens dos fóruns

5 participantes

Ir para baixo

Tópico resolvido Efeito nas imagens dos fóruns

Mensagem por ViniciusVX 10.03.13 23:55

Qual é minha questão:
Assim como deste fórum:

http://dragons-kingdom.forumeiros.com/forum

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

Versão do fórum:
PHPBB3


Última edição por ViniciusVX em 12.03.13 16:08, editado 1 vez(es)
ViniciusVX
ViniciusVX
****

Membro desde : 08/04/2012
Mensagens : 306
Pontos : 449

http://mermoraonline.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por BrunoH. 11.03.13 1:48

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:
Código:
img {-webkit-transition-duration: 1s;opacity: .1;}
img:hover {opacity: 0;}
e Valide!

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por ViniciusVX 11.03.13 15:25

Deu certo, mas teria como ficar com a imagem meio pixelada tipo desse aqui
http://dragons-kingdom.forumeiros.com/forum
ViniciusVX
ViniciusVX
****

Membro desde : 08/04/2012
Mensagens : 306
Pontos : 449

http://mermoraonline.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por seender 11.03.13 15:41

Olá!

Utilize o código:
Código:
#page-header ul.linklist li a {
-moz-border-radius: 5px 5px 5px 5px;
background-color: #000000;
font-family: georgia;
font-style: italic;
text-transform: lowercase;
font-size:18px;
letter-spacing: -2px;
}
#page-header ul.linklist li a:hover {
color: #FFFFFF;
text-transform: lowercase;
font-style: bold;
letter-spacing: -1px;
text-shadow:0 2px 2px #A30000;
}
Adicione o código em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por ViniciusVX 11.03.13 16:14

Esse não deu nada, gostei que mudou o menu de navegação, mas quero que as imagens do fórum (Em geral) fiquem um pouco transparentes e pixeladas (Palavra inventada por mim para descrever algo com evidencia de pixels) de certa forma....

ViniciusVX
ViniciusVX
****

Membro desde : 08/04/2012
Mensagens : 306
Pontos : 449

http://mermoraonline.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por seender 11.03.13 16:22

Olá!

Substitua o código por este:
Código:
#page-header ul.linklist li a {
-moz-border-radius: 5px 5px 5px 5px;
background-color: #000000;
font-family: georgia;
font-style: italic;
text-transform: lowercase;
font-size:18px;
letter-spacing: -2px;
}
#page-header ul.linklist li a:hover {
color: #FFFFFF;
text-transform: lowercase;
font-style: bold;
letter-spacing: -1px;
text-shadow:0 2px 2px #A30000;
}
a {
-moz-transition-duration: .8s;
-o-transition-duration: .8s;
-webkit-transition-duration: .8s;
text-decoration: none!important;
transition-duration: .8s;
}
Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por ViniciusVX 11.03.13 16:31

deu o mesmo efeito... Eu quero que o avatar, imagens nos tópicos, logo, botões foquem neste efeito transparente.
ViniciusVX
ViniciusVX
****

Membro desde : 08/04/2012
Mensagens : 306
Pontos : 449

http://mermoraonline.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por ViniciusVX 12.03.13 0:26

Up
ViniciusVX
ViniciusVX
****

Membro desde : 08/04/2012
Mensagens : 306
Pontos : 449

http://mermoraonline.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por JonasB. 12.03.13 0:29

Olá!

Coloque em vosso CSS:
Código:
#page-header ul.linklist li a:hover {
color: #FFFFFF;
text-transform: lowercase;
font-style: bold;
letter-spacing: -1px;
text-shadow:0 2px 2px #A30000;
}

Atenciosamente!
JonasB.
JonasB.
*****

Membro desde : 30/07/2012
Mensagens : 481
Pontos : 638

http://suportedesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por ViniciusVX 12.03.13 0:34

Desculpe mas não é mudar a sombra dos links...
ViniciusVX
ViniciusVX
****

Membro desde : 08/04/2012
Mensagens : 306
Pontos : 449

http://mermoraonline.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por JonasB. 12.03.13 1:04

Olá!

Adicione ao vosso CSS:
Código:
.hierarchy{border:none;display:inline;font-size:1em!important;text-transform:none}

Atenciosamente!
JonasB.
JonasB.
*****

Membro desde : 30/07/2012
Mensagens : 481
Pontos : 638

http://suportedesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por ViniciusVX 12.03.13 15:12

No início ao no fim que adiciono?
ViniciusVX
ViniciusVX
****

Membro desde : 08/04/2012
Mensagens : 306
Pontos : 449

http://mermoraonline.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por .Danni. 12.03.13 15:16

Olá,

Adicione ao início do seu código.

Cordialmente,
The Boss
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por ViniciusVX 12.03.13 15:30

Não alterou nada...
ViniciusVX
ViniciusVX
****

Membro desde : 08/04/2012
Mensagens : 306
Pontos : 449

http://mermoraonline.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por .Danni. 12.03.13 15:35

Olá,

Tente este código:
Código:

#page-header ul.linklist li a{
color: #FFFFFF;
text-transform: lowercase;
font-style: bold;
letter-spacing: 0px;
text-shadow: 0 2px 2px #A30000;
-webkit-transition-duration: 1s;
opacity: .6;
}

#page-header ul.linklist li a:hover {
color: #FFFFFF;
text-transform: lowercase;
font-style: bold;
letter-spacing: 2px;
text-shadow: 0 2px 2px #A30000;
-webkit-transition-duration: .5s;
opacity: 1;
}

Cordialmente,
The Boss
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por ViniciusVX 12.03.13 15:57

Gente, sem ofensa, mudaram o título do meu fórum, e não é nada do menu de navegação. São as imagens do fórum. Não especificamente do menu de navegação. Quero avatares, rank, img, botões. Todas as IMAGENS em um efeito meio transparente. Esqueça o menu de navegação, são as imagens. Um efeito meio transparente e pixelado.

Com efeito:
Efeito nas imagens dos fóruns 2013-051

Normal:
Efeito nas imagens dos fóruns 2013-037
ViniciusVX
ViniciusVX
****

Membro desde : 08/04/2012
Mensagens : 306
Pontos : 449

http://mermoraonline.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por JonasB. 12.03.13 16:26

Olá!

Adicione ao seu CSS:
Código:
#wrap div#page-body .left-box,#wrap div#page-body .pagination,#wrap div#page-body div.topic-actions,#wrap div.post .right,#wrap div.postbody div.signature,#wrap div.postbody img,#wrap div.postbody ul.profile-icons,#wrap dl.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}#wrap div.postbody .online{background-image:none}#wrap div.postbody{width:auto}#wrap div.postbody h3{font-size:10pt}#wrap div.postbody p.author{border-bottom:1px dashed #ccc;width:100%}#wrap div#page-body div.post{border-top:3px double #ccc;padding:0 0 2em}div.postbody{float:none;width:100%}#wrap div#page-body div.post .content{overflow:visible}div.noprint{display:none}}

Atenciosamente!
JonasB.
JonasB.
*****

Membro desde : 30/07/2012
Mensagens : 481
Pontos : 638

http://suportedesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por ViniciusVX 12.03.13 16:49

Deu um bugg, e o avatar ficou no final da pagina... ;(
ViniciusVX
ViniciusVX
****

Membro desde : 08/04/2012
Mensagens : 306
Pontos : 449

http://mermoraonline.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por JonasB. 12.03.13 16:54

Olá!

Adicione ao início de seu CSS:
Spoiler:
Resulta?

Atenciosamente!
JonasB.
JonasB.
*****

Membro desde : 30/07/2012
Mensagens : 481
Pontos : 638

http://suportedesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por ViniciusVX 12.03.13 17:01

Ficou ótimo, mas poderia colocar a imagem que fica em torno do avatar ficar com borda arredondada?
ViniciusVX
ViniciusVX
****

Membro desde : 08/04/2012
Mensagens : 306
Pontos : 449

http://mermoraonline.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por JonasB. 12.03.13 17:16

Olá!

Visualizei seu fórum, e as bordas já estão arredondadas!

Atenciosamente!
JonasB.
JonasB.
*****

Membro desde : 30/07/2012
Mensagens : 481
Pontos : 638

http://suportedesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por ViniciusVX 12.03.13 17:30

Tudo bem, você ganhou.... Muito feliz, adorei, vocês aqui do fumeiros são ótimos, obrigado mesmo!
ViniciusVX
ViniciusVX
****

Membro desde : 08/04/2012
Mensagens : 306
Pontos : 449

http://mermoraonline.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nas imagens dos fóruns

Mensagem por JonasB. 12.03.13 17:33

Olá!

Se um membro lhe ajudou, clique em " + " e em "Obrigado!" para poder motivá-lo a continuar ajudando no fórum!

Atenciosamente!
JonasB.
JonasB.
*****

Membro desde : 30/07/2012
Mensagens : 481
Pontos : 638

http://suportedesign.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos