Jump to content

escrever por cima de uma imagem.


inici_php

Recommended Posts

Queres por texto por cima de uma imagem, mas de que forma? Literalmente por cima da imagem, ou seja, alterar a imagem com PHP e escrever o teu texto, ou uma imagem estática, em que apenas colocas, com HTML o texto por cima?

PS não cries tópicos diferentes para a mesma dúvida, ou acabas por ter discussões aqui e ali, e ficas prejudicado sem nenhuma resposta.

Nick antigo: softclean | Tens um projeto? | Wiki P@P

Ajuda a comunidade! Se encontrares algo de errado, usa a opção "Denunciar" por baixo de cada post.

Link to comment
Share on other sites

obrigado pelas respostas.

soft vou ter mais stençao.

queria escrever por cima da imagem, q as letras tivessem como fundo a imagem que vou escrever

EDIT:

fiz isto:

<div id="Noticias"><div style="text-align: center; background-image: url(imagens/box.png); background-repeat: repeat-x;">Noticias</div>

so que a imagem repete-se 2 vezes. e nao está completa.

como resolvo?

Obrigado.

Link to comment
Share on other sites

Boas.

Uma forma fácil é usares o "span" :

<div>
  <span style="margin-left: 10px;"><a href="#nogo">Link1</a></span>
  <span style="margin-left: 10px;"><a href="#nogo">Link2</a></span>
  <span style="margin-left: 10px;"><a href="#nogo">Link3</a></span>
</div>

Basta agora brincares com o "style" para ficar mais apresentável.

Fica aqui um site com muitos menus só usando HTML e CSS http://www.cssplay.co.uk/

Se a vida te voltar as costas aproveita e apalpa-lhe o cu.

Link to comment
Share on other sites

Tenta:

<div style="padding-top: 5px;">
  <span style="margin-left: 10px;"><a href="#nogo">Link1</a></span>
  <span style="margin-left: 10px;"><a href="#nogo">Link2</a></span>
  <span style="margin-left: 10px;"><a href="#nogo">Link3</a></span>
</div>

Muda o padding-top conforme quiseres.

PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Link to comment
Share on other sites

Obrigado mas o texto nao centrou.

<html>
<title></title>
<body>
<style type="text/css">
body {background-image:url('imagens/background.gif')}
a:link {
color: #7FFF00;
text-decoration:none;

}

a:visited {
color: #7FFF00;
text-decoration:none;
}

a:hover {
color: White;
text-decoration:none;
}


</style>
<center>
<div style="padding-top:3px; background: transparent url(imagens/menu.png) no-repeat scroll 0% 0%; height: 29px; width: 700px;">
<span style="margin-left: 10px; "><a href="#nogo"><font size=2 font face="Verdana">Fórum</font></a></span>
<span style="margin-left: 10px;"><a href="#nogo"><font size=2 font face="Verdana">Blog</font></a></span>
<span style="margin-left: 10px;"><a href="#nogo"><font size=2 font face="Verdana">Comparar</font></a></span>
<span style="margin-left: 10px;"><a href="#nogo"><font size=2 font face="Verdana">Parceria</font></a></span>
<span style="margin-left: 10px;"><a href="#nogo"><font size=2 font face="Verdana">Termos & Condições</font></a></span>
<span style="margin-left: 10px;"><a href="#nogo"><font size=2 font face="Verdana">Contacto</font></a></span>

</div>
</center>
</body>
</html>

tenho assim.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.