Personalizar fonte do menu

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

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!

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

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!

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

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.

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...

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!

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...

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:
https://i.imgur.com/tjvCdD8.png

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

Pois aqui ainda não esta certo...

Veja, aumentei a resolução

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

Olá autor,

Acredito que o problema está no seu navegador! Já tentou visualizar por outro? Observe:
https://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!

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..

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.

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

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: https://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.

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

Queira por favor criar outro tópico!