Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» [PEDIDO] Ícone "Enquete"
Hoje à(s) 14:37 por GollD

» Como colocar ícone de nova mensagem em tópico
Hoje à(s) 14:27 por Cepheus

» Redução dos Ranks...
Hoje à(s) 14:15 por Cepheus

» [PEDIDO] Banner
Hoje à(s) 13:59 por idarkdg

» A Propaganda está no lugar errado
Hoje à(s) 5:01 por Bluue_Br

» Arma/Carro Preferido opção no perfil
Hoje à(s) 4:48 por while

» Personalizar visualização do perfil
Hoje à(s) 3:30 por while

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
while
 
Cream
 
Shek
 
Holkis
 
PrisoN†BreaK
 
IsmaelS.
 
Ana Leandro
 
Sennior
 
Cepheus
 
YouTube3
 

Quem está conectado
120 usuários online :: 3 usuários cadastrados, 2 Invisíveis e 115 Visitantes :: 2 Motores de busca

GollD, JrMAFiA, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Problema nos avatares

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Problema nos avatares

Mensagem por Batyman em Seg 4 Abr 2016 - 3:07

Detalhes da questão


Endereço do fórum: http://riseofheroes.forumeiro.com/
Versão do fórum: PhpBB3

Descrição


Olá! Bom, estou com um problema nos avatares. Embora eles estejam do tamanho certo, aparece uma barra preta do lado dele, que automaticamente da a impressão dele estar do tamanho errado. Veja aqui o problema. Tem como arrumar? Louco


Última edição por Batyman em Seg 4 Abr 2016 - 5:33, editado 1 vez(es)

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 276

http://riseofdemigods.forumeiros.com/

Resolvido Re: Problema nos avatares

Mensagem por Key of Destiny em Seg 4 Abr 2016 - 3:26

E aí, colega? Tudo joia?

Para facilitar o processo, poderia passar o código que está nos ids: #pr-avatar, #pr-info, #pr-conta e .pr-campo:first-child #pr-dato? Desse modo evitamos o congestionamento do seu CSS. Piscada

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 180
Pontos Ativos : 592

Resolvido Re: Problema nos avatares

Mensagem por Batyman em Seg 4 Abr 2016 - 3:31

Onde se encontra o ids, Key? Pensativo

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 276

http://riseofdemigods.forumeiros.com/

Resolvido Re: Problema nos avatares

Mensagem por Key of Destiny em Seg 4 Abr 2016 - 3:33

@Batyman escreveu:Onde se encontra o ids, Key? Pensativo
Dentro da sua folha de estilo CSS. Basta colocar os códigos em separado na caixa de pesquisa. Piscada

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 180
Pontos Ativos : 592

Resolvido Re: Problema nos avatares

Mensagem por Batyman em Seg 4 Abr 2016 - 3:34

Ah, achei.

Código:
#pr-avatar {
width: 250px;
height: 400px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}

#pr-info {
width: 230px;
height: 380px;
padding: 10px;
background: #0d0d0d;
margin-top: -445px;
margin-left: 250px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}

Código:
#pr-conta {
width: 116px;
height: 66px;
display: inline-block;
}

#pr-conta a {
  margin-bottom: 2px;
  display: block;
}

Código:
.pr-campo:first-child #pr-dato {
width: 92px;
padding: 15px 10px;
background: #000;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: lighter;
text-transform: lowercase;
line-height: 24px;
text-align: center;
display: inline-block;
margin-top: -66px;
margin-left: 118px;
}

Código:
#pr-dato {
background: #000;
color: #555;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-right: 0px;
text-align: center;
width: 230px;
line-height: 20px;
}

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 276

http://riseofdemigods.forumeiros.com/

Resolvido Re: Problema nos avatares

Mensagem por Key of Destiny em Seg 4 Abr 2016 - 3:58

Solucionei o problema e ao mesmo tempo acabei adaptando o efeito de passar o mouse sobre o avatar (hover), pois ficava em cima do nick do usuário.

Infelizmente acabei esquecendo de pedir alguns ids, peço perdão. Por isso, vamos começar por eles. Localize: #pr-cuerpo e #pr-name a e os substitua pelos códigos abaixo.

