Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

inici_php

escrever por cima de uma imagem.

Mensagens Recomendadas

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

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.