Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje02-08-2008, 13:49 (UTC)    
Título del mensaje: [CODIGO CSS] GOOGLE MAC OS

ESTE ES EL CODIGO PARA TENER GOOGLE CON EL EFECTO DE MAC

ESTE CODIGO ES RECOMENDABLE COLOCARLO EN LA INTRO XD

Código:
<!-- Edited by Team Webmaster --><script type="text/javascript" src="prototype.js"></script><script type="text/javascript" src="reflection.js"></script>
<meta content="text/html; charset=utf-8" http-equiv="content-type" /><style type="text/css">

      BODY {
         FONT-FAMILY: arial,sans-serif;A
      }
      TD {
         FONT-FAMILY: arial,sans-serif
      }
      A {
         FONT-FAMILY: arial,sans-serif
      }
      P {
         FONT-FAMILY: arial,sans-serif
      }
      .h {
         FONT-FAMILY: arial,sans-serif
      }
      .h {
         FONT-SIZE: 20px
      }
      .q {
         COLOR: #00c
      }
   </style><script type="text/javascript">
   k=document;
   v=Date;
   x=false;
   z=Array;
   af=Math.floor;
   ag=RegExp;
   b=new z(13);
   s=new z("null","web","images","groups","news","froogle","local","scholar","video","maps","labs","gmail","calendar");
   aa=new z(11);
   ab=10;
   t=0;
   u=0;
   n=0;
   o=new v();
   h=5;
   m=385;
   c=0;
   w=x;
   var title;
   var firstHoverOccurred=x;
   m=385;
   p=0;
   function d(ac){
      c=ac;
      o=new v();
      setTimeout("gidle()",20);
   }
   function e(ac){
      c=0;
      w=x;
      o=new v();
      setTimeout("gidle()",20);
   }
   function ae(){
      for(var j=1;
      j<b.length;
      j++){
         b[j]=35
      }
      title=k.getElementById('imageTitle');
      for(i=0;
      i<b.length;
      i++){
         aa[i]=new Image();
         aa[i].src="http://www.joeanderson.co.uk/google/googlex_files/"+s[i+1]+".gif"
      }
      setTimeout("gidle()",20);
   }
   
   function gidle(){var l=0;
      for(var i=1;
      i<b.length;
      i++){
         var imagename="image"+i;
         var imageElem=k.getElementById(imagename);
         if(c!=i){
            if(b[i]>35){
               b[i]-=h;
               if(b[i]<=35){
                  b[i]=35;
                  imageElem.src="http://www.joeanderson.co.uk/google/googlex_files/"+s[i]+"-sm.gif"
               }
               imageElem.width=b[i];
               imageElem.height=b[i];
               if(c==0){
                  var g=af(255-255*(b[i]-35)/35);
                  title.style.color="rgb("+g+","+g+","+g+")"
               }
               p=1
            }
            l+=b[i]
         }
      }
      if(c!=0&&b[c]<70){
         imagename="image"+c;
         imageElem=k.getElementById(imagename);
         if(w==x){
            w=true;
            if(c<7){
               var y=390-(c-1)*70;
               title.innerHTML=k.getElementById(imagename).alt+'<img src="http://www.joeanderson.co.uk/google/googlex_files/cleardot.gif" width="'+y+'" height="1"/>'
            }else{
               var y=(c-7)*70+35;
               title.innerHTML='<img src="http://www.joeanderson.co.uk/google/googlex_files/cleardot.gif" width="'+y+'" height="1"/>'+k.getElementById(imagename).alt
            }
         }
         b[c]+=h;
         p=1;
         if(b[c]>70){
            b[c]=70
         }
         l+=b[c];
         if(l<m){
            b[c]+=m-l;
            if(b[c]>70){
               b[c]=70
            }
            l=m
         }
         var g=af(255-255*(b[c]-35)/35);
         title.style.color="rgb("+g+","+g+","+g+")";
         imageElem.width=b[c];
         imageElem.height=b[c];
         k.getElementById(imagename).src="http://www.joeanderson.co.uk/google/googlex_files/"+s[c]+".gif"
      }
      m=l;
      var ad=new v();
      ab=ad.getTime()-o.getTime();
      o=ad;
      t+=ab;
      u++;
      n=t/u;
      h=5;
      if(u>4){if(n>30){
         h=10
      }
      if(n>60){
         h=15
      }
      if(n>90){
         h=20
      }
   }
   if(p){
      setTimeout("gidle()",20);
      p=0
   }
}
</script><center>
<form action="http://www.google.com/search" name="f">
    <script type="text/javascript">
