Falamos h2, pois é assim na maioria dos blogs, mas se no seu caso não funcionar para saber qual o estilo dos títulos do menu veja o HTML do seu blog e procure pelos títulos que usa então saberá qual configurar. Entre no seu blog clique com o botão direito do mouse num espaço vazio(fora de imagens ou video) e escolha a opção exibir código de fonte, então procure por um dos títulos do seu menu. No caso do Dicas para Blogs encontramos assim: <h2>Guia Rápido</h2> , portanto vamos formatar o h2, mas se no seu blog for outro use esse outro estilo.
Na pagina editar HTML encontramos
h2{..........} então coloque aqui a imagem de fundo junto com o restante do código. O nosso blog ficou assim:
h2 {background-image: url(http://img24.imageshack.us/img24/8909/menudm1.jpg);background-repeat: no-repeat;background-position: center;font-size: 120%;text-align: center;height: 30px;padding-top:9px;color: #000000}
o começo do código é a imagem de fundo background-image: url(http://img24.imageshack.us/img24/8909/menudm1.jpg
Depois tem a parte que impede a repetição e centraliza a imagem de fundo background-repeat: no-repeat;background-position: center;
height: 30px; é a altura da linha, ou seja, deixe igual à altura da imagem.
Outro detalhe é caso aparecer essa imagem de fundo em outro lugar como, por exemplo, no titulo das postagens, então corrigimos isso assim:
h2.date-header {background-image: none;
Isso faz que o estilo h2 date-header não tenha fundo, mais uma vez se precisar localizar o nome exato do estilo faça do mesmo jeito que indicamos para saber qual o estilo dos títulos do menu.
Veja também:
Imagem da carta - enviar postagem
Deixar a mesma postagem no ínicio do blog
Formatação diferente em uma parte do texto
Noções de formatação em CSS
Sobre imagens de fundo
Como hospedar imagens
Link para esta página
27 comentários:
Amado mais uma boa dica, valeu Fabiano. Bom domingo
A paz
Ótima dica, parabéns.
Vou precisar reler algumas coisas porque não entendo tão bem dos códigos, mas fiquei bem interessada. Faço somente uma idéia do que ele fará.
Agatha
personalizar os titulos do menu é facil o problema é que envolve varias outras coisas, como imagem de fundo, css, fazer e hospedar a imagem.
mas tenha calma, vai conseguir fazer. crie um blog para fazer testes é o melhor jeito de aprender...
Boas dicas!
http://www.daonda.blogspot.com
Valeu
Olá amigo, sou um iniciante em blogs, e esse blog me ajuda bastante, valeu!!!
O meu blog também fala sobre dicas, mas dicas sobre qualquer coisa. Dá uma passada lá:
www.dicandonet.blogspot.com
Baixei um template irado com menu suspenso porem não sei como faza-los direcionar para uma nova pagina na web,mudei os nomes do menu mas não consigo postar conteúdo para visitas. Obrigado se puder ajudar. marceloalmeidacwb@hotmail.com
Marcelo, veja aqui como fazer o menu abrir em uma nova janela
http://www.dicasparablogs.com.br/2009/04/abrir-menu-jump-em-nova-janela.html
cara eu queria cria um contorno em volta dos titulos, tipo os que tu tem aqui, GUIA RAPIDO, DIVULGUE, INSCREVER-SE, ENQUETE, TOP PARCEIROS, tipo esses, todos tem um contorno azul, isso que eu queria fazer no meu. Tem como me ajudar?
qualquer coisa lenin163@hotmail.com
desde ja agradeço, abraço.
veja essa postagem sobre titulos
http://www.dicasparablogs.com.br/2009/06/personalizar-titulos-do-menu-do-blog.html
cara, MUITO OBRIGADO mesmo, deu tudo certo aqui! muito bom blog mesmo!
abração
Muito bom Fabiano.
Acho que era a ultima coisa eu tinha que colocar no meu blog. :)
Poxa, o meu fica um botão na data da postagem =/
me ajuda por favor.
Débora , talvez no seu blog para editar o titulo da postagem seja no h3 em vez de h2 como dissemos, isso varia conforme o modelo do blog
Débora, se você não quiser mexer no HTML, porque é bem complicado pra quer mexer a primeira vez, você vai à página do Layout, clica edita postagem do blog, e desmarca a 1 2 3 opção, não aparecer data, mas em compensação o botão não vai aparecer. :)
mto bom valeu pelas dicas
Onde devo colocar esse codigo "h2 {background-image: url(http://img24.imageshack.us/img24/8909/menudm1.jpg);background-repeat: no-repeat;background-position: center;font-size: 120%;text-align: center;height: 30px;padding-top:9px;color: #000000}"
que vc deu de exemplo, nao entendi essa parte.
na pagina editar html do blog já tem um h2 e um monte de outros estilos parecidos então se já estiver como esse só deve trocar o que tem dentro das chaves.
se não colocar em qualquer parte por exemplo antes do h3 ou #main, mas tome cuidado para não misturar o conteudo das chaves, cada estilo abre e fecha as chaves
Ola, quando vc disse: No caso do Dicas para Blogs encontramos...no comecinho da explicação.mas vc não explicou esse modo...no meu blog e esse por favor explique-me
essa é apenas uma maneira de ter certeza qual é o estilo usado no menu do seu blog, alguns usam o h3
Ótimas dicas
Agora eu preciso aprender a utilizá-las
Sou leigo e não consegui praticamente nada
Valew
Olá pessoal, mais uma vez estou passando por aqui... Aprendendo mais um pouquinho com vocês. Se puderem me ajudar, estou com uma grande dúvida: Tento colocar minigifis ao lado dos meus marcadore, mas não consigo. Vocês têm alguma explicação aquin sobre esse tema? Agradeço muito.
Andrea
deacarmoorg@gmil.com
Déi@, veja aqui como personalizar os marcadores do blog
http://www.dicasparablogs.com.br/2009/03/personalizando-os-marcadores-do-blog.html
mas todos os links ficarão com a mesma imagem ao lado
Não conseguiiii
Fabiano, procurei antes aqui no site essa dica mas nem achei. Testei outros códigos de outros sites mas nada me agradou ate achar essa ótima dica aqui no seu site rsrs.
Obrigado cara, parabéns!!
Cara nao consiguir entender como fazer =\
Kamus
você precisa achar qual o estilo do seu titulo e mudar a formatação, faça um teste alterando o h2 e depois h3 e veja qual deles funciona.
só um conselho para seu blog
retire a navbar do blog
fica mais lega
:)
mais o site ajuda bastante!!
Postar um comentário