Ventanas laterales de Facebbok, twiter, etc.Ayuda?

[paxarin]

Muy buenas.
Me gustaria que alguien me pudiera ayudar con la siguiente consulta.
He comprobado sobre todo en Blog y en alguna que otra web que cuando entras en ellas tienes en un lateral unas lenguetas o iconos que si pulsas sobre ellos aparece como si fuera una pequeña pagina lateral que puede ser del Facebook o de twiter, etc.
la verdad no se si sera con flash o con que pero alguien podria orientarme o decirme como se llama?
Me lo estan pidiendo para mi web.
Un saludo y espero que podais ayudarme

[sanxuan]

Probablemente estén hechos sólo con CSS y HTML.
Sin saber qué pagina tienes como ejemplo no se puede más que adivinar.
A mí se me ocurre crear capas que se ocultan con CSS y dentro de éstas coloco por ejemplo un iframe con el contenido que quiero que aparezca. Si el contenido fuese tuyo en lugar de estar en otra parte de la red se podría prescindir del iframe.
Al pulsar sobre la pestaña o el botón en cuestión, se cambia la visibilidad de la capa para mostrarla.
Por cierto, no sabía que también hubiera paxarinos en Santander, debe ser un nuevo caso de ave migratoria.
Saludos.

[paxarin]

Iniciado por sanxuan

Probablemente estén hechos sólo con CSS y HTML.
Sin saber qué pagina tienes como ejemplo no se puede más que adivinar.
A mí se me ocurre crear capas que se ocultan con CSS y dentro de éstas coloco por ejemplo un iframe con el contenido que quiero que aparezca. Si el contenido fuese tuyo en lugar de estar en otra parte de la red se podría prescindir del iframe.
Al pulsar sobre la pestaña o el botón en cuestión, se cambia la visibilidad de la capa para mostrarla.
Por cierto, no sabía que también hubiera paxarinos en Santander, debe ser un nuevo caso de ave migratoria.
Saludos.

Pues la verdad que si hay un paxarin en santander pero solo de paso.
haber si encuentro una web con estas pestañas que te comento, por que al final va resultar que si no tienes acceso a algun muro en facebook no existes.

[paxarin]

haber te comento.
seria como la pestaña lateral de esta web http://www.facebookmarketing.es/adio...-hola-iframes/, pero que en lugar de un simple link, que se habra una pequeña ventana, como si fuera una ventana emergente y en ella colocar el codigo del live stream de facebook.
haber si puedes ayudarme

[sanxuan]

Mi idea es utilizar un CSS de este estilo:

#pestaña {
background: #59B7FF;
border: 1px solid blue;
color: #FFFFFF;
height: 160px;
position: fixed;
right: 0;
top: 168px;
width: 32px;
}
#pestaña:hover #ventana{
visibility:visible;
}
#ventana {
visibility:hidden;
position:absolute;
}
Junto a un HTML como el que sigue:
<div id="pestaña">
<div id="ventana"><iframe> ... </iframe></div>
</div>

Tendrías que añadir todas las propiedades que faltan. Creo que resulta más facil entender la idea sin añadir propiedades que distraigan. Igual con el HTML. Tendrás que hacer algunas pruebas, pero debería funcionar.
He optado por usar la pseudo-clase :hover por ser más simple, pero podría hacerse lo mismo con javascript si quieres que la capa se muestre al hacer click sobre la pestaña.

[paxarin]

Iniciado por sanxuan

Mi idea es utilizar un CSS de este estilo:

#pestaña {
background: #59B7FF;
border: 1px solid blue;
color: #FFFFFF;
height: 160px;
position: fixed;
right: 0;
top: 168px;
width: 32px;
}
#pestaña:hover #ventana{
visibility:visible;
}
#ventana {
visibility:hidden;
position:absolute;
}
Junto a un HTML como el que sigue:
<div id="pestaña">
<div id="ventana"><iframe> ... </iframe></div>
</div>

Tendrías que añadir todas las propiedades que faltan. Creo que resulta más facil entender la idea sin añadir propiedades que distraigan. Igual con el HTML. Tendrás que hacer algunas pruebas, pero debería funcionar.
He optado por usar la pseudo-clase :hover por ser más simple, pero podría hacerse lo mismo con javascript si quieres que la capa se muestre al hacer click sobre la pestaña.

Muchas gracias de verdad, pero te podria hacer una ultima pregunta?
Se supone que entre los tag del iframe deberia ir el codigo que quieres que este en la ventana, no?
Un saludo

[sanxuan]

No, el código no irá ahí. Un iframe sólo es un enlace a otra página web. Es el contenido de la página web que enlacemos el que aparece en el lugar donde puse los puntos suspensivos.
Puedes buscar documentación sobre la etiqueta en cuestión en Google sin ir más lejos.
Pero como te dije eso se utiliza si queremos mostrar otra página web en la pestaña. Si el contenido es nuestro podemos incluirlo directamente en lugar de usar un iframe. Desaparecería esa etiqueta y en el lugar de los puntos suspensivos incluiríamos nuestro código.
Te comenté el uso de la etiqueta iframe porque hablabas de incluir contenido de otros y esa es una de las posibles maneras en que se podría hacer.

[paxarin]

Iniciado por sanxuan

No, el código no irá ahí. Un iframe sólo es un enlace a otra página web. Es el contenido de la página web que enlacemos el que aparece en el lugar donde puse los puntos suspensivos.
Puedes buscar documentación sobre la etiqueta en cuestión en Google sin ir más lejos.
Pero como te dije eso se utiliza si queremos mostrar otra página web en la pestaña. Si el contenido es nuestro podemos incluirlo directamente en lugar de usar un iframe. Desaparecería esa etiqueta y en el lugar de los puntos suspensivos incluiríamos nuestro código.
Te comenté el uso de la etiqueta iframe porque hablabas de incluir contenido de otros y esa es una de las posibles maneras en que se podría hacer.

Muchas gracias.
Un saludo