<!--
   function qs(r){
      if(ag&&window.encodeURIComponent){
         var qe=encodeURIComponent(k.f.q.value);
         if(r.href.indexOf("q=")!=-1){
            r.href=r.href.replace(new ag("q=[^&$]*"),"q="+qe);
         }else{
            r.href+="&q="+qe
         }
      }
      return 1
   }
//-->
</script><br />
    <img class="reflect" id="logo" height="102" alt="Google" width="276" src="http://www.joeanderson.co.uk/google/googlex_files/logo2.gif" />
    <table width="100%" border="0">
        <tbody>
            <tr>
                <td valign="bottom" align="center"><strong>
                <div id="imageTitle" style="color: rgb(255,255,255)"><strong>Web Search<img height="1" width="390" alt="" src="http://www.joeanderson.co.uk/google/googlex_files/cleardot.gif" /></strong></div>
                </strong></td>
            </tr>
        </tbody>
    </table>
    <table cellspacing="0" cellpadding="0" width="100%" border="0">
        <tbody>
            <tr height="80">
                <td valign="bottom" align="center"><a class="q" id="1a" target="_top" onclick="return qs(this)" href="http://www.google.com/search?hl=en&amp;tab=wi"><img id="image1" height="35" alt="Web Search" width="35" border="0" onmouseout="e('1')" onmouseover="d('1')" src="http://www.joeanderson.co.uk/google/googlex_files/web-sm.gif" /></a><a class="q" id="2a" target="_top" onclick="return qs(this)" href="http://www.google.com/images?hl=en&amp;tab=wi"><img id="image2" height="35" alt="Images" width="35" border="0" onmouseout="e('2')" onmouseover="d('2')" src="http://www.joeanderson.co.uk/google/googlex_files/images-sm.gif" /></a><a class="q" id="3a" target="_top" onclick="return qs(this)" href="http://groups-beta.google.com/groups?hl=en&amp;tab=wg"><img id="image3" height="35" alt="Groups" width="35" border="0" onmouseout="e('3')" onmouseover="d('3')" src="http://www.joeanderson.co.uk/google/googlex_files/groups-sm.gif" /></a><a class="q" id="4a" target="_top" onclick="return qs(this)" href="http://news.google.com/nwshp?hl=en&amp;gl=us"><img id="image4" height="35" alt="News" width="35" border="0" onmouseout="e('4')" onmouseover="d('4')" src="http://www.joeanderson.co.uk/google/googlex_files/news-sm.gif" /></a><a class="q" id="5a" target="_top" onclick="return qs(this)" href="http://www.google.com/froogle?hl=en&amp;tab=wf"><img id="image5" height="35" alt="Froogle" width="35" border="0" onmouseout="e('5')" onmouseover="d('5')" src="http://www.joeanderson.co.uk/google/googlex_files/froogle-sm.gif" /></a><a class="q" id="6a" target="_top" onclick="return qs(this)" href="http://local.google.com/lochp?hl=en&amp;tab=wi"><img id="image6" height="35" alt="Local" width="35" border="0" onmouseout="e('6')" onmouseover="d('6')" src="http://www.joeanderson.co.uk/google/googlex_files/local-sm.gif" /></a><a class="q" id="7a" target="_top" onclick="return qs(this)" href="http://scholar.google.com/scholar?hl=en&amp;tab=wi"><img id="image7" height="35" alt="Scholar" width="35" border="0" onmouseout="e('7')" onmouseover="d('7')" src="http://www.joeanderson.co.uk/google/googlex_files/scholar-sm.gif" /></a><a class="q" id="8a" target="_top" onclick="return qs(this)" href="http://video.google.com/videosearch?hl=en"><img id="image8" height="35" alt="Video" width="35" border="0" onmouseout="e('8')" onmouseover="d('8')" src="http://www.joeanderson.co.uk/google/googlex_files/video-sm.gif" /></a><a class="q" id="9a" target="_top" onclick="return qs(this)" href="http://maps.google.com/maps?hl=en"><img id="image9" height="35" alt="Maps" width="35" border="0" onmouseout="e('9')" onmouseover="d('9')" src="http://www.joeanderson.co.uk/google/googlex_files/maps-sm.gif" /></a><a class="q" id="10a" target="_top" href="http://labs.google.com/"><img id="image10" height="35" alt="Labs" width="35" border="0" onmouseout="e('10')" onmouseover="d('10')" src="http://www.joeanderson.co.uk/google/googlex_files/labs-sm.gif" /></a><a class="q" id="11a" target="_top" href="https://gmail.google.com/gmail"><img id="image11" height="35" alt="Gmail" width="35" border="0" onmouseout="e('11')" onmouseover="d('11')" src="http://www.joeanderson.co.uk/google/googlex_files/gmail-sm.gif" /></a> <a class="q" id="12a" target="_top" href="http://calendar.google.com"><img id="image12" height="35" alt="Calendar" width="35" border="0" onmouseout="e('12')" onmouseover="d('12')" src="http://www.joeanderson.co.uk/google/googlex_files/calendar.gif" /></a></td>
            </tr>
            <tr height="7">
                <td>&nbsp;</td>
            </tr>
        </tbody>
    </table>
    <table cellspacing="0" cellpadding="0">
        <tbody>
            <tr>
                <td width="25%">&nbsp;</td>
                <td align="center"><input type="hidden" name="forid" value="1" /> <input type="hidden" name="ie" value="ISO-8859-1" /> <input type="hidden" name="oe" value="ISO-8859-1" /> <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#FFFFFF;VLC:663399;AH:center;BGC:FFFFFF;LBGC:FFFFFF;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1" /> <input type="hidden" name="hl" value="en" /><input maxlength="256" size="55" name="q" type="text" /><br />
                <input type="submit" name="btnG" value="Google Search" /><input type="submit" name="btnI" value="I'm Feeling Lucky" /></td>
                <td valign="top" nowrap="nowrap" width="25%"><font size="-2">&nbsp;&nbsp;<a target="_top" href="http://www.google.com/advanced_search?hl=en">Advanced Search</a><br />
                &nbsp;&nbsp;<a target="_top" href="http://www.google.com/preferences?hl=en">Preferences</a><br />
                &nbsp;&nbsp;<a target="_top" href="http://www.google.com/language_tools?hl=en">Language Tools</a><br />
                &nbsp;&nbsp;<a target="_top" href="http://www.google.com/options/index.html">More...</a><br />
                &nbsp;&nbsp;<a target="_top" href="http://www.google.com/intl/en/about.html">About Google</a> </font></td>
            </tr>
        </tbody>
    </table>
