Você não está conectado. Conecte-se ou registre-se

Traduzir Tópico, Tutorial

Ir em baixo  Mensagem [Página 1 de 1]

1 Traduzir Tópico, Tutorial em Qua Jan 21, 2015 4:54 pm

Júnior Duarte

avatar
Membro elite

Olá galera, alguem poderia traduzir esse tópico?

[Somente administradores podem ver este link]

Gostaria de aplicar o efeito do tutorial no Fórum porem não entendi a parte que diz pra instalar fontes.

Agradeço.

Ver perfil do usuário

2 Re: Traduzir Tópico, Tutorial em Qua Jan 21, 2015 6:45 pm

Cepheus

avatar
Membro elite

No seu overall_header
Procure por:
Código:
{CSS}

Adicione depois:
Código:
<link href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>

Depois disso só seguir os passos do tutorial que você postou acima.

Mas também você pode fazer de outra maneira:
Veja minha proposta:
Após adicionar a fonte no seu overall_header

Adicione o seguinte código na sua folha de estilo:
Código:
#board_statistics p a[style="color: #9C0000"]{
        background:   #9C0000;
        margin: 2px; display: inline-block;padding:5px;border-radius: 3px;border: none;color: #fff!important;text-decoration:none;
}
#board_statistics p a[style="color: #9C0000"]:before{
    content: "\f0ac";
    font-family: 'FontAwesome';font-weight: normal;
}

Explicando o código, para melhor entender vou deixar citado, destacando com uma cor vermelha as áreas que precisam ser modificada para cada grupo:

[Somente administradores podem ver este link] p a[style="color: [Somente administradores podem ver este link]"]{
       background:   [Somente administradores podem ver este link];
       margin: 2px; display: inline-block;padding:5px;border-radius: 3px;border: none;color: [Somente administradores podem ver este link]!important;text-decoration:none;
}
[Somente administradores podem ver este link] p a[style="color: [Somente administradores podem ver este link]"]:before{
   content: "\f0ac";
   font-family: 'FontAwesome';font-weight: normal;
}

A parte com [Somente administradores podem ver este link] (correspondem a cor do grupo)
Já no código: \f0ac (corresponde ao icone, que você pode escolher no seguinte endereço: [Somente administradores podem ver este link]



OBS: Para cada grupo deve ser adicionado o código acima trocando apenas as partes destacadas em vermelho, trocando de acordo com a cor do grupo



Gostou? não esqueça de Reputar! Suporte Forumeiros Aqui!
Ver perfil do usuário

3 Re: Traduzir Tópico, Tutorial em Sex Jan 23, 2015 11:44 am

Júnior Duarte

avatar
Membro elite

Perfeito amigo, obrigado. Pode fechar.

Ver perfil do usuário

4 Re: Traduzir Tópico, Tutorial em Sex Jan 23, 2015 11:53 am

Cepheus

avatar
Membro elite

Vi que você já adicionou se quiser deixar eles bem formatado adicione isso no seu css:
Vai ficar da seguinte maneira:
[Somente administradores podem ver esta imagem]
<link href="https://googledrive.com/host/0B6QV0IUykrZ1eWo2VUYxQ29EUlE" rel="stylesheet">
Código:
/*Font*/
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v9/Zd2E9abXLFGSr9G3YK2MsFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}
/*Formatação dos ranks*/
#board_statistics p:nth-child(4){font-size:0px}
#board_statistics p:nth-child(4):before{content:"Grupos: ";font-size:12px}
#board_statistics p:nth-child(4) b{font-size:11px;
  font-weight: 400; font-family: "Roboto Condensed", ariel; text-shadow: 0 -1px rgba(0,0,0,0.35);
text-transform: uppercase;
}



Última edição por Cepheus em Sex Jan 23, 2015 1:48 pm, editado 1 vez(es)



Gostou? não esqueça de Reputar! Suporte Forumeiros Aqui!
Ver perfil do usuário

5 Re: Traduzir Tópico, Tutorial em Sex Jan 23, 2015 11:54 am

Júnior Duarte

avatar
Membro elite

Só mais uma coisa.

Como faço para os parenteses e o nome Grupo ali no começo sumirem? 

Tipo tá assim:

[Somente administradores podem ver esta imagem]

Gostaria que ficasse que nem o abaixo sem os parenteses.

[Somente administradores podem ver esta imagem]

Ver perfil do usuário

6 Re: Traduzir Tópico, Tutorial em Sex Jan 23, 2015 11:58 am

Júnior Duarte

avatar
Membro elite

Perfeito amigo, fiz a atualização mas vc respondeu antes, heheheh.; Obrigado.

Ver perfil do usuário

Conteúdo patrocinado


Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum