Jump to content
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

Sign in to follow this  
inici_php

escrever por cima de uma imagem.

Recommended Posts

inici_php

pesquisei mas nao consigo por texto por cima de uma imagem.

eu tenho uma imagem, que vai servir para noticias. e cria escrever ai.

ja peguei no codigo que o scorch me deixou e andei as voltas. mas nao consegui por a funcionar.

Cumps

Share this post


Link to post
Share on other sites
softklin

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.

Share this post


Link to post
Share on other sites
NCS_One

Boas.

Em vez de andares a escrever directamente na imagem, que dá muito mais trabalho, podes colocar a tua

imagem como "background" de um "div" e depois é só colocares normalmente o texto dentro desse "div".


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

Share this post


Link to post
Share on other sites
inici_php

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.

Share this post


Link to post
Share on other sites
NCS_One

Tenta assim :

<div style="background: transparent url(http://www.google.pt/intl/en_com/images/logo_plain.png) no-repeat scroll 0% 0%; height: 110px; width: 276px;">
  Texto
  <br />
  Texto
</div>

O "width" e o "height" do "div" põe com o tamanho da imagem.


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

Share this post


Link to post
Share on other sites
inici_php

Obrigado.

ja agr queria fazer o mesmo mas para um menu. e queria por link, mas ao por os links as nao consigo com que fique tudo em linha recta.

ficam por cima uns dos outros.

Share this post


Link to post
Share on other sites
NCS_One

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.

Share this post


Link to post
Share on other sites
scorch

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.


scorch_pp.png

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

Share this post


Link to post
Share on other sites
inici_php

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.

Share this post


Link to post
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
Sign in to follow this  

×

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.