Personalizar fonte do menu

3 participantes

Ir para baixo

Tópico resolvido Personalizar fonte do menu

Mensagem por Faeel 29.08.16 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
avatar
Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por Cream 29.08.16 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!
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por Faeel 29.08.16 19:04

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

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por Cream 29.08.16 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!
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por Faeel 29.08.16 19:10

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

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por Cream 29.08.16 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.
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por Faeel 29.08.16 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
avatar
Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por Cream 29.08.16 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!
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por Faeel 29.08.16 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...
avatar
Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

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

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

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por Faeel 29.08.16 19:50

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

Veja, aumentei a resolução

http://prntscr.com/cbspo5
http://prntscr.com/cbsqdh
avatar
Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por Cream 29.08.16 20:07

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
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por Faeel 29.08.16 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..
avatar
Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por while 29.08.16 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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por Faeel 29.08.16 23:30

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

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por while 30.08.16 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: 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.

while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por Faeel 31.08.16 2:22

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

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fonte do menu

Mensagem por Cream 31.08.16 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.
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos