Jump to content


Photo

Aumenta Letra - Css


  • Faça o login para participar
10 replies to this topic

#1 AlanPS__

AlanPS__

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Não informado

Posted 10/07/2009, 23:49

queria o codigo que aumenta o tamanho da letra de 10pts para 12pts quando coloco o mouse em cima dela... nao sei se tem em css?

obrigado

#2 AlanPS__

AlanPS__

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Não informado

Posted 10/07/2009, 23:51

queria o codigo que aumenta o tamanho da letra de 10pts para 12pts quando coloco o mouse em cima dela... nao sei se tem em javascript?

obrigado

#3 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 11/07/2009, 12:22

mas você precisa disso num pequeno bloco de texto? num link? se for num link da para fazer.

#4 celsoendo

celsoendo

    Novato no fórum

  • Usuários
  • 19 posts
  • Sexo:Não informado

Posted 11/07/2009, 12:29

Segue:

<p style="font-size:10pt;" onmouseover="this.style.fontSize = '12pt'">Passe o mouse</p>


#5 AlanPS__

AlanPS__

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Não informado

Posted 11/07/2009, 20:08

preciso num link

#6 AlanPS__

AlanPS__

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Não informado

Posted 11/07/2009, 20:27

e quando tira o mouse volta a tamanho 10
como faz ?

to fazendo assim

<p style="font-size:10pt;" onmouseover="this.style.fontSize = '12pt'" onmouseout="this.style.fontSize = '10pt'">
Link </p>

ta certo ?

preciso fazer isso em uma lista, preciso fazer link por link ou da pra fazer todos de uma vez ?

o ie bloqueia isso, tem coomo fazer para o internet explorer nao boquiar ?

Edição feita por: AlanPS__, 11/07/2009, 20:25.


#7 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 12/07/2009, 06:53

bem, a unica maneira que vau funcionar me todos os browsers é num link mesmo...

então joga na pagina isso:

<style type="text/css">
a{
 fonte-size: 10px; 
}

a:hover{
 fonte-size: 12px; 
}
</style>
</head>
<body>
<a href="#">Meu Link</a>


Caso seja um link mais especifico:

<style type="text/css">
a.minhaClasse{
 fonte-size: 10px; 
}

a.minhaClasse:hover{
 fonte-size: 12px; 
}
</style>
</head>
<body>
<a href="#" class="minhaClasse">Meu link</a>


#8 AlanPS__

AlanPS__

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Não informado

Posted 12/07/2009, 13:20

Èdipo nao funcionou, copiei e nao funcionou

#9 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 13/07/2009, 17:03

deixa um link ou o seu código se for pequeno aqui na pagina, só vou falar que caso não saiba que vc tem que colocar o resto do código html na pagina, eu só coloquei um trecho do código.

#10 DeeK

DeeK

    Normal

  • Usuários
  • 63 posts
  • Sexo:Masculino

Posted 22/07/2009, 08:45

<style type="text/css">a.minhaClasse{ fonte-size: 10px; }a.minhaClasse:hover{ fonte-size: 12px; }</style></head><body><a href="#" class="minhaClasse">Meu link</a>

nao funcionou
pq ele escreveu fonte-size
se escreve font-size

#11 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 22/07/2009, 09:30

vlw por corrigir.




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq