Imagem do avatar na parte principal

Qual é minha questão:
Olá, amigos !
a minha questão é : gostaria de colocar as imagens dos avatares do membros na parte principal do fórum, como a imagem abaixo, aonde aparece pequenas imagens de avatares !

Endereço do meu fórum:
http://pokemonsupremo.forumbrasil.net:80

Versão do fórum:
PHPBB2

Olá,

Senhorita, queria chegar por gentileza:
[TUTORIAL] Avatar do último membro que postou no tópico


Até mais,
Passar bem.  

Olá, First!
Obrigada por responder á minha ajuda,
eu consegui, porem ficou muito grande e também ficou em cima não no lado como o desejado!

como vc pode ver no meu fórum, como ficou : http://pokemonsupremo.forumbrasil.net/fórum

tem como colocar ao lado e menor ?

Olá,

Peço que acede à 'Folha de estilo CSS':
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

.avat-miembro {
float: left;
}
.avat-miembro img {
width: 40px;
height: 40px;
padding: 1px;
margin: 0 5px;
border-radius: 10px
}

Valide.


Até mais,
Passar bem.  

amigo, esse é o mesmo código colocando anteriormente que deu o resultado falado por mim anteriormente, que as imagem ficam em cima e são grandes eu quero que ficam pequenas e ao lado.

Olá,

Senhorita, eu sei que o código é o mesmo. É que eu visitei o seu fórum e não encontrei o CSS ativo em vosso fórum, peço que substitua o código por este. Caso não resultar deixe este código ativo em sua folha de estilo CSS e avisa aqui.

Código:

.avat-miembro {
float: left!important;
}
.avat-miembro img {
width: 40px!important;
height: 40px!important;
padding: 1px!important;
margin: 0 5px!important;
border-radius: 10px!important;
}

Até mais,
Passar bem.  

Infelizmente não resultou, mas á pedido seu, eu deixei ativo!

uma pergunta, para diminuir o tamanho deles não precisa mexer nos números que o código apresenta ?

Olá,

Senhorita, sim pode modificar o valor sim, porem a sua folha de estilo CSS estava errada. Peço que substitua toda a sua folha de estilo CSS por esta:

Código:

.avat-miembro {
float:left!important;
}
.avat-miembro img {
width:40px!important;
height:40px!important;
padding:1px!important;
margin:0 5px!important;
border-radius:10px!important;
}
#chatbox {
background-image:url(http://www.serebii.net/art/th/500.png);
background-position:bottom right;
background-repeat:no-repeat;
}
.main-content {
border-radius:6px;
}
a:hover {
color:#4876FF;
text-shadow:0 0 10px red;
}
.bodyline {
-khtml-border-radius:25px;
-moz-border-radius:20px;
-moz-opacity:.8;
-o-border-radius:25px;
-webkit-border-radius:20px;
border:1px solid #FFEA00;
border-radius:25px;
filter:alpha(opacity=80);
opacity:.8;
}
a.mainmenu:hover {
-moz-opacity:.65;
filter:alpha(opacity=30);
opacity:.55;
}
.mainmenu img {
-moz-opacity:.4;
filter:alpha(opacity=40);
opacity:.4;
}
a.mainmenu img:hover {
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
}
.forumline {
-moz-border-radius:20px;
-webkit-border-radius:20px;
border:1px solid #000;
}
a:hover,body {
cursor:url(http://cur.cursors-4u.net/cursors/cur-3/cur282.ani), url(http://cur.cursors-4u.net/cursors/cur-3/cur282.png), progress!important;
}

Até mais,
Passar bem.  

First, eu coloquei o código que você me passou, porém por algum motivo os efeitos colocados no fórum não apareceu, por esse motivo em exclui esse código de lá e coloquei o código antigo no qual os outros efeitos estavam pegando!

bem, obrigada pela ajuda!
vou parar de atrapalhar, pois mais ou menos já consegui o que queria que era colocar o avatar na parte principal.

- até.... no dia que eu estiver mais duvida !
bye.......