Colocar texto dentro da imagem ( "EM CIMA") HTML

3 participantes

Ir para baixo

Tópico resolvido Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por PESS_dodo 12.04.17 17:39

Detalhes da questão


Endereço do fórum: http://www.blrpg.com.br
Versão do fórum: phpBB3

Descrição


Queria pegar esse IP: ip.blrpg.com.br:7777
Colocar texto dentro da imagem ( "EM CIMA") HTML 1C41rkb
https://i.imgur.com/1C41rkb.png

Colocar e baixo desse Bem vindo ao Brasil Life RPG
Queria só por abaixo desse nome ai, que a imagem eu edito e dou espaço pra ficar certinho


Última edição por PESS_dodo em 13.04.17 18:58, editado 2 vez(es)
PESS_dodo
PESS_dodo
****

Membro desde : 16/02/2017
Mensagens : 257
Pontos : 435

http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por Luiz 12.04.17 17:45

Olá, boa tarde.

Para que possamos fazer com perfeição, o senhor terá que editar a imagem primeiro. Feliz

Até mais. Feliz
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por PESS_dodo 12.04.17 17:52

Luiz~ escreveu:Olá, boa tarde.

Para que possamos fazer com perfeição, o senhor terá que editar a imagem primeiro. Feliz

Até mais. Feliz

Pior que pra modificar tenho que estar em casa e estou no trabalho, quando chegar em casa mando editada pra ti.

Pode me dar uma força na aparência ai da pagina inicial? haha
PESS_dodo
PESS_dodo
****

Membro desde : 16/02/2017
Mensagens : 257
Pontos : 435

http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por Luiz 12.04.17 18:52

Okay, vamos fazer o seguinte:
Adicione este código ao final do código de sua página HTML:
Código:
<style>
  font[size][color] b {
    position: absolute;
    top: 400px;
    left: 50%;
    transform: translateX(-50%);
  }
</style>

E altere o valor
400px
à seu gosto, afim de modificar o lugar do IP.

Tchau
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por PESS_dodo 13.04.17 3:08

Luiz~ escreveu:Okay, vamos fazer o seguinte:
Adicione este código ao final do código de sua página HTML:
Código:
<style>
  font[size][color] b {
    position: absolute;
    top: 400px;
    left: 50%;
    transform: translateX(-50%);
  }
</style>

E altere o valor
400px
à seu gosto, afim de modificar o lugar do IP.

Tchau

Fiz a modificação da imagem, veja ai
Não estou conseguindo mudar o tamanho do texto do ip
me ajuda com uma font tbm
PESS_dodo
PESS_dodo
****

Membro desde : 16/02/2017
Mensagens : 257
Pontos : 435

http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por Luiz 13.04.17 4:04

Aparentemente o senhor conseguiu modificar o lugar do IP:
-> http://prntscr.com/evt1rr

Quanto à família-fonte (fonte), escolha uma nesse site, e me diga o nome:
->https://fonts.google.com/

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por PESS_dodo 13.04.17 13:21

Curtir essa https://fonts.google.com/specimen/Maven+Pro
Quero algo moderno
Oque acha?
PESS_dodo
PESS_dodo
****

Membro desde : 16/02/2017
Mensagens : 257
Pontos : 435

http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por Luiz 13.04.17 14:42

Olá,

Lembre-se de não usar formatação nos tópicos.
Quanto à fonte, achei legal. Feliz

---

No código HTML de sua página, procure por
<head>
.
Abaixo dessa tag, cole o código:
Código:
<link href="https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900" rel="stylesheet">
<style type="text/css">
   body {
      font-family: 'Maven Pro', sans-serif;
   }
</style>

Tchau
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por PESS_dodo 13.04.17 18:33

Luiz~ escreveu:Olá,

Lembre-se de não usar formatação nos tópicos.
Quanto à fonte, achei legal. Feliz

---

No código HTML de sua página, procure por
<head>
.
Abaixo dessa tag, cole o código:
Código:
<link href="https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900" rel="stylesheet">
<style type="text/css">
   body {
      font-family: 'Maven Pro', sans-serif;
   }
</style>

Tchau


Fico ótimo, muito bom!
Como faço pra aumentar mais um pouco o tamanho da fonte
PESS_dodo
PESS_dodo
****

Membro desde : 16/02/2017
Mensagens : 257
Pontos : 435

http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por Kyo Panda 13.04.17 18:51

O senhor pode fazer algo como:

Código:
<link href="https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900" rel="stylesheet">
<style type="text/css">
  body {
      font-family: 'Maven Pro', sans-serif;
      font-size: 16px;
  }
</style>
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por PESS_dodo 13.04.17 18:56

Muito obrigado Luiz e muito obrigado Kyo, deu certo manos


+ dado pra ambos e coraçãozinho também, Abraço!

RESOLVIDO!
PESS_dodo
PESS_dodo
****

Membro desde : 16/02/2017
Mensagens : 257
Pontos : 435

http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por Kyo Panda 13.04.17 18:59

Colocar texto dentro da imagem ( "EM CIMA") HTML Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos