BFB-Desing - CSS & HTML

CSS & HTML

Google MAC OS (utiliza fondo Blanco)

<script type="text/javascript" src="prototype.js"></script><script type="text/javascript" src="reflection.js"></script> <FCK: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">

</script><br />     <img height="102" width="276" class="reflect" id="logo" alt="Google" src="http://www.joeanderson.co.uk/google/googlex_files/logo2.gif" _fcksavedurl="http://www.joeanderson.co.uk/google/googlex_files/logo2.gif" />     <table width="100%" border="0">         <tbody>             <tr>                 <td valign="bottom" align="center"><b>                 <div id="imageTitle" style="color: rgb(255, 255, 255);"><b>Web Search<img height="1" width="390" alt="" src="http://www.joeanderson.co.uk/google/googlex_files/cleardot.gif" _fcksavedurl="http://www.joeanderson.co.uk/google/googlex_files/cleardot.gif" /></b></div>                 </b></td>             </tr>         </tbody>     </table>     <table width="100%" cellspacing="0" cellpadding="0" border="0">         <tbody>             <tr height="80">                 <td valign="bottom" align="center"><a class="q" id="1a" target="_top" onclick_fckprotectedatt=" onclick="return qs(this)"" href="http://www.google.com/search?hl=en&tab=wi" _fcksavedurl="http://www.google.com/search?hl=en&tab=wi"><img height="35" width="35" border="0" id="image1" alt="Web Search" onmouseout_fckprotectedatt=" onmouseout="e('1')"" onmouseover_fckprotectedatt=" onmouseover="d('1')"" src="http://www.joeanderson.co.uk/google/googlex_files/web-sm.gif" _fcksavedurl="http://www.joeanderson.co.uk/google/googlex_files/web-sm.gif" /></a><a class="q" id="2a" target="_top" onclick_fckprotectedatt=" onclick="return qs(this)"" href="http://www.google.com/images?hl=en&tab=wi" _fcksavedurl="http://www.google.com/images?hl=en&tab=wi"><img height="35" width="35" border="0" id="image2" alt="Images" onmouseout_fckprotectedatt=" onmouseout="e('2')"" onmouseover_fckprotectedatt=" onmouseover="d('2')"" src="http://www.joeanderson.co.uk/google/googlex_files/images-sm.gif" _fcksavedurl="http://www.joeanderson.co.uk/google/googlex_files/images-sm.gif" /></a><a class="q" id="3a" target="_top" onclick_fckprotectedatt=" onclick="return qs(this)"" href="http://groups-beta.google.com/groups?hl=en&tab=wg" _fcksavedurl="http://groups-beta.google.com/groups?hl=en&tab=wg"><img height="35" width="35" border="0" id="image3" alt="Groups" onmouseout_fckprotectedatt=" onmouseout="e('3')"" onmouseover_fckprotectedatt=" onmouseover="d('3')"" src="http://www.joeanderson.co.uk/google/googlex_files/groups-sm.gif" _fcksavedurl="http://www.joeanderson.co.uk/google/googlex_files/groups-sm.gif" /></a><a class="q" id="4a" target="_top" onclick_fckprotectedatt=" onclick="return qs(this)"" href="http://news.google.com/nwshp?hl=en&gl=us" _fcksavedurl="http://news.google.com/nwshp?hl=en&gl=us"><img height="35" width="35" border="0" id="image4" alt="News" onmouseout_fckprotectedatt=" onmouseout="e('4')"" onmouseover_fckprotectedatt=" onmouseover="d('4')"" src="http://www.joeanderson.co.uk/google/googlex_files/news-sm.gif" _fcksavedurl="http://www.joeanderson.co.uk/google/googlex_files/news-sm.gif" /></a><a class="q" id="5a" target="_top" onclick_fckprotectedatt=" onclick="return qs(this)"" href="http://www.google.com/froogle?hl=en&tab=wf" _fcksavedurl="http://www.google.com/froogle?hl=en&tab=wf"><img height="35" width="35" border="0" id="image5" alt="Froogle" onmouseout_fckprotectedatt=" onmouseout="e('5')"" onmouseover_fckprotectedatt=" onmouseover="d('5')"" src="http://www.joeanderson.co.uk/google/googlex_files/froogle-sm.gif" _fcksavedurl="http://www.joeanderson.co.uk/google/googlex_files/froogle-sm.gif" /></a><a class="q" id="6a" target="_top" onclick_fckprotectedatt=" onclick="return qs(this)"" href="http://local.google.com/lochp?hl=en&tab=wi" _fcksavedurl="http://local.google.com/lochp?hl=en&tab=wi"><img height="35" width="35" border="0" id="image6" alt="Local" onmouseout_fckprotectedatt=" onmouseout="e('6')"" onmouseover_fckprotectedatt=" onmouseover="d('6')"" src="http://www.joeanderson.co.uk/google/googlex_files/local-sm.gif" _fcksavedurl="http://www.joeanderson.co.uk/google/googlex_files/local-sm.gif" /></a><a class="q" id="7a" target="_top" onclick_fckprotectedatt=" onclick="return qs(this)"" href="http://scholar.google.com/scholar?hl=en&tab=wi" _fcksavedurl="http://scholar.google.com/scholar?hl=en&tab=wi"><img height="35" width="35" border="0" id="image7" alt="Scholar" onmouseout_fckprotectedatt=" onmouseout="e('7')"" onmouseover_fckprotectedatt=" onmouseover="d('7')"" src="http://www.joeanderson.co.uk/google/googlex_files/scholar-sm.gif" _fcksavedurl="http://www.joeanderson.co.uk/google/googlex_files/scholar-sm.gif" /></a><a class="q" id="8a" target="_top" onclick_fckprotectedatt=" onclick="return qs(this)"" href="http://video.google.com/videosearch?hl=en" _fcksavedurl="http://video.google.com/videosearch?hl=en"><img height="35" width="35" border="0" id="image8" alt="Video" onmouseout_fckprotectedatt=" onmouseout="e('8')"" onmouseover_fckprotectedatt=" onmouseover="d('8')"" src="http://www.joeanderson.co.uk/google/googlex_files/video-sm.gif" _fcksavedurl="http://www.joeanderson.co.uk/google/googlex_files/video-sm.gif" /></a><a class="q" id="9a" target="_top" onclick_fckprotectedatt=" onclick="return qs(this)"" href="http://maps.google.com/maps?hl=en" _fcksavedurl="http://maps.google.com/maps?hl=en"><img height="35" width="35" border="0" id="image9" alt="Maps" onmouseout_fckprotectedatt=" onmouseout="e('9')"" onmouseover_fckprotectedatt=" onmouseover="d('9')"" src="http://www.joeanderson.co.uk/google/googlex_files/maps-sm.gif" _fcksavedurl="http://www.joeanderson.co.uk/google/googlex_files/maps-sm.gif" /></a><a class="q" id="10a" target="_top" href="http://labs.google.com/" _fcksavedurl="http://labs.google.com/"><img height="35" width="35" border="0" id="image10" alt="Labs" onmouseout_fckprotectedatt=" onmouseout="e('10')"" onmouseover_fckprotectedatt=" onmouseover="d('10')"" src="http://www.joeanderson.co.uk/google/googlex_files/labs-sm.gif" _fcksavedurl="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" _fcksavedurl="https://gmail.google.com/gmail"><img height="35" width="35" border="0" id="image11" alt="Gmail" onmouseout_fckprotectedatt=" onmouseout="e('11')"" onmouseover_fckprotectedatt=" onmouseover="d('11')"" src="http://www.joeanderson.co.uk/google/googlex_files/gmail-sm.gif" _fcksavedurl="http://www.joeanderson.co.uk/google/googlex_files/gmail-sm.gif" /></a> <a class="q" id="12a" target="_top" href="http://calendar.google.com" _fcksavedurl="http://calendar.google.com"><img height="35" width="35" border="0" id="image12" alt="Calendar" onmouseout_fckprotectedatt=" onmouseout="e('12')"" onmouseover_fckprotectedatt=" onmouseover="d('12')"" src="http://www.joeanderson.co.uk/google/googlex_files/calendar.gif" _fcksavedurl="http://www.joeanderson.co.uk/google/googlex_files/calendar.gif" /></a></td>             </tr>             <tr height="7">                 <td> </td>             </tr>         </tbody>     </table>     <table cellspacing="0" cellpadding="0">         <tbody>             <tr>                 <td width="25%"> </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 type="text" maxlength="256" size="55" name="q" /><br />                 <input type="submit" name="btnG" value="Google Search" /><input type="submit" name="btnI" value="I'm Feeling Lucky" /></td>                 <td nowrap="nowrap" width="25%" valign="top"><font size="-2">  <a target="_top" href="http://www.google.com/advanced_search?hl=en" _fcksavedurl="http://www.google.com/advanced_search?hl=en">Advanced Search</a><br />                 <a target="_top" href="http://www.google.com/preferences?hl=en" _fcksavedurl="http://www.google.com/preferences?hl=en">Preferences</a><br />                 <a target="_top" href="http://www.google.com/language_tools?hl=en" _fcksavedurl="http://www.google.com/language_tools?hl=en">Language Tools</a><br />                 <a target="_top" href="http://www.google.com/options/index.html" _fcksavedurl="http://www.google.com/options/index.html">More...</a><br />                 <a target="_top" href="http://www.google.com/intl/en/about.html" _fcksavedurl="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" _fcksavedurl="http://team-webmaster.es.tl">Edited by Team Webmaster.</a> <p> </p> </center></meta>