Como personalizar esses texto

Como personalizar esses texto

 por Uilia em 30/06/12, 05:27 pm

Qual é minha questão:
Olá,

Como personalizo esses texto !!
Onde tem um quadrado em vermelho é somente para almentar a letra !!
E é para mover aqueles texto que tem a setinha apontando para o quadrado verde !!
Obs: os texto que tem a setinha apontado é para mover para baixo dentro do quadrado verde =D

ATÉ MAIS E OBG...




Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://www.playerpromo.net

Versão do meu fórum:
PHPBB3

Re: Como personalizar esses texto

 por Jack Sparrow em 30/06/12, 06:03 pm

Vá em: Painel de controle Visualização Cores "Aba" Folha CSS. Tesouros não são apenas ouro e prata, amigo.

Depois acrescente o seguinte codigo:

Código:

.table-title {font-size: 15px;}
dd.topics {position: relative;top: 38px !important;}
dd.posts {position: relative;top: 38px !important;}
dd.lastpost {position: relative;top: 38px !important;}


Não esqueça de clicar em "Validar"
Altere o valor 15px para o tamanho desejado da fonte.

Re: Como personalizar esses texto

 por Uilia em 30/06/12, 06:09 pm

Olá,

Funcionou só teve um problema:


até;

Re: Como personalizar esses texto

 por Jack Sparrow em 30/06/12, 06:21 pm

Substitua aquele código por este:

Código:

.table-title {font-size: 15px;}
dd.topics {position: relative;top: 38px !important;}
dd.posts {position: relative;top: 38px !important;}
dd.lastpost {position: relative;top: 38px !important;}
.row .icon .topics {position: relative;top: 18px !important;}
.row .icon .posts {position: relative;top: 18px !important;}
.row .icon .lastpost {position: relative;top: 18px !important;}

Re: Como personalizar esses texto

 por Uilia em 30/06/12, 09:20 pm

Boas funcionou na pagina inicial !!
Mais dentro dos foruns olhe:


até;

• 0Reputação da mensagem: 100% (1 votos)

Re: Como personalizar esses texto

 por Jack Sparrow em 01/07/12, 01:42 pm

Vá em: Painel de controle Visualização Cores "Aba" Folha CSS. Tesouros não são apenas ouro e prata, amigo.

Depois acrescente o seguinte codigo:

Código:

.table-title {font-size: 15px;}
dd.topics {position: relative;top: 38px !important;}
dd.posts {position: relative;top: 38px !important;}
dd.lastpost {position: relative;top: 38px !important;}
.row .icon .topics {position: relative;top: 18px !important;}
.row .icon .posts {position: relative;top: 18px !important;}
.row .icon .lastpost {position: relative;top: 18px !important;}
.icon .views {top: 38px !important;position: relative;}
.row.row2 .icon .posts {position: relative;top: 5px !important;}
.row.row2 .icon .views {top: 4px !important;position: relative;}
.row.row2 .icon .lastpost {position: relative;top: -3px !important;}
.header .icon .views {position: relative;top: 38px;}
.row.row1 .icon .posts {position: relative;top: 5px !important;}
.row.row1 .icon .views {top: 4px !important;position: relative;}
.row.row1 .icon .lastpost {position: relative;top: -3px !important;}

Não esqueça de clicar em "Validar"

Re: Como personalizar esses texto

 por Uilia em 01/07/12, 04:36 pm

Olá,

Funcionou, só que teria como por isso um pouco mais pra cima ??


OBRIGADO

• 0Reputação da mensagem: 100% (1 votos)

Re: Como personalizar esses texto

 por Jack Sparrow em 01/07/12, 04:42 pm

Coloque o seguinte código no final da sua folha CSS:

Código:

.row.row2 .icon .posts, .row.row2 .icon .views {top: -3px !important;}


Re: Como personalizar esses texto

 por Uilia em 01/07/12, 05:23 pm

Boas,
Funcionou so teve um problema, um foi pra cima ai o de baixo fico no mesmo lugar
olha a imagem:


até;

Edit@
Consegui com essa css:

Código:

.row.row1 .icon .posts, .row.row1 .icon .views {top: -3px !important;}

vlws ajudo muito

Re: Como personalizar esses texto

 por Jack Sparrow em 01/07/12, 06:59 pm