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 de Rank (Moderador)
Hoje à(s) 2:47 por GollD

» Sub-fóruns personalizados
Hoje à(s) 1:56 por Cream

» Personalizar perfil do fórum
Hoje à(s) 1:37 por Cream

» Tooltip no título dos tópicos
Hoje à(s) 1:35 por Cream

» Criar tags BBcode
Hoje à(s) 1:01 por Cream

» Perfis em mensagens privadas
Hoje à(s) 0:28 por Cream

» Problema nas páginas devido aos anúncios
Hoje à(s) 0:23 por juleic1123

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
Cream
 
while
 
Shek
 
Holkis
 
Mr.Probz
 
Nean
 
lavinnia
 
-xGabriel..
 
sandra51
 
Harold C+
 

Quem está conectado
90 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 80 Visitantes :: 2 Motores de busca

Castiel, Cream, GollD, Holkis, luuuiiiz, Nean, Sennior, wellemlima, while, YouTube3

[ Ver toda a lista ]


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

Personalizar fonte do menu

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

Resolvido Personalizar fonte do menu

Mensagem por Faeel em Seg 29 Ago 2016 - 18:49

Detalhes da questão


Endereço do fórum: http://forumdofael.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá, gostaria de obter este código do efeito ou fonte que há sobre o texto desta imagem, http://prntscr.com/cbrx1t

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 1522

http://ajuda.forumeiros.com

Resolvido Re: Personalizar fonte do menu

Mensagem por Cream em Seg 29 Ago 2016 - 19:01

Olá,

O senhor poderia ser mais específico a qual parte estás a falar na imagem? Seria o efeito sobre o link do menu que você está no momento? Se sim, coloque este código em sua CSS:
Código:
#pun-navlinks li a.mainmenu.active {
    background: #0e96ab;
    color: #fff;
    position: relative;
}

Até mais!


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

Cream
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 7899
Pontos Ativos : 12954

http://ajuda.forumeiros.com

Resolvido Re: Personalizar fonte do menu

Mensagem por Faeel em Seg 29 Ago 2016 - 19:04

Não amigo, o texto da imagem, tem um "efeito" de melhora no texto, ou é a fonte.

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 1522

http://ajuda.forumeiros.com

Resolvido Re: Personalizar fonte do menu

Mensagem por Cream em Seg 29 Ago 2016 - 19:06

Olá,

Bom este é o efeito que está no menu daquele fórum:
Código:
#pun-navlinks ul li a {
    font-family: 'Roboto Condensed' !important;
}
#pun-navlinks li a.mainmenu {
    color: #eee;
    display: block;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    outline: none;
    padding: 0 6px;
}

Veja se resulta.
Até mais!


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

Cream
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 7899
Pontos Ativos : 12954

http://ajuda.forumeiros.com

Resolvido Re: Personalizar fonte do menu

Mensagem por Faeel em Seg 29 Ago 2016 - 19:10

Qual a fonte e qual a forma que ele deixou o texto da quele jeito?

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 1522

http://ajuda.forumeiros.com

Resolvido Re: Personalizar fonte do menu

Mensagem por Cream em Seg 29 Ago 2016 - 19:12

@Faeel escreveu:Qual a fonte e qual a forma que ele deixou o texto da quele jeito?
Assim como mandei na mensagem anterior, não existe muito efeito no CSS para deixar o texto daquela maneira. Fica daquele modo porque ele utiliza a fonte: Roboto Condensed

Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

Cream
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 7899
Pontos Ativos : 12954

http://ajuda.forumeiros.com

Resolvido Re: Personalizar fonte do menu

Mensagem por Faeel em Seg 29 Ago 2016 - 19:17

Coloquei a mesma fonte que ele utiliza no fórum dele e não fica da mesma forma, veja http://prntscr.com/cbsaib

Tem algo mais... Louco

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 1522

http://ajuda.forumeiros.com

Resolvido Re: Personalizar fonte do menu

Mensagem por Cream em Seg 29 Ago 2016 - 19:27

Olá,

Desculpe, pensei que você estava a falar da fonte do menu... Para o logo adicione este código:
Código:
#pun-logo::after, #pun-logo::before {
    font-family: Lato, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 67px;
    text-decoration: none;
    text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
}
#pun-logo::before {
    color: #fff;
    content: 'Fórum do ';
    padding: 0 0 0 15px;
}
#pun-logo::after {
    color: #c9c9c9;
    content: 'Fael';
    padding: 0 15px 0 0;
}

Resulta?
Até mais!


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

Cream
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 7899
Pontos Ativos : 12954

http://ajuda.forumeiros.com

Resolvido Re: Personalizar fonte do menu

Mensagem por Faeel em Seg 29 Ago 2016 - 19:31

Ainda não ficou com o efeito, veja o dele http://prntscr.com/cbsgqj , e o meu, http://prntscr.com/cbsh3n

Pelo menos aqui não esta igual...

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 1522

http://ajuda.forumeiros.com

Resolvido Re: Personalizar fonte do menu

Mensagem por Cream em Seg 29 Ago 2016 - 19:42

Olá,