</form>
<br />
<br />
<a href="http://team-webmaster.es.tl">Edited by Team Webmaster.</a>
<p>&nbsp;</p>
</center>

______________
Mensaje02-08-2008, 14:10 (UTC)    
Título del mensaje:

Muy bueno el code team-webmaster.

--------EDITADO--------

Aqui el mismo code traducido al español.

--------EDITADO---------
Corregido un error por lo que no maximizaba las imagenes.

Código:
<!-- Edited by Team Webmaster -->
<!-- Traduced by RME -->

<html>

<head>
  <script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="reflection.js"></script>
   <title>Google</title>

   <meta http-equiv="content-type" content="text/html; charset=utf-8">

   <style type="text/css">
      BODY {
         FONT-FAMILY: arial,sans-serif;
      }
      TD {
         FONT-FAMILY: arial,sans-serif
      }
      A {
         FONT-FAMILY: arial,sans-serif
      }
      P {
         FONT-FAMILY: arial,sans-serif
      }
      .h {
         FONT-FAMILY: arial,sans-serif
      }
      .h {
         FONT-SIZE: 20px
      }
      .q {
         COLOR: #00c
      }
   </style>

<script type="text/javascript">
   k=document;
   v=Date;
   x=false;
   z=Array;
   af=Math.floor;
   ag=RegExp;
   b=new z(13);
   s=new z("null","web","images","groups","news","froogle","local","scholar","video","maps","labs","gmail","calendar");
   aa=new z(11);
   ab=10;
   t=0;
   u=0;
   n=0;
   o=new v();
   h=5;
   m=385;
   c=0;
   w=x;
   var title;
   var firstHoverOccurred=x;
   m=385;
   p=0;
   function d(ac){
      c=ac;
      o=new v();
      setTimeout("gidle()",20);
   }
   function e(ac){
      c=0;
      w=x;
      o=new v();
      setTimeout("gidle()",20);
   }
   function ae(){
      for(var j=1;
      j<b.length;
      j++){
         b[j]=35
      }
      title=k.getElementById('imageTitle');
      for(i=0;
      i<b.length;
      i++){
         aa[i]=new Image();
         aa[i].src="http://www.joeanderson.co.uk/google/googlex_files/"+s[i+1]+".gif"
      }
      setTimeout("gidle()",20);
   }
   
   function gidle(){var l=0;
      for(var i=1;
      i<b.length;
      i++){
         var imagename="image"+i;
         var imageElem=k.getElementById(imagename);
         if(c!=i){
            if(b[i]>35){
               b[i]-=h;
               if(b[i]<=35){
                  b[i]=35;
                  imageElem.src="http://www.joeanderson.co.uk/google/googlex_files/"+s[i]+"-sm.gif"
               }
               imageElem.width=b[i];
               imageElem.height=b[i];
               if(c==0){
                  var g=af(255-255*(b[i]-35)/35);
                  title.style.color="rgb("+g+","+g+","+g+")"
               }
               p=1
            }
            l+=b[i]
         }
      }
      if(c!=0&&b[c]<70){
         imagename="image"+c;
         imageElem=k.getElementById(imagename);
         if(w==x){
            w=true;
            if(c<7){
               var y=390-(c-1)*70;
               title.innerHTML=k.getElementById(imagename).alt+'<img src="http://www.joeanderson.co.uk/google/googlex_files/cleardot.gif" width="'+y+'" height="1"/>'
            }else{
               var y=(c-7)*70+35;
               title.innerHTML='<img src="http://www.joeanderson.co.uk/google/googlex_files/cleardot.gif" width="'+y+'" height="1"/>'+k.getElementById(imagename).alt
            }
         }
         b[c]+=h;
         p=1;
         if(b[c]>70){
            b[c]=70
         }
         l+=b[c];
         if(l<m){
            b[c]+=m-l;
            if(b[c]>70){
               b[c]=70
            }
            l=m
         }
         var g=af(255-255*(b[c]-35)/35);
         title.style.color="rgb("+g+","+g+","+g+")";
         imageElem.width=b[c];
         imageElem.height=b[c];
         k.getElementById(imagename).src="http://www.joeanderson.co.uk/google/googlex_files/"+s[c]+".gif"
      }
      m=l;
      var ad=new v();
      ab=ad.getTime()-o.getTime();
      o=ad;
      t+=ab;
      u++;
      n=t/u;
      h=5;
      if(u>4){if(n>30){
         h=10
      }
      if(n>60){
         h=15
      }
      if(n>90){
         h=20
      }
   }
   if(p){
      setTimeout("gidle()",20);
      p=0
   }
}
</script>

