• Inicío

Tutoriais Xat

  • Avatares P/ Xat
  • Msg no Xat

Tutoriais Portal

  • Alterar Favicon
  • Bloquear CTRL+C
  • Colocar Alert
  • Enquetes
  • Icones Para Blog
  • Importar Backup
  • Link Leia Mais
  • Numerar Páginas
  • Troca de Dominio
  • Alterar Imagens
  • Caixinha Link-Me
  • Criando site
  • Criar Blog
  • Espaço Entre As Colu
  • Fazer Categorias
  • Imagem Na Postagem
  • Imagem No Título Da Post
  • Menu Laterais
  • Personalizar acaixa de busca
  • Tirar Navbar do Blog
  • Widgets

Tutoriais Radio

  • Configurar Web Rádio
  • Criando site
  • Criar seu Streaming
  • Formulario de pedido
  • IP Fixo
  • IP do Player
  • Sistema Locutor Online
  • WMP No Seu Site

Down Radio

  • Painel V3
  • Players
  • Sam Broadcaster 4
  • Vinhetas "links ON"
  • VirtualDJ + Serial
  • Zara Radio

NOME AKI

Tecnologia do Blogger.
Não chingue,não flood,respeite as regras ou leve ban forever

Imagem No Título Da Postagem
0
Postador por Maaka play as 08:17
titulo das postagens, isso serve para deixar bem localizado o inicio de cada um dos textos afinal tem alguns modelos de template que as coisas ficam juntas demais, portanto seria bom ter algo que destacasse o inicio de cada um dos posts do blog.

Fazer isso é bem simples entre na pagina editar HTML e procure por H3{... } ou o estilo que controla o titulo do blog que também pode ser h2 em alguns casos, em nosso blog é assim:

post h3 a, .post h3 a:visited, .post h3 strong{….}

Para ter certeza que está modificando o estilo certo antes de começar faça um teste, coloque border: 1px solid #000000; dentro das chaves no estilo que você acha que é o certo no seu modelo isso faz aparecer uma borda preta em volta do estilo, então clique para visualizar o blog se apareceu a borda nos títulos da postagem é porque este é o lugar certo. Caso o fundo do seu blog seja preto ou escuro faça o teste usando ffffff em vez de 000000 para a borda ficar branca.

Agora vamos colocar uma imagem ao lado do título da postagem insira o seguinte código:

background-image: url(http://img195.imageshack.us/img195/668/iconebig.jpg);
background-repeat: no-repeat;text-indent: 30px;
background-position: left top;

Você só precisa hospedar uma imagem e colocar o endereço no lugar desta que está no exemplo, cuidado na hora de fazer a imagem para que ela não seja grande demais senão aparecerá somente uma parte dela. Outro ajuste necessário é o valor 30px no final da segunda linha, isso é um recuo de texto, ou seja, quando maior o numero mais espaço terá o texto da margem esquerda no caso de não usar o texto centralizado, então é só modificar esse numero para que o título não fique sobre a imagem. Agora é só visualizar e se ficou como você queria salvar as alterações no blog.
Enviar comentrio
Compartilhe |

Nenhum comentário:

Postar um comentário

Postagem mais recente Postagem mais antiga Página inicial
Assinar: Postar comentários (Atom)

Publicidade

publicidademaster.jpg (158×400)

Programas

  • AVG Anti virus
  • Acebyte Utilities Free
  • Adobe Photoshop CS3
  • Ares Galaxy
  • Artisteer 2.4 Portable
  • Camtasia Studio
  • MSN Messenger 2011
  • MSN Skin Buider 1.0
  • Messenger Plus Live
  • Msn Messnger 2009
  • Sam Broadcaster 4
  • WinRar
  • Windows Media Player

Dominios Free

  • Dominio - .ms
  • Dominio .tk
  • Dominio br30.com
  • Dominio brazi.us
  • Dominio co.cc
  • Dominio dahora.net
  • Dominio k6.com.br
  • Dominio uni7.net
  • Dominio vai.la
  • Dominio vai.vc
» Usuarios online: 58
» Record online: 79
» Online desde: 23/06/2011
© NOME DO BLOG 2011 - 2012
Site desenvolvido por
ҳҲҳ ๖̶̶̶̶̶̶̶̶ۣۣۣۜۜMaaka ๖̶̶̶̶̶̶̶̶ۣۣۣۜۜPlay ҳҲҳ