Amigo o código está funcionando normalmente! O problema é o fundo do seu logo que possui cor diferente do outro fórum que você quer copiar (a cor ideal é #2a3a46). Observe:
http://i.imgur.com/tjvCdD8.png

Lembre-se de remover a outra fonte que eu passei.
Até mais!


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

Cream
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 7899
Pontos Ativos : 12954

http://ajuda.forumeiros.com

Resolvido Re: Personalizar fonte do menu

Mensagem por Faeel em Seg 29 Ago 2016 - 19:50

Pois aqui ainda não esta certo... Louco

Veja, aumentei a resolução

http://prntscr.com/cbspo5
http://prntscr.com/cbsqdh

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 1522

http://ajuda.forumeiros.com

Resolvido Re: Personalizar fonte do menu

Mensagem por Cream em Seg 29 Ago 2016 - 20:07

Olá autor,

Acredito que o problema está no seu navegador! Já tentou visualizar por outro? Observe:
http://i.imgur.com/Afkmyzl.png
(Não fiz nenhuma edição de imagem)

Caso queira pode tentar fazer o seguinte procedimento:
Troque o código por este:
Código:
    #pun-logo::after, #pun-logo::before {
        font-family: Lato, sans-serif;
        font-size: 30px;
        font-weight: 700;
        line-height: 67px;
        text-decoration: none;
        text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
        -webkit-font-smoothing: antialiased;
        -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
    #pun-logo::before {
        color: #fff;
        content: 'Fórum do ';
        padding: 0 0 0 15px;
        -webkit-font-smoothing: antialiased;
        -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
        text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
    #pun-logo::after {
        color: #c9c9c9;
        content: 'Fael';
        padding: 0 15px 0 0;
        -webkit-font-smoothing: antialiased;
        -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
        text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

Até mais!


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

Cream
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 7899
Pontos Ativos : 12954

http://ajuda.forumeiros.com

Resolvido Re: Personalizar fonte do menu

Mensagem por Faeel em Seg 29 Ago 2016 - 22:04

Cream talvez seja um problema do navegador ou não, se possível algum usuário que utiliza Google Chrome teste e veja se ocorre o mesmo problema..

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 1522

http://ajuda.forumeiros.com
  • 0

Resolvido Re: Personalizar fonte do menu

Mensagem por while em Seg 29 Ago 2016 - 22:48

Troque o css por este:
Código:
 #pun-logo:after, #pun-logo:before {
        font-family: Lato, sans-serif;
        font-size: 30px;
        font-weight: 700;
        line-height: 67px;
        text-decoration: none;
        text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
        -webkit-font-smoothing: antialiased;
        -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
    #pun-logo:before {
        color: #fff;
        content: 'Fórum do ';
        padding: 0 0 0 15px;
        -webkit-font-smoothing: antialiased;
        -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
        text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
    #pun-logo:after {
        color: #c9c9c9;
        content: 'Fael';
        padding: 0 15px 0 0;
        -webkit-font-smoothing: antialiased;
        -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
        text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
@font-face{font-family:Lato;font-style:normal;font-weight:300;src:local('Lato Light'), local(Lato-Light), url(http://themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format("woff")}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:local('Lato Regular'), local(Lato-Regular), url(http://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format("woff")}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:local('Lato Bold'), local(Lato-Bold), url(http://themes.googleusercontent.com/static/fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff) format("woff")}

Resulta?
Até mais.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2445
Pontos Ativos : 3565

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar fonte do menu

Mensagem por Faeel em Seg 29 Ago 2016 - 23:30

Resultou sim while ,você poderia fazer o mesmo no menu e na descrição com a fonte 'Roboto Condensed'

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 1522

http://ajuda.forumeiros.com
  • 0

Resolvido Re: Personalizar fonte do menu

Mensagem por while em Ter 30 Ago 2016 - 19:57

Desculpe a demora, achei que havia sido resolvida já.

Adicione esse código,que deixarei abaixo, entre as tags head no seu template chamado: overall_header
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">

Depois disto, basta você inspecionar o item que deseja, pegar a classe/div/id dela, e por a propriedade:
font-family: 'Roboto Condensed'

Exemplo:
a[href="/u1"]{font-family:'Roboto Condensed'}

Para saber como inspecionar elemento veja esse tópico: http://ajuda.forumeiros.com/t101566-
Não ensina tão bem, mas é baseado... da pra você entender um pouco como funciona, qualquer coisa não hesite em me contatar via MP.

Mais alguma dúvida? ou podemos dar como resolvido o tópico?
Até mais.



Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2445
Pontos Ativos : 3565

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar fonte do menu

Mensagem por Faeel em Qua 31 Ago 2016 - 2:22

Perfeito!! Se você quiser fazer um hover no menu neste tópico, caso não eu crio outro tópico. Obrigado.

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 1522

http://ajuda.forumeiros.com

Resolvido Re: Personalizar fonte do menu

Mensagem por Cream em Qua 31 Ago 2016 - 2:26

Queira por favor criar outro tópico! Feliz
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

Cream
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 7899
Pontos Ativos : 12954

http://ajuda.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