Então Felipe, vc precisa um procedimento que esta nesse link: http://amelhorcoisadomundo.com.br/blog
Fiz meu site com a inter.net, so escolhi o tema, aplicativos e quantidade de paginas, eles colocaram o logo pra mim, mas me disseram que se eu quisesse poderia fazer manualmente com um tutorial deste link acima. Espero ter ajudado!
Obrigado Marcão!!! Obrigado mesmo!
Vou dar uma olhada e tentar hoje a noite! Aí eu volto aqui pra postar se deu certo ou não!
Valew pela ajuda! (Y)
Olá Marcão, blza?
Dei uma olhada no site que vc passou, infelizmente não tem um tutorial de como trocar o botão em texto por uma imagem.
Sabe de mais alguma coisa?
Obrigado!!!
Você precisa chamar a imagem no CSS e fazer com que o texto não seja exibido.
Aqui tem algumas técnicas de como fazer isso (image replacement).
http://maujor.com/tutorial/image-replacement.php
Olá gustamociaro, desde já gostaria de agradecer pela atenção.
Não deu mto certo fazer por css, estou tentando fazer de uma outra forma, pra quem quiser ver, o endereço temporário do blog é este:
http://www.fbtech.com.br/grace
Vou tentar tirar a barra preta embaixo da imagem.
Será que estou fazendo da forma correta?
Obrigado pela atenção!
O jeito correto mesmo seria por CSS, para melhorar a indexação do seu site. Eu faria esse menu assim:
HTML
<ul>
<li><a class="bthome" href="#">Home</a></li>
<li><a class="btblog" href="#">blog</a></li>
</ul>
CSS
.bthome{
background:url(imagem-botao-home.jpg) left top no-repeat;
display:block; /* É necessário, para que seu link tenha uma área */
width:100px;
height:50px; /* Coloque a largura e altura da imagem que você vai usar */
text-indent:-9999px; /* Isso vai fazer o texto HOME ficar escondido */
}
.btblog{
background:url(imagem-botao-blog.jpg) left top no-repeat;
display:block;
width:100px;
height:50px;
text-indent:-9999px;
}
Mas, se da forma que você fez está resolvendo, então tranquilo.
Espero ter ajudado.
