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

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

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

Mensagem por PESS_dodo em 12/04/17, 01:39 pm

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

http://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, 02:58 pm, editado 2 vez(es)
avatar

PESS_dodo
Nível 9

Masculino
Inscrito dia : 16/02/2017
Mensagens : 170
Pontos Ativos : 288

Ver perfil do usuário http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por Luiz em 12/04/17, 01:45 pm

Olá, boa tarde.

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

Até mais. Feliz
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por PESS_dodo em 12/04/17, 01:52 pm

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
avatar

PESS_dodo
Nível 9

Masculino
Inscrito dia : 16/02/2017
Mensagens : 170
Pontos Ativos : 288

Ver perfil do usuário http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por Luiz em 12/04/17, 02:52 pm

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
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por PESS_dodo em 12/04/17, 11:08 pm

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
avatar

PESS_dodo
Nível 9

Masculino
Inscrito dia : 16/02/2017
Mensagens : 170
Pontos Ativos : 288

Ver perfil do usuário http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por Luiz em 13/04/17, 12:04 am

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/
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por PESS_dodo em 13/04/17, 09:21 am

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

PESS_dodo
Nível 9

Masculino
Inscrito dia : 16/02/2017
Mensagens : 170
Pontos Ativos : 288

Ver perfil do usuário http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por Luiz em 13/04/17, 10:42 am

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
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por PESS_dodo em 13/04/17, 02:33 pm

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
avatar

PESS_dodo
Nível 9

Masculino
Inscrito dia : 16/02/2017
Mensagens : 170
Pontos Ativos : 288

Ver perfil do usuário http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum
  • 0

Resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por Kyo Panda em 13/04/17, 02:51 pm

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>
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por PESS_dodo em 13/04/17, 02:56 pm

Muito obrigado Luiz e muito obrigado Kyo, deu certo manos


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

RESOLVIDO!
avatar

PESS_dodo
Nível 9

Masculino
Inscrito dia : 16/02/2017
Mensagens : 170
Pontos Ativos : 288

Ver perfil do usuário http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Resolvido Re: Colocar texto dentro da imagem ( "EM CIMA") HTML

Mensagem por Kyo Panda em 13/04/17, 02:59 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum