Qual é minha questão:
Olá a todos.

Eu estou a utilizar o seguinte código (No Javascript) para colocar o nome em cima do avatar (o meu fórum é phpbb3)

Código:

$(function(){
    $('.postprofile dl').each(function(){
    var theBox = $(this).children('dt:first');
    var uNameX = theBox.children('strong').html()+'<br>';
    theBox.children('a').before(uNameX);
    theBox.children('strong').hide();
    });
    });

E as letras, por alguma razão ficaram muito pequenas. Já tentei utilizar o código para aumentar as letras do nome e não funcionou.
Este:

Código:

.name{
    font-size : 15px;
   }

Como fazer com que as letras aumentem de tamanho?
E como colocar espaço entre o nome e o avatar? De momento não tem nenhum (olhar a imagem)

Obrigado

Endereço do meu fórum:
http://www.namelesscraft.org

Versão do fórum:
PHPBB3

Neste código :

Código:

.name{
    font-size : 15px;
  }

Mude só para este :

Código:

.name{
    font-size : 30px;
  }

Também já tentei isso não funciona.

Tente este código :

Código:

.hierarchy {
color: #000;
font-family: trebuchet MS,trebuchet MS,trebuchet MS;
font-size: 27px !Important;
font-weight: 800;
margin: .8em 0 .2em;
}

Não
Oh e esquecime de avisar que o código é em javascript, não CSS

Não , mais e só adicionar o css , não tem a ver o java.

Adicionou o código no css ?

lucasxd111 escreveu:Não , mais e só adicionar o css , não tem a ver o java.

Adicionou o código no css ?

Eu adicionei este codigo no javascript

Código:

$(function(){
    $('.postprofile dl').each(function(){
    var theBox = $(this).children('dt:first');
    var uNameX = theBox.children('strong').html()+'<br>';
    theBox.children('a').before(uNameX);
    theBox.children('strong').hide();
    });
    });

Olá!

Então seria mais fácil você retirar não ?

Até mais

lucasxd111 escreveu:Olá!

Então seria mais fácil você retirar não ?

Até mais

Mas assim o nome to membro irá estar debaixo e eu quero que fique em cima.

Então deixe este mesmo java , e adicione este css :

Código:

.hierarchy {
color: #000;
font-family: trebuchet MS,trebuchet MS,trebuchet MS;
font-size: 27px !Important;
font-weight: 800;
margin: .8em 0 .2em;
}

Bom dia!

Não remova o JS, por favor aceda à:
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS

Acrescente o código abaixo na folha:

Código:

.postprofile a:active, .postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
font-size: 1.1em;
}

Altere 1.1 para definir o tamanho do nickname.

Valide.

Resulta?
Até mais!

Ρrince escreveu:

Código:

.postprofile a:active, .postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
font-size: 1.1em;
}

Boa! isto funcionou

Agora como posso colocar espaço entre o nome e o avatar?  

Troque o código anterior por este:

Código:

.postprofile a:active, .postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
font-size: 1.1em;
line-height: 1.5em;
}

Altere 1.1 para definir o tamanho do nickname.
Altere 1.5 para definir a distancia.

Até mais!

Tudo funcionou na perfeição!
Muito obrigado amigos