Autor
Mensaje
team-webmaster
since-2007
Ubicación: R3publ!ca Dom!n!cana
02-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 X D
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&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&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&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&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&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&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&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> </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 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"> <a target="_top" href="http://www.google.com/advanced_search?hl=en">Advanced Search</a><br />
<a target="_top" href="http://www.google.com/preferences?hl=en">Preferences</a><br />
<a target="_top" href="http://www.google.com/language_tools?hl=en">Language Tools</a><br />
<a target="_top" href="http://www.google.com/options/index.html">More...</a><br />
<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> </p>
</center>
______________
↑
rme
since-2007
02-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&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&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&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&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&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&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&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> </td>
</tr>
</tbody>
</table>
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="25%"> </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"> <a target="_top" href="http://www.google.com/advanced_search?hl=es">Busqueda avanzada</a><br />
<a target="_top" href="http://www.google.com/preferences?hl=es">Preferencias</a><br />
<a target="_top" href="http://www.google.com/language_tools?hl=es">Herramientas de lenguaje</a><br />
<a target="_top" href="http://www.google.com/options/index.html">Mas...</a><br />
<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> </p>
</center>
Ultima edición por rme el Sab Ago 02, 2008 11:33 am; editado 8 veces
↑
team-webmaster
since-2007
Ubicación: R3publ!ca Dom!n!cana
02-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
______________
↑
rme
since-2007
02-08-2008, 14:49 (UTC) Título del mensaje :
De nada, siempre es un placer ayudar !
↑
nixoweb
Ex-teamPwG-Mod
03-08-2008, 05:25 (UTC) Título del mensaje :
Cómo tener google en una web? Un traductor? El buscador? No entiendo
↑
pwg-design
Nuevo
03-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★»
↑