#pr-cuerpo
Código:
#pr-cuerpo {
    height: 510px;
    margin-left: -30px;
    margin-top: -5px;
    overflow: hidden;
    width: 200px;
}

#pr-name a
Código:
#pr-name a {
    background: #0d0d0d;
    border-bottom: 10px solid #44473E;
    display: block;
    font-family: Oswald;
    font-size: 20px;
    font-variant: normal;
    font-weight: lighter;
    line-height: 35px;
    padding: 10px;
    text-align: right;
    text-shadow: 1px 1px 1px #000;
    text-transform: lowercase;
    width: 200px;
    margin-left: -20px;
}

Agora vamos substituir os que você me passou. Segue pela ordem:

#pr-avatar e #pr-info
Código:
#pr-avatar {
width: 200px;
height: 400px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}
#pr-info {
width: 200px;
height: 325px;
padding: 10px;
background: #0d0d0d;
margin-top: -410px;
margin-left: 250px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}

.pr-campo:first-child #pr-dato
Código:
.pr-campo:first-child #pr-dato {
    background: #000;
    display: inline-block;
    font-family: Oswald;
    font-size: 20px;
    font-variant: normal;
    font-weight: lighter;
    line-height: 24px;
    margin-left: 118px;
    margin-top: -66px;
    padding: 15px 10px;
    text-align: center;
    text-transform: lowercase;
    width: 50px;
}

#pr-dato
Código:
#pr-dato {
    background: #000;
    color: #555;
    display: inline-block;
    font-size: 8px;
    letter-spacing: 2px;
    line-height: 20px;
    margin-right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 180px;
}

Veja se resulta. Muito feliz



Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 180
Pontos Ativos : 592

Resolvido Re: Problema nos avatares

Mensagem por Batyman em Seg 4 Abr 2016 - 4:11

De certa forma, melhorou. Mas somente a barrinha de cima diminuiu, veja aqui.

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 276

http://riseofdemigods.forumeiros.com/

Resolvido Re: Problema nos avatares

Mensagem por Key of Destiny em Seg 4 Abr 2016 - 4:33

Opa, sinto muito. Bom, infelizmente só retirando o ícone online ou trocando por um que fique melhor posicionado. Se eu tentar mexer nele, vai acabar ficando por trás da barrinha de cima.

Sugiro esse tutorial: http://ajuda.forumeiros.com/t57027-.

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 180
Pontos Ativos : 592

Resolvido Re: Problema nos avatares

Mensagem por Batyman em Seg 4 Abr 2016 - 4:38

Não me importo de tirar o icone, Kay. Da pra por ele no mesmo lugar que tem a imagem da MP Mostrando a lingua

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 276

http://riseofdemigods.forumeiros.com/

Resolvido Re: Problema nos avatares

Mensagem por Key of Destiny em Seg 4 Abr 2016 - 4:44

@Batyman escreveu:Não me importo de tirar o icone, Kay. Da pra por ele no mesmo lugar que tem a imagem da MP Mostrando a lingua
Entendo, mas você mesma acabou tirando. Mostrando a lingua

Acho que sobram agora só os cantos arredondados e brancos, não? Se quiser retirá-los, aceda a: painel de controle > visualização > imagens e cores > imagens > modo avançado > geral/navegação. Nos campos dos seguintes 4 itens: "Cantos esquerdos arredondados", "Cantos direitos arredondados", "Cantos esquerdos arredondados sobre fundo colorido" e "Cantos direitos arredondados sobre fundo colorido", insira a url abaixo:
Código:
http://illiweb.com/fa/empty.gif

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 180
Pontos Ativos : 592

Resolvido Re: Problema nos avatares

Mensagem por Batyman em Seg 4 Abr 2016 - 5:21

Exatamente isso que pediria a seguir, Key. Agora está tudo resolvido mesmo ao menos espero que sim. Obrigada pela centésima vez essa noite, até a próxima. Sorrir

Batyman
Nível 5

Feminino
Inscrito dia : 26/03/2016
Mensagens : 58
Pontos Ativos : 276

http://riseofdemigods.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5