Efeito nas imagens dos fóruns

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

Olá!
Aceda a Folha de Estilo CSS:

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

Código:

img {-webkit-transition-duration: 1s;opacity: .1;}
img:hover {opacity: 0;}

e Valide!

Até mais.

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

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

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

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

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

Up

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!

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

Olá!

Adicione ao vosso CSS:

Código:

.hierarchy{border:none;display:inline;font-size:1em!important;text-transform:none}

Atenciosamente!

No início ao no fim que adiciono?

Olá,

Adicione ao início do seu código.

Cordialmente,
The Boss

Não alterou nada...

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

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.

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!

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

Olá!

Adicione ao início de seu CSS:

Spoiler:

Resulta?

Atenciosamente!

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

Olá!

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

Atenciosamente!

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

Olá!

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

Atenciosamente!