Web para ver el valor de las criptomonedas

  • Autor Autor Said Santiago
  • Fecha de inicio Fecha de inicio
S

Said Santiago

Gamma
No recomendado
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Última edición:
Impecable, excelente idea! te felicito
 
no tienes widgets?
 
No amigo, pero pronto espero implementarlos
 
te sugiero una marquesina con los precios de las criptomonedas, como he batallado para encontrar algo así y nada, saludos.
 
Muy buenas idea, metele nomás!
 
cryptocompare.com ayi puedes
ya armé el widget, inserto el código fuente en mi web pero no hace nada :sorrow:

- - - Actualizado - - -

Ya conseguí insertarlo [MENTION=162781]Yuston Arce[/MENTION] , el error era que no se puede copiar y pegar el código fuente en un simple archivo html, guardar y ver los cambios, hay que meter la estructura head, body y demás del documento, sino este script no corre. Cuando hice eso funcionó sin problemas, muchas gracias, es justo lo que buscaba, quedó de la siguiente manera en mi blog

monedas.webp

Sin embargo, el tipo de letra es muy grande para el area que necesitaba, pero no veo opciones de configuraciones del tipo de letra en el widget, así que tuve que recurrir a un "truquito" que expuse hace tiempo en mi blog y me funcionó en este caso 😉 (pueden leerlo aquí Mis proyectos: Agregar o modificar una hoja de estilos usando PHP o JavaScript)

Les dejo el fuente modificado para: insertar el widget y segundo, modificar el tipo de letra, espero les sirva:

<html>
<head>
<title>monedas</title>
<script language="JavaScript">
<!--


function drawCSS()
{

document.write('<style type="text/css" />');
document.write('<!--');
document.write('.ccc-header-v3-price-name');
document.write('{');
document.write('vertical-align: middle; font-family: "Roboto", sans-serif; font-size: 11px; text-decoration: none;');
document.write('}');
document.write('.ccc-header-v3-price-value');
document.write('{');
document.write('vertical-align: middle; font-family: "Roboto", sans-serif; font-size: 11px; text-decoration: none;');
document.write('}');
document.write('.ccc-header-v3-price-logo');
document.write('{');
document.write('padding-right: 2px;');
document.write('}');
document.write('-->');
document.write('</style>');

}


-->
</script>
</head>
<body leftmargin="1" topmargin="1" marginwidth="1" heightmargin="1" bgcolor="white">


<script type="text/javascript">
baseUrl = "https://widgets.cryptocompare.com/";
var scripts = document.getElementsByTagName("script");
var embedder = scripts[ scripts.length - 1 ];
var cccTheme = {"General":{"showChangePercent":false,"enableMarquee":true}};
(function (){
var appName = encodeURIComponent(window.location.hostname);
if(appName==""){appName="local";}
var s = document.createElement("script");
s.type = "text/javascript";
s.async = true;
var theUrl = baseUrl+'serve/v3/coin/header?fsyms=BTC,BCH,ETH,DASH,DOGE&tsyms=USD';
s.src = theUrl + ( theUrl.indexOf("?") >= 0 ? "&" : "?") + "app=" + appName;
embedder.parentNode.appendChild(s);
})();
</script>


<script language="JavaScript">
drawCSS();
</script>


</body>
</html>
 
ya armé el widget, inserto el código fuente en mi web pero no hace nada :sorrow:

- - - Actualizado - - -

Ya conseguí insertarlo [MENTION=162781]Yuston Arce[/MENTION] , el error era que no se puede copiar y pegar el código fuente en un simple archivo html, guardar y ver los cambios, hay que meter la estructura head, body y demás del documento, sino este script no corre. Cuando hice eso funcionó sin problemas, muchas gracias, es justo lo que buscaba, quedó de la siguiente manera en mi blog

Ver el archivo adjunto 111584

Sin embargo, el tipo de letra es muy grande para el area que necesitaba, pero no veo opciones de configuraciones del tipo de letra en el widget, así que tuve que recurrir a un "truquito" que expuse hace tiempo en mi blog y me funcionó en este caso 😉 (pueden leerlo aquí Mis proyectos: Agregar o modificar una hoja de estilos usando PHP o JavaScript)

Les dejo el fuente modificado para: insertar el widget y segundo, modificar el tipo de letra, espero les sirva:

<html>
<head>
<title>monedas</title>
<script language="JavaScript">
<!--


function drawCSS()
{

document.write('<style type="text/css" />');
document.write('<!--');
document.write('.ccc-header-v3-price-name');
document.write('{');
document.write('vertical-align: middle; font-family: "Roboto", sans-serif; font-size: 11px; text-decoration: none;');
document.write('}');
document.write('.ccc-header-v3-price-value');
document.write('{');
document.write('vertical-align: middle; font-family: "Roboto", sans-serif; font-size: 11px; text-decoration: none;');
document.write('}');
document.write('.ccc-header-v3-price-logo');
document.write('{');
document.write('padding-right: 2px;');
document.write('}');
document.write('-->');
document.write('</style>');

}


-->
</script>
</head>
<body leftmargin="1" topmargin="1" marginwidth="1" heightmargin="1" bgcolor="white">


<script type="text/javascript">
baseUrl = "https://widgets.cryptocompare.com/";
var scripts = document.getElementsByTagName("script");
var embedder = scripts[ scripts.length - 1 ];
var cccTheme = {"General":{"showChangePercent":false,"enableMarquee":true}};
(function (){
var appName = encodeURIComponent(window.location.hostname);
if(appName==""){appName="local";}
var s = document.createElement("script");
s.type = "text/javascript";
s.async = true;
var theUrl = baseUrl+'serve/v3/coin/header?fsyms=BTC,BCH,ETH,DASH,DOGE&tsyms=USD';
s.src = theUrl + ( theUrl.indexOf("?") >= 0 ? "&" : "?") + "app=" + appName;
embedder.parentNode.appendChild(s);
})();
</script>


<script language="JavaScript">
drawCSS();
</script>


</body>
</html>

Donde creaste El widget ayi puedes configurar
 
Screenshot_1.webp

Para este tipo de widget no me aparecen más opciones que las de la pantalla que muestro, de cualquier manera ya lo pude armar a mi gusto, gracias por compartir el recurso :encouragement:
 
Hola bueno esta la siguiente pagina: cryptocompare.com es la que yo uso y me funciona muy bien, espero poder ayudarte mucho éxito con esto, buenas noches
 
Me gusta mucho el sitio, tiene toda la información al alcance y puedes buscar cualquier moneda, incluso una pequeña sección de noticias. Excelente 10/10. 🙂
 
Atrás
Arriba