ArtigosPosicionar nome do item do campo personalizado rpg
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Posicionar nome do item do campo personalizado rpg
por ZombieW 31.08.16 21:37
Detalhes da questão
Endereço do fórum: www.tutorialdoca.com
Versão do fórum: PhpBB3
Descrição
Boa tarde,
Preciso de uma ajuda de vocês no meu CSS, na parte onde eu configuro as imagens para campos personalizados do RPG, onde eu tinha esse código:
- Spoiler:
- Código:
/* Ranks e Patentes
by DropLeet
*/
/*Super Elite*/
.SE{
background-image:url('');
background-repeat:no-repeat;
background-position:left top;
color: #C1FA17;
font-weight:bold;
font-size: 10pt;
font-variant: small-caps;
text-shadow: 0 2px 5px black;
margin-top:10px;
padding-left:25px; /* Espaço entre o texto e a imagem */
line-height: 150%; /* Completar a imagem */
}
/*Moderador de Elite*/
.ME{
background-image:url('http://i21.servimg.com/u/f21/17/53/75/18/elitet10.gif');
background-repeat:no-repeat;
background-position:left top;
color: #FAFA03;
font-weight:bold;
font-size: 10pt;
font-variant: small-caps;
text-shadow: 0 2px 5px black;
margin-top:10px;
padding-left:19px;
line-height: 150%; /* Sem isso a imagem não aparecerá inteira*/
}
/*Cadete*/
.CDT{
background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_trainee.gif');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-left:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
line-height: 200%; /* Completar a imagem */
}
/*Recruta*/
.RCT{
background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_recruit.gif');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-left:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
line-height: 200%; /* Completar a imagem */
}
/*Soldado Raso*/
.SDR{
background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_private.gif');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-left:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
line-height: 200%; /* Completar a imagem */
}
/*Soldade de Primeira Classe*/
.SPC{
background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_private_first.gif');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-left:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
line-height: 200%; /* Completar a imagem */
}
/*Cabo*/
.CAB{
background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_croporal.gif');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-left:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
line-height: 200%; /* Completar a imagem */
}
/*Sargento*/
.SGT{
background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_sergeant.gif');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-left:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
line-height: 200%; /* Completar a imagem */
}
/*1º 2º 3º Sargento - Ajudante*/
.PSA1PSA3{
background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/psa10.png');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-top:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
}
/*1º 2º 3º Sargento - Chefe*/
.SC1SC3{
background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/sc10.png');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-top:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
}
/*1º 2º 3º 4º Sargento - Mestre*/
.SM1SM4{
background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/sm10.png');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-top:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
}
/*1º 2º 3º 4º 5º Sargento - MOR do Comando*/
.SMC1SMC5{
background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/smc10.png');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-top:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
}
/*1º 2º 3º 4º 5º Segundo - Tenente*/
.ST1ST5{
background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/st10.png');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-top:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
}
/*1º 2º 3º 4º 5º Primeiro - Tenente*/
.PT1PT5{
background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/pt10.png');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-top:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
}
/*1º 2º 3º 4º 5º Capitão*/
.CAP1CAP5{
background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/cap10.png');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-top:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
}
/*1º 2º 3º 4º 5º Major*/
.MAJ1MAJ5{
background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/maj10.png');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-top:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
}
/*1º 2º 3º 4º 5º Tenente - Coronel*/
.TNC1TNC5{
background-image:url('http://i57.servimg.com/u/f57/17/53/75/18/tnc1010.png');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-top:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
}
/*1º 2º 3º 4º 5º Coronel*/
.CEL1CEL5{
background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/cel10.png');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-top:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
}
/*General de Brigada*/
.GB{
background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_star_lv1.gif');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-left:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
line-height: 200%; /* Completar a imagem */
}
/*General de Divisão*/
.GD{
background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_star_lv2.gif');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-left:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
line-height: 200%; /* Completar a imagem */
}
/*Tenente - General*/
.TG{
background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_star_lv3.gif');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-left:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
line-height: 200%; /* Completar a imagem */
}
/*General*/
.GEN{
background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_star_lv4.gif');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-left:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
line-height: 200%; /* Completar a imagem */
}
/*General do Exército*/
.GE{
background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_star_lv5.gif');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-left:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
line-height: 200%; /* Completar a imagem */
}
E elas faziam esse efeito no Perfil do Usuário:
Ai o jogo teve mais patentes inseridas, portanto, eu fui no CSS e adicionei esse trecho logo em seguida do acima:
- Código:
/*1º 2º 3º 4º 5º Chefe de Comando*/
.CIC1CIC5{
background-image:url('http://i35.servimg.com/u/f35/17/53/75/18/cic1ci10.png');
background-repeat:no-repeat;
background-position:left top;
margin-top:5px;
padding-left:25px;
color: #FFFFFF;
font-weight:bold;
font-size: 8pt;
font-variant: small-caps;
line-height: 200%; /* Completar a imagem */
}
Porém, quando eu seleciono no Perfil essa nova patente, a imagem dela não aparece ou aparece com o nome por cima da imagem:
Onde estou errando?
Última edição por ZombieW em 01.09.16 14:09, editado 1 vez(es)
ZombieW- Super Membro
- Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020 -
Re: Posicionar nome do item do campo personalizado rpg
por while 01.09.16 1:17
Olá autor, adicione mais esse código em sua folha de estilo css:
Até mais.
- Código:
.CIC1CIC5 {padding-top:20px;}
Até mais.
while- Hiper Membro
- Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761 -
ZombieW- Super Membro
- Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020 -
Re: Posicionar nome do item do campo personalizado rpg
por Cream 01.09.16 15:03
| Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Cream- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Tópicos semelhantes» Posicionar o campo de editar
» Posicionar campo de perfil nos tópicos
» Posicionar nome do usuário no tópico
» Posicionar o número de Tópicos ao lado do nome
» Campo de perfil personalizado
» Posicionar campo de perfil nos tópicos
» Posicionar nome do usuário no tópico
» Posicionar o número de Tópicos ao lado do nome
» Campo de perfil personalizado
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos