abrir solapa en el sitio

talisman · #1 (**permalink**) 15/06/2008, 00:31

Estimada comunidad forera, estoy tan desorientado que ni un titulo adecuado se me ocurria.
Voy a tratar de ser lo mas claro posible en mi duda para ver si obtengo una respuesta.

Me cruce con varios sitios que en la parte superior derecha del sitio tenian como una hoja de libro y cuando me posaba sobre ella se desplegaba y debajo de la misma aparecia alguna publicidad.
Aparentemente eso esta creado en java, si alguien tiene alguna ayuda para brindarme de como crearlo se lo agradeceria.
Por otra parte, ¿utilizar java en un sitio web es positivo o negativo para el posicionamiento en buscadores? debo aclarar que solo esta aplicacion en la que llevaria al html y nada mas.

NOTA PARA LOS MODERADORES: Ruego a ustedes que muevan este tema si no esta redactado en el subforo correspondiente, gracias.

Sin mas, dejo a ustedes mis mas sinceros saludos.

Atte.
Julio Cesar

daPhyre · #2 (**permalink**) 16/06/2008, 11:08

Es muy posible que se haga con JavaScript, y si es así, creo que los buscadores no le leen (Depende de como esté diseñado). Ahora, creo que esto podría hacerse tambien con tan solo CSS, poniendolo en una lista, y jugando con los metodos display:block y display:none, de forma similar a como se hace con los menús desplegables, y con esto los buscadores si lo interpretarían. Todo depende de que sea exactamente lo que deseas. Suerte!

eros2231 · #3 (**permalink**) 16/06/2008, 13:35

espero que esto te sirva aunque no entendi bien la pregunta

Cita:

<html>

<head>
<title>Informa sobre el destino de un enlace</title>
<STYLE TYPE="text/css">
BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
.DEK {POSITION:absolute; VISIBILITY:hidden; Z-INDEX:200;}
</STYLE>
</head>

<body>
<p ID="dek" CLASS="dek">
<SCRIPT TYPE="text/javascript">
Xoffset=-20;
Yoffset= 20;
var nav,old,iex=(document.all),yyy=-1000;
if(navigator.appName=="Netscape") {(document.layers)?nav= true: old=true;}
if(!old){
var skn=(nav)?document.dek:dek.style;
if(nav)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=get_mouse;
}
function popup(msg){
var content="<TABLE WIDTH=130 BORDER=2 BORDERCOLOR=#FF9933 CELLPADDING=2 CELLSPACING=4 "+
"BGCOLOR=#CC33FF><TD ALIGN=center><FONT FACE=VERDANA SIZE=2 COLOR=#FFCC66><b>"+msg+"</b></FONT></TD></TABLE>";
if(old){alert(msg);return;}
else{yyy=Yoffset;
if(nav){skn.document.write(content); skn.document.close(); skn.visibility="visible"}
if(iex){document.all("dek").innerHTML= content; skn.visibility="visible"}
}
}
function get_mouse(e){
var x=(nav)?e.pageX:event.x+document.body.scrollLeft; skn.left= x+Xoffset;
var y=(nav)?e.pageY:event.y+document.body.scrollTop; skn.top=y+yyy;
}
function kill(){
if(!old){yyy=-1000;skn.visibility="hidden";}
}
</SCRIPT>
</p>

<p><a href="DIRECCION 1er ENLACE" onMouseOver="popup('AQUI PONES TU EXPLICACION SOBRE EL ENLACE O PUEDES PONER UNA IMAGEN (SABIENDO QUE TIENES QUE PONER ANTES img src= Y LO QUE SIGUE)')" onMouseOut="kill()" ;>AQUI EL NOMBRE DEL ENLACE</a></p>
<p><a href="2do ENLACE" onMouseOver="popup('EXPLICACION AQUI')" onMouseOut="kill()" ;>NOMBRE DEL ENLACE</a>
<p><a href="DIRECCION 3er ENLACE" onMouseOver="popup('EXPLICACION')" onMouseOut="kill()" ;>NOMBRE DEL ENLACE</a></p>
</body>

</html>

martillodethor · #4 (**permalink**) 16/06/2008, 13:43

hola talisman, no te recomiendo colocar ese efecto.

Mi experiencia: muy bonito en su momento cuando se popularizó pero el ratio de clicks fue muy malo en mi red de blogs.

Piensalo muy bien para que lo quieres: si es por lo bonito que está o si es un recurso para aumentar los ratios de clicks. Si buscas esto segundo, no te lo recomiendo. Salu2!

talisman · #5 (**permalink**) 16/06/2008, 15:54

Cita:

Iniciado por martillodethor

hola talisman, no te recomiendo colocar ese efecto.

Mi experiencia: muy bonito en su momento cuando se popularizó pero el ratio de clicks fue muy malo en mi red de blogs.

Piensalo muy bien para que lo quieres: si es por lo bonito que está o si es un recurso para aumentar los ratios de clicks. Si buscas esto segundo, no te lo recomiendo. Salu2!

Estimado, el motivo por el cual queria implementar esa aplicacion al sitio era para poder rentabilizar mas el sitio ya que una publicidad de ese tipo se puede cobrar 2 o 3 veces mas que una convencional, pero si esto implica que mi sitio sea descartado por los buscadores, mejor lo dejo como esta.

Sr. eros2231 el codigo que usted envio me ha sido de gran utilidad, no es lo que buscaba, pero estoy seguro que lo implementare de alguna manera en el sitio ya que me gusto mucho, se le agradece!!

martillodethor · #6 (**permalink**) 16/06/2008, 20:26

estimadiiisimo, desconozco si afecta al seo ese script. Yo sólo te comparto mi experiencia cuando lo add a mis sitios. Saludos!

Hamn · #7 (**permalink**) 16/06/2008, 22:22

Yo creo que lo que el esta pidiendo es un efecto en flash que se ubica en la esquina de la web, cuando pasas el mouse sobre el borde se despliega una punta de la web estilo hoja de libro permitiendo ver la publicidad oculta.

talisman · #8 (**permalink**) 17/06/2008, 13:31

Cita:

Iniciado por Hamn

Yo creo que lo que el esta pidiendo es un efecto en flash que se ubica en la esquina de la web, cuando pasas el mouse sobre el borde se despliega una punta de la web estilo hoja de libro permitiendo ver la publicidad oculta.

Puede que sea un efecto en flash, pero mi consulta es la siguiente. ¿como hacer para que el flash se deslice sobre el html?

Si tienes la respuesta se te agradeceria mucho el dato.

te dejo mis saludos

Julio Cesar

berthely · #9 (**permalink**) 18/06/2008, 02:52

Seguramente es algo de JavaScript mezclado con css, invetiga estos temas que se me vienen a la mante
- capas en pocicion absoluta y elementos div (css)
- evento onclick (javascript)
- cambiar propiedades de elemento DOM (javascript)

Suerte

talisman · #10 (**permalink**) 19/06/2008, 12:48

Cita:

Iniciado por berthely

Seguramente es algo de JavaScript mezclado con css, invetiga estos temas que se me vienen a la mante
- capas en pocicion absoluta y elementos div (css)
- evento onclick (javascript)
- cambiar propiedades de elemento DOM (javascript)

Suerte

Estimadisimo, muchas gracias por tu ayuda.. seguire buscando con los datos que me pasaste..

por otra parte, aca dejo dos imagenes para que se pueda ver lo que quiero lograr.

esta seria la imagen sin el mouse apoyado

y esta seria el desplazamiento que ofrece el efecto.

Aclaro, el contenido del sitio lo borre porque no me parecia apto mostrar ese tipo de imagenes, pero lamentablemente es lo mas cercano que encontr en base a lo que busco.
el efecto esta en recuadro amarillo.

dejo a ustedes mis mas sinceros saludos y será hasta la proxima