como hago que al dar click...aparesca el hipervinculo en una ventana nueva??

chuyote · #1 (**permalink**) 08/01/2010, 18:43

hola a todos..

soy nuevo en html..uso frontpage actuelmente...

tengo 2 dudillas...

1. que codigo y donde va....para que al dar click en un hipervinculo se abra en una nueva ventana...que mi web se mantega abierta...para que regresen a ella...

2. que codigo y donde va...que al poner el puntero arriba del hipervinculo se cambie de color o se subraye...darle un efecto...para que se vea mejor..

espero me ayuden para segur aprendiendo de ustedes...

saludos.

hades87 · #2 (**permalink**) 08/01/2010, 19:13

1. Necsitas ponerle target blank al enlace
2. Con CSS lo puedes lograr. Mírate como cambiar el color a un enlace

angel1993 · #3 (**permalink**) 08/01/2010, 19:25

los enlaces los puedes modificar desde "a"

Código HTML:

<style>
a {
EL CSS DE EL LINK EN ESTADO NORMAL.
}
a:visited {
ESTILO DE UN LINK CUANDO YA HAS ACCEDIDO A EL.(como en google cuando se ve en bioleta una vez que as clickeado)
}
a:hover {
ESTILO CSSS CUANDO PONES EL CURSOR ENCIMA DEL LINK.
}
</stlye>

Para que se abra en una ventana nueva
<a href="Link" target="_blank">Texto</a>

chuyote · #4 (**permalink**) 08/01/2010, 19:31

gracias Angel

ya lo hice y ya me finciona el target blank...

con lo css...pues no le se..necesito leer un manuel de como usar css

pero en resumidas cuentas...que es css??...se lo que significa..pero en practica no...

en que me ayuda?' o que ventajas tiene??

espero su respuesta

saludos

angel1993 · #5 (**permalink**) 08/01/2010, 22:23

Su pongamos que queremos crear una tabla, borde negro y fondo verde.
Bien css solo son estilos osea diseño, con css no puedes crear una tabla ¿ok?
Bien, vamos a crear el estilo

Código HTML:

<style>
.tabla {
	border: medium solid #000000;
	background-color: #00FF00;
}
</style>

.tabla seria como la ID del estilo, entonces ahora creo una tabla y le añado class="tabla", Cuidado se pone tabla y no .tabla, en class="" se quita el punto.

Código HTML:

<table width="200" border="0" class="tabla">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

Ahora esa tabla solo poniendo class="tabla" ya tiene el fondo verde y el borde negro.

Puedes poner el fondo verde y el borde negro, también esta la etiqueta
style=" " dentro de style="" soporta css, osea podrías crear.

Código HTML:

<table width="200" border="0" style="border: medium solid #000000;background-color: #00FF00;>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

seria lo mismo que el primer ejemplo,pero como ves te ahorras codigo.
si solo es una tabla, pues yo no creo el estilo, por que no vale la pena, pero si son varias si, por que luego si modificas la pagina, no tienes que andar modificando tabla por tabla.
¿que no quieres el fondo verde? ¿lo prefieres rojo?
pues vamos a el css y cambiamos la propiedad background-color
Osea, cambiariamos background-color: #00FF00;
por background-color: #FF0000;

de esa manera emos cambiado el color de la tabla sin necesidad de ir hacia ella, como e dicho si tines 10 tablas usando ese estilo, te ahorras mucho codigo y mucho lio a la hora de modificar.
si quieres informacion sobre css aqui tienes http://cssya.com.ar/
puedes poner de 2 forma los estilos css.
1.-Entre <head></head> puedes ponerlo como el ejemplo que te e dado antes, osea entre <head></head> pones <style> STILOS CSS</style>
2.- Adjuntando una hoja de estilos .css para ello entre <head></head> pones
<link rel="stylesheet" href="'URL DE TU .CSS" type="text/css"> y listo :)
Anotación: .css es un formato como puede ser .html .php --

DaveRich · #6 (**permalink**) 12/01/2010, 12:17

Hola, lo primero pon éste código entre las etiquetas head (<head> </head>)

Código Javascript:

Ver original<script type="text/javascript">
<!--
function encima(obj) {
obj.style.color = '#ff0000';
}
function fuera(obj) {
obj.style.color = '#000000';
}
//-->
</script>

Y en el link, pones esto:

Código HTML:

Ver original<a href="www.forosdelweb.com" style="color:#000000;" onmouseover="encima(this);" onmouseout="fuera(this);">Foros del Web</a>

Y lo que hace es poner el texto en negro, y al poner el cursor encima lo pone en rojo, al quitar el cursor, lo devuelve a color negro, espero que te sirva.
Saludos.

LuisdaviD · #7 (**permalink**) 12/01/2010, 13:05

Hola te dejo este link es de mucha ayuda:

http://www.araudi.net/migracion/migr...sin_dolor.html

Saludos.