</head>

<body style="background: url(grgrad.gif);background-repeat: repeat-x;"onload="ae()" alink="red" bgcolor="transparent" link="#0000cc" text="black" vlink="#551a8b">

<center>

<form action="http://www.google.com/search" name="f">

<script type="text/javascript">
<!--
   function qs(r){
      if(ag&&window.encodeURIComponent){
         var qe=encodeURIComponent(k.f.q.value);
         if(r.href.indexOf("q=")!=-1){
            r.href=r.href.replace(new ag("q=[^&$]*"),"q="+qe);
         }else{
            r.href+="&q="+qe
         }
      }
      return 1
   }
//-->
</script>

<br/>

<img id="logo" alt="Google" class="reflect" src="http://www.joeanderson.co.uk/google/googlex_files/logo2.gif" height="102" width="276">

<table border="0" width="100%">
   <tbody>
      <tr>
         <td align="center" valign="bottom">
            <b>
               <div id="imageTitle" style="color: rgb(255, 255, 255);"><b>Web Search<img src="http://www.joeanderson.co.uk/google/googlex_files/cleardot.gif" height="1" width="390"></b>
               </div>

            </b>

         </td>
      </tr>
   </tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
   <tbody>
      <tr height="80">
         <td align="center" valign="bottom">

            <a class="q" id="1a" onclick="return qs(this)" href="http://www.google.com/search?hl=es&amp;tab=wi" target="_top"><img id="image1" onmouseover="d('1')" onmouseout="e('1')" alt="Busqueda" src="http://www.joeanderson.co.uk/google/googlex_files/web-sm.gif" border="0" height="35" width="35"></a><a class="q" id="2a" onclick="return qs(this)" href="http://www.google.com/images?hl=es&amp;tab=wi" target="_top"><img id="image2" onmouseover="d('2')" onmouseout="e('2')" alt="Imagenes" src="http://www.joeanderson.co.uk/google/googlex_files/images-sm.gif" border="0" height="35" width="35"></a><a class="q" id="3a" onclick="return qs(this)" href="http://groups-beta.google.com/groups?hl=es&amp;tab=wg" target="_top"><img id="image3" onmouseover="d('3')" onmouseout="e('3')" alt="Grupos" src="http://www.joeanderson.co.uk/google/googlex_files/groups-sm.gif" border="0" height="35" width="35"></a><a class="q" id="4a" onclick="return qs(this)" href="http://news.google.com/nwshp?hl=es&amp;gl=us" target="_top"><img id="image4" onmouseover="d('4')" onmouseout="e('4')" alt="Noticias" src="http://www.joeanderson.co.uk/google/googlex_files/news-sm.gif" border="0" height="35" width="35"></a><a class="q" id="5a" onclick="return qs(this)" href="http://www.google.com/froogle?hl=es&amp;tab=wf" target="_top"><img id="image5" onmouseover="d('5')" onmouseout="e('5')" alt="Productos" src="http://www.joeanderson.co.uk/google/googlex_files/froogle-sm.gif" border="0" height="35" width="35"></a><a class="q" id="6a" onclick="return qs(this)" href="http://local.google.com/lochp?hl=es&amp;tab=wi" target="_top"><img id="image6" onmouseover="d('6')" onmouseout="e('6')" alt="Rutas" src="http://www.joeanderson.co.uk/google/googlex_files/local-sm.gif" border="0" height="35" width="35"></a><a class="q" id="7a" onclick="return qs(this)" href="http://scholar.google.com/scholar?hl=es&amp;tab=wi" target="_top"><img id="image7" onmouseover="d('7')" onmouseout="e('7')" alt="Academico" src="http://www.joeanderson.co.uk/google/googlex_files/scholar-sm.gif" border="0" height="35" width="35"></a><a class="q" id="8a" onclick="return qs(this)" href="http://video.google.com/videosearch?hl=es" target="_top"><img id="image8" onmouseover="d('8')" onmouseout="e('8')" alt="Videos" src="http://www.joeanderson.co.uk/google/googlex_files/video-sm.gif" border="0" height="35" width="35"></a><a class="q" id="9a" onclick="return qs(this)" href="http://maps.google.com/maps?hl=es" target="_top"><img id="image9" onmouseover="d('9')" onmouseout="e('9')" alt="Mapas" src="http://www.joeanderson.co.uk/google/googlex_files/maps-sm.gif" border="0" height="35" width="35"></a><a id="10a" class="q" href="http://labs.google.com/" target="_top"><img id="image10" src="http://www.joeanderson.co.uk/google/googlex_files/labs-sm.gif" alt="Laboratorios" onmouseover="d('10')" onmouseout="e('10')" border="0" height="35" width="35"></a><a id="11a" class="q" href="http://mail.google.com/mail?hl=es&utm_source=es-et-more&utm_medium=et&utm_campaign=es" target="_top"><img id="image11" src="http://www.joeanderson.co.uk/google/googlex_files/gmail-sm.gif" alt="Gmail" onmouseover="d('11')" onmouseout="e('11')" border="0" height="35" width="35"></a>

            <a id="12a" class="q" href="http://calendar.google.com" target="_top"><img id="image12" src="http://www.joeanderson.co.uk/google/googlex_files/calendar.gif" alt="Calendario" onmouseover="d('12')" onmouseout="e('12')" border="0" height="35" width="35"></a>
               </td>
 </tr>
            <tr height="7">
                <td>&nbsp;</td>
            </tr>
        </tbody>
    </table>
    <table cellspacing="0" cellpadding="0">
        <tbody>
            <tr>
                <td width="25%">&nbsp;</td>
                <td align="center"><input type="hidden" value="1" name="forid" /> <input type="hidden" value="ISO-8859-1" name="ie" /> <input type="hidden" value="ISO-8859-1" name="oe" /> <input type="hidden" value="GALT:#008000;GL:1;DIV:#FFFFFF;VLC:663399;AH:center;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1" name="cof" /> <input type="hidden" value="es" name="hl" /><input name="q" size="55" maxlength="256" /><br />
                <input type="submit" name="btnG" value="Buscar en Google" /><input type="submit" name="btnI" value="Voy a tener suerte" /></td>
                <td nowrap="nowrap" width="25%" valign="top"><font size="-2">&nbsp; <a target="_top" href="http://www.google.com/advanced_search?hl=es">Busqueda avanzada</a><br />
                &nbsp;&nbsp;<a target="_top" href="http://www.google.com/preferences?hl=es">Preferencias</a><br />
                &nbsp; <a target="_top" href="http://www.google.com/language_tools?hl=es">Herramientas de lenguaje</a><br />
                &nbsp;&nbsp;<a target="_top" href="http://www.google.com/options/index.html">Mas...</a><br />
                &nbsp;&nbsp;<a target="_top" href="http://www.google.com/intl/es/about.html">Acerca de Google</a>             </font></td>
            </tr>
        </tbody>
    </table>
</form>
<br />
<br />
<a href="http://team-webmaster.es.tl">Edited by Team Webmaster.<br />
</a><a href="http://www.rme.es.tl">Traduced by RME.</a>
<p>&nbsp;</p>
</center>


Ultima edición por rme el Sab Ago 02, 2008 11:33 am; editado 8 veces
Mensaje02-08-2008, 14:44 (UTC)    
Título del mensaje:

rme escribió:
Muy bueno el code team-webmaster.

--------EDITADO--------

Aqui el mismo code traducido al español.


Código:
<!-- Edited by Team Webmaster -->
<!-- Traduced by RME -->


<a href="http://team-webmaster.es.tl">Edited by Team Webmaster.<br />
</a><a href="http://rme.es.tl">Traduced by RME.<br />
</a></center></meta>


jaja ok grasias
______________
Mensaje02-08-2008, 14:49 (UTC)    
Título del mensaje:

De nada, siempre es un placer ayudar !
Mensaje03-08-2008, 05:25 (UTC)    
Título del mensaje:

Cómo tener google en una web? Un traductor? El buscador? No entiendo
Mensaje03-08-2008, 14:48 (UTC)    
Título del mensaje:

ESO ES UN BUSCADOR DE GOOGLE CON EL EFECTO DEL MENU MAC PERO DIFERENTE
______________
[TW]...« ıllı.l.ı.★™DȜS!GN™★.ı.l.ıllı »...[TW]

║▌│ █│║▌║█││█║▌│█║▌║
LuX.M™ 2 7 9 2 6 2 5 2 7 2 8 6

«★Team Webmaster ★»
«★Eni3a★»
«★Team Iceblue★»
«★Mundo TW★»
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group