InicioInfoTe Muestro algunos trucos de programación WEB!

Te Muestro algunos trucos de programación WEB!

Info4/5/2012
Hola amigos de Taringa!, bueno acá les dejo este post, que les voy a dejar algunos trucos de Programacion!

Te Muestro algunos trucos de programación WEB!


Navega Por T! desde cualquier WEB (Estencion google)
Esto se instala solo con Chrome!:

1) Primero crean una carpeta que tenga los siguientes archivos

estilo.css
manifest.json
popup.html
popup.js
background.html

En estilo.css van a poner

[color=#000000][color=#000000][color=#000000]#fun{
     background:#D8D8D8;
     width:400px;
     height:auto;
     border:1px solid #000000;
     margin-top:200px;
     margin-left:300px;
}[/color][/color][/color]


en Manifest.json:

[color=#000000][color=#000000][color=#000000]{"name": "Navega Por T!",
"version": "1.0",
"Manifest_version": 2,
"background_page": "background.html",
"description": "Navega por Taringa! desde cualquier WEB!",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"

},
"permissions": [
  "http://api.flickr.com/"
  ]
}[/color][/color][/color]


en popup.html:

[color=#000000][color=#000000][color=#000000]<!doctype html>
<html>
  <head>
    <title>Navega por T!</title>
    <style>
      body {
        min-width:700px;
        overflow-x:hidden;

}


     
    </style>

    <!-- JavaScript and HTML must be in separate files for security. -->
    <link rel="stylesheet" href="estilo.css">
    <script src="popup.js"></script>
  </head>
  <body>
  
  
  
  
  <iframe src="http://www.taringa.net" width="100%" height="400" frameborder="1" scrolling="auto">
    </iframe>
    
    <font size=1 color="blue" align="right" face="arial">by: CHICHO
 </font>
  
  </body>
</html>[/color][/color][/color]


en popup.js:

[color=#000000][color=#000000][color=#000000]// Esaaaa

var req = new XMLHttpRequest();
req.open(
    "GET",
    "http://api.flickr.com/services/rest/?" +
        "method=flickr.photos.search&" +
        "api_key=90485e931f687a9b9c2a66bf58a3861a&" +
        "text=hello%20world&" +
        "safe_search=1&" +  // "
        "content_type=1&" +  // "
        "sort=relevance&" +  // "
        "per_page=20",
    true);
req.onload = showPhotos;
req.send(null);

function showPhotos() {
  var photos = req.responseXML.getElementsByTagName("photo");

  for (var i = 0, photo; photo = photos[i]; i++) {
    var img = document.createElement("image");
    img.src = constructImageURL(photo);
    document.body.appendChild(img);
  }
}[/color][/color][/color]


y en background.html:

[color=#000000][color=#000000][color=#000000]  <html>
<title>Navega por T!</title>
<body>
<div id="fun">
<font size=5 face="arial" color="red"> Creado by:CHICHO
<p> www.taringa.net/the_chicho

</div>


</body>
</html>  [/color][/color][/color]


y despues ponen esta imagen como icon.png





2)
van a el navegador y Dan Clic en la llave francesa y van a Herramientas > Extenciones y ponen Modo Desarrollador
y ponen carga de extencion descomprimida y buscan la carpeta ya descomprimida y la suben y ya esta

Programacion


Como Agregar Una Web o parte de una web dentro de Otra

[color=#000000][color=#000000][color=#000000]<iframe href="LINK DE LA WEB O ARCHIVO " width="ANCHO" height="ALTO">HOOLAA</iframe>[/color][/color][/color]

mas


Como animar un poco el texto en HTML

[color=#000000][color=#000000][color=#000000]<marquee direction="Direccion en ingles (up,down,left,right)"> Texto </marquee>[/color][/color][/color]

html


Cuadro en CSS

[color=#000000][color=#000000] #cuadro{
                background:COLOR;
                width:ANCHO;
                height:ALTO;
                border:PX solid COLOR;
}

[align=center][img]http://i935.photobucket.com/albums/ad199/Tawii_Hacks/barraT.png?t=1283364322[/img][/align]


[size=18][color=red]Etiquetas para font[/color][/size]

Ok 

[code]<font Face="Tipo de letra" color="COLOR" size=TAMAÑO align="ALINEADO">Texto</font>
[/color][/color]

css



Boton de T!

[color=#000000][color=#000000]<script type="text/javascript">(function(){var x=document.createElement('script'), s=document.getElementsByTagName('script')[0];x.async=true;x.src='http://widgets.itaringa.net/share.js';s.parentNode.insertBefore(x,s)})()</script>
<t:sharer data-url="URLDEWEB" data-layout="big_new"></t:sharer>[/color][/color]


cosas



Reloj

[color=#000000][color=#000000]<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5005-green.swf";obj.TimeZone="PST";obj.width=120;obj.height=40;obj.wmode="transparent";showClock(obj);</script>[/color][/color]

utiles



Contador de visitas

[color=#000000][color=#000000]<!--- inicio codigo www.gratisparaweb.com ---><div align="center"><a href="http://contadores.gratisparaweb.com" target="_blank"><img src="http://www.gratisparaweb.com/contadores/imagen.php?contador=1&id2=81" alt="Contadores" border="0"></a><br><br><img src="http://www.gratisparaweb.com/imgs/barra-contadores.gif" alt="Contadores de visitas gratis para web" width="80" height="15" border="0" usemap="#Map" /><map name="Map"><area shape="rect" coords="48,1,90,22" href="http://www.cursosparati.com" target="_blank" alt="Cursos"><area shape="rect" coords="0,0,47,15" href="http://contadores.gratisparaweb.com" target="_blank" alt="Contadores de visitas gratis para web"></map></a></div><!--- fin codigo www.gratisparaweb.com --->[/color][/color]

muchos



Video

[color=#000000]<object width="445" height="364"><param name="movie" value="http://www.youtube.com/v/ZOWjRU74HrU&hl=es_ES&fs=1&color1=0x5d1719&color2=0xcd311b&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="Pagina De El Video Que Quieres De Youtube&hl=es_ES&fs=1&color1=0x5d1719&color2=0xcd311b&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364"></embed></object> [/color]


js



miles de juegos

[color=#000000]<h1>Si Quieren Mas Juegos Apretan la Ruedita Hacia Abajo y Van Hacia Abajo En Este Cuadro Azul:<br /> 
<!-- JuegosDiarios No cambiar el cd00690067o ! --><iframe height="991" marginheight="0" border="0" src="http://www.juegosdiarios.com/webmasters/bannerp.html?c=9999999999999999999&w=700&h=991&cf=663366&cb=3399CC" frameborder="0" width="700" marginwidth="0" scrolling="no"></iframe><!-- JuegosDiarios.com --></h1> [/color]








Contadores



Música

[color=#000000]<!-- inicio lector musica --> 
<div align="center"> 
<table id="table1" style=BORDER-COLLAPSE: collapse bordercolor="#000000" height="180" cellpadding="5" width="310" border="0"> 
<tbody> 
<tr><td bordercolor="#000000"> 
<table id="table2" cellspacing="0" cellpadding="0" width="100%" border="0"> 
<tbody> 
<tr><td></td> 
<td width="120"> 
<p align="center"> </p></td></tr></tbody></table> 
<p align="center"> 
<embed name="MediaPlayer" pluginspage="http :// www.microsoft.com/Windows/MediaPlayer/" src="http:// url de su musica" width="300" height="50" type="application/x-mplayer2" autostart="1" showstatusbar="1" volume="10"></embed></embed /> </p></td></tr></tbody></table></div> 
<!-- fin lector musica --> [/color]




Te Muestro algunos trucos de programación WEB!



Hora restante para finalizar el dia

[color=#000000]<body> 
<p>El reloj...</p> 
<form name="Reloj"> 
<input type="text" size=7 name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día"> 
<script language="JavaScript"> 
<!-- 
var tiempoAtras; 

updateReloj(); 
function updateReloj() { 
var tiempo = new Date(); 
var hora = 23-tiempo.getHours(); 
var minutos = 59-tiempo.getMinutes(); 
var segundos = 59-tiempo.getSeconds(); 

tiempoAtras= (hora < 10) ? hora :hora; 
tiempoAtras+= ((minutos < 10) ? ":0" : ":" + minutos; 
tiempoAtras+= ((segundos < 10) ? ":0" : ":" + segundos; 

document.Reloj.tiempo.value = tiempoAtras; 

setTimeout("updateReloj()",1000); 

//--> 
</script> 
</form> 
</body> 
[/color]
Datos archivados del Taringa! original
18puntos
0visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
2visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

t
the_chicho🇦🇷
Usuario
Puntos0
Posts44
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.