Entrar

Vinculo que cambia de tamaño

amnesialocal · · Solicitar retirada
Hola a todos,
perdonar la pregunta que podrá resultar tonta por algunos, pero tengo este problema con Dreamweaver CS5.

Quiero crear vinculos tipo "HOME" que al pasarle el mouse encima cambie de color (cosa que he conseguido con los estilos CSS), pero que cambie tambié de tamaño,[/u] es decir que se haga mas grande...y de alli poder clickar y que me lleve a otra pagina.

Pero no consigo encontrar la forma de hacer esto con Dreamweaver en CSS......he conseguido algo el tipo que si clico con el raton el tasto derecho si se hace mas grande...pero no al pasarle encima con el raton.

Alguien podria ayudarme o aconsejarme algun link?

Muchas gracias de antemano
Un saludo
olukarak · · Solicitar retirada
Si a lo que te refieres es que la fuente se haga mas grande en CSS a:hover pon esto:
font-size: 40px;
El 40 cambialo por los pixeles que quieras.
amnesialocal · · Solicitar retirada
muchas gracias lo probaré ,,,,a ver si es lo que pensaba.


Yo tengo este codigo ahora:

<body>
<a href="index.html" class="aq">proyectos
</a>
</body>
</html>

hice una pagina con solo la palabra proyectos para ver de aprender...
mi pregunta es donde pego el codigo que me diste? Desdpues de proyectos?

gracias y un saludo
amnesialocal · · Solicitar retirada
o quizas todo el codigo de la pagina esta donde aparece solo Proyectos que es este:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
a:link {
color: #F00;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #F00;
}
a:hover {
text-decoration: none;
color: #000;
}
a:active {
text-decoration: none;
font-size: 9px;
text-transform: lowercase;
}
a {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bold;
}
h1 {
font-size: 9px;
}
h2 {
font-size: 18px;
}
.aq {
font-size: 36px;
}
.hg {
font-size: 14px;
}
.aq {
font-family: Verdana, Geneva, sans-serif;
font-size: xx-large;
text-decoration: line-through;
}
</style>
</head>

<body>
<a href="index.html" class="aq" >proyectos
</a >
</body>
</html>


actualmente se me vuelve pequeño solo cuando clico con el raton pero no pasandole encima....

perdonar por la moestia y gracias de todos modos
amnesialocal · · Solicitar retirada
la idea que tengo en la cabeza es algo un poco como esta web que vi.....no quiero hacer lo mismo evidentemente pero la idea es parecida....
En esta web las letras cambian de color (y esto lo conseguí)...pero tambien aparecen nuevas palabras....ademas me gustaria que las letras a pasar el raton se volviesen mas grandes o mas pequeñas----

pagina de referencia: http://www.mkarchitects.com/index1.html

Es complicado lo que pienso o es mejor que lo haga en flash???

un saludo y perdonar por ser tan pesado pero soy nuevo en esto y me sale humo de la cabeza.
olukarak · · Solicitar retirada
El codigo que te di es CSS. Colocalo en el a:hover como indique.
En la pagina esta lo que hacen es sustituir una imagen por otra.