¿Cómo funciona el DiggBar?

StackOverflow https://stackoverflow.com/questions/736730

  •  09-09-2019
  •  | 
  •  

Pregunta

¿Cómo funciona el DiggBar?

Estoy tratando de hacer un clon de ASP.NET MVC DiggBar sólo para propósitos de aprendizaje y ¿alguien tiene alguna sugerencia sobre cómo especificar la URL del contenido para el marco inferior? ¿Cómo haría usted para la construcción que, en MVC?

Además, sé que es un iFrame, pero ¿cómo se posicionan de modo independientemente de desplazamiento se queda posicionada en la parte superior? Es la magia de CSS?

text alt

Edit: No estoy interesado en saber si está o no les gusta. No estoy poniendo uno en producción y no estoy pidiendo si son un buen diseño o no. Yo simplemente quiero ~ ~ hacer uno.

Me parece que el DiggBar útil y me gusta. El infierno, puede desactivarlo en dos clics! Del mismo modo, reddit reddit tiene una barra que se opt-in (probablemente mejor enfoque).

¿Fue útil?

Solución

El html básica es: 

<html>
<head>
  <style type="text/css">
    #toolbar {position: fixed; top: 0; height: 40px; width: 100%; ... }
    #page {width: 100%; height: 100%;}
  </style>
</head>
<div id="toolbar">
  All your toolbar stuff here.
</div>
<iframe id="page" name="page" src="http://url.to/page" frameborder="0" noresize="noresize"></iframe>
</html>

Usted tendría una babosa en sus propias direcciones URL que se asigna a la dirección URL de la página, por ejemplo,
d1oKo3 => http://news.bbc.co.uk/2/hi/technology/7991708.stm

Todo su punto de vista tendría que hacer es mirar el mapeo y poner la URL de la página en iframe del src. Sólo asegúrese de que usted tiene una manera para que los usuarios optan a cabo, ya que algunas personas no les gusta este tipo de barra de herramientas.

Otros consejos

Es muy posible una plaga horrible en el interweb en su opinión, pero eso no era lo que el hombre le preguntó - ¿por qué cree que nadie le importa si usted piensa que estas barras de herramientas deben existir por ahí o no? no los que le piden que utilizan ellos.

Si usted siente que no deben simplemente a tope y dejar que otra persona responde a la pregunta. Después de todo, si realmente son tan popular impopulares emabrgo votarán con los ratones y ve a otro y los sitios que los despliegan disminuirán a nada. Eso es cuál es tan grande sobre la web, que no necesita frikis impotentes que dictan cuál es bueno y cuál no es popular pueden decidir por sí mismos.

feliz de codificación a su manera.

En primer lugar, por favor no hacer algo así, yo no conozco a nadie que le gusta esas cosas.

Algo se puede mantener en la parte superior de esa manera con el CSS: 

position: fixed;

En cuanto a la especificación de la dirección URL, no estoy seguro exactamente lo que estás pidiendo. Al hacer clic en un enlace en Digg ahora, la URL de destino es algo como esto: 

http://digg.com/d1oIyx

El "d1oIyx" acaba de ser utilizado como una clave principal en una base de datos donde están almacenando el URL para ser cargado en la parte inferior de marco flotante.

gracias, he encontrado una solución que funciona (adjunta), pero ¿cómo lo hago iframe página completa?

vínculo de trabajo: http: //www.clalit. org / 2.PHP link = http: //cnn.com 

<?php
$link=$_GET["link"];
echo "<iframe src=\"$link\"/>";
?>
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top