Código HTML para crear un Navegador

Hola a todos, aquí les dejo un código HTML para crear un Navegador Web, espero que les guste Contento/a

________________________________________________________________________________________
Este es el código:

Cita de Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>
Navegador de Juan00

</title>
<meta name="Description" content="Navegador de Juan's Personal Search Engine. Make your own personal Search Engine with your name like matrix grass style logo. Create branded logo Search engines like Google, Yahoo, Coca Cola, Lords of the Rings, Sherk, Star War, Harry Potter, Micky mouse etc. Colorful Google Logo Maker. You can make a any style logo. Its 100% Free Personal Search Engine.GoogleTestAd Matrix_Revolutions Rune fonts Novelty fonts perm style public style google park avenue font logo wall locks yahoo the matrix reloaded star wars " />
<meta name="Keywords" content="Navegador de Juan, Navegador de Juan search, matrix theme, matrix, googletestad, matrix_revolutions, rune fonts, novelty fonts, perm style, public style, google, park avenue font, logo wall locks, yahoo, the matrix reloaded, star wars, search engines, personal search, create search engine, best search engine,logo creator, search engine, search maker,Google Logo,Google,Logo,maker,Google Logo maker,personal Search Engine,Search Engine Maker,Yahoo, Coca Cola, Sherk, Star War, Harry Potter,Yahoo logo, CocaCola logo, Sherk logo, Star War logo, Harry Potter logo, Yahoo logo maker, Coca Cola logo maker, Sherk logo maker, Star War logo maker, Harry Potter logo maker" />
<meta name="robots" content="ALL" />
<link rel="SHORTCUT ICON" href="http://funnylogo.info/favicon.ico" />

<link rel="alternate" type="application/rss+xml" title="Navegador de Juan" href="http://funnylogo.info/rss/matrix/grass/Navegador de Juan.aspx" />

<meta http-equiv="Imagetoolbar" content="no" />

<script type="text/javascript">
window.google = { kEI: "Kb-4SbKrLcmMjAeFxIGkCA", kEXPI: "17259,17291,19942", kHL: "en" };
var _gjwl = location;
function _gjuc() {
var a = _gjwl.hash.substring(1);
if (/(^|&)q=/.test(a) && a.indexOf("#") == -1 && !/(^|&)cad=h($|&)/.test(a)) {
_gjwl.replace("search?" + a.replace(/(^|&)fp=[^&]*/g, "") + "&cad=h");
return 1
}
return 0
};
window._gjuc && location.hash && _gjuc();

function addFave(UrL, TiTlE) {
if (window.sidebar) {
window.sidebar.addPanel(TiTlE, UrL, "");
}
else if (window.external) {
if (navigator.appName != 'Netscape') {
window.external.AddFavorite(UrL, TiTlE);
} else {
alert('Por Favor, a?adalo manualmente a favoritos's.');
}
} else {
alert('Por Favor, a?adalo manualmente a favoritos's.');
}
};

function setHome() {
alert(navigator.appName);
if (navigator.appName == 'Microsoft Internet Explorer') {
document.body.style.behavior = 'url(#default#homepage)';
document.body.setHomePage(window.location.href);
}
else {
alert('Por Favor, a?adalo manualmente como su pagina de Inicio.');
}
}
</script>

<style type="text/css">
body, td, a, p, .h
{
font-family: arial, sans-serif;
}
.h
{
color: #36c;
font-size: 20px;
}
.q
{
color: #00c;
}
.ts td
{
padding: 0;
}
.ts
{
border-collapse: collapse;
}
#gbar
{
height: 22px;
padding-left: 2px;
}
.gbh, .gbd
{
border-top: 1px solid #c9d7f1;
font-size: 1px;
}
.gbh
{
height: 0;
position: absolute;
top: 24px;
width: 100%;
}
#gbi, #gbs
{
background: #fff;
left: 0;
position: absolute;
top: 24px;
visibility: hidden;
z-index: 1000;
}
#gbi
{
border: 1px solid;
border-color: #c9d7f1 #36c #36c #a2bae7;
z-index: 1001;
}
#guser
{
padding-bottom: 7px !important;
}
#gbar, #guser
{
font-size: 13px;
padding-top: 1px !important;
}
@media all
{
.gb1, .gb3
{
height: 22px;
margin-right: .73em;
vertical-align: top;
}
#gbar
{
float: left;
}
}
.gb2
{
display: block;
padding: .2em .5em;
}
a.gb1, a.gb2, a.gb3
{
color: #00c !important;
}
.gb2, .gb3
{
text-decoration: none;
}
a.gb2:hover
{
background: #36c;
color: #fff !important;
}
</style>

<script type="text/javascript">
google.y = {};
google.x = function(e, g) {
google.y[e.id] = [e, g];
return false
};
window.clk = function(b, c, d, e, f, g, h) {
if (document.images) {
var a = encodeURIComponent || escape;
(new Image).src = ["/url?sa=T", c ? "&oi=" + a(c) : "", d ? "&cad=" + a(d) : "", "&ct=", a(e), "&cd=", a(f), b ? "&url=" + a(b.replace(/#.*/, "")).replace(/+/g, "%2B") : "", "&ei=Kb-4SbKrLcmMjAeFxIGkCA", g].join("")
}
return true
};
window.gbar = { qs: function() { }, tg: function(e) {
var o = { id: 'gbar' };
for (i in e) o = e; google.x(o, function() { gbar.tg(o) })
}
};
</script>

</head>
<body bgcolor="#ffffff" text="#000000" link="#0000cc" vlink="#551a8b" alink="#ff0000"
onload="document.f.q.focus();if(document.images)new Image().src='/images/nav_logo3.png'"
topmargin="3" marginheight="3">

<div id="gbar">
<nobr><b class="gb1"><span id="Label_a0a">La Web</span></b>
<a id="a1a" class="gb1" onclick="gbar.qs(this)" href="http://images.google.com/imghp?hl=es&tab=wi">Imagenes</a>
<a id="a2a" class="gb1" onclick="gbar.qs(this)" href="http://maps.google.com/maps?hl=es&tab=wl">Maps</a>
<a id="a3a" class="gb1" onclick="gbar.qs(this)" href="http://news.google.com/nwshp?hl=es&tab=wn">Noticias</a>
<a id="a4a" class="gb1" onclick="gbar.qs(this)" href="http://video.google.com/?hl=es&tab=wv">Video</a>
<a id="a5a" class="gb1" onclick="gbar.qs(this)" href="http://mail.google.com/mail/?hl=es&tab=wm">Gmail</a>
<a id="a5a" class="gb1" onclick="gbar.qs(this)" href="http://www.casitaweb.net">CasitaWeb!</a>

<div id="gbi">
<a id="a6a1" class="gb2" onclick="gbar.qs(this)" href="http://groups.google.com/grphp?hl=es&tab=wg">Grupos</a>
<a id="a6a2" class="gb2" onclick="gbar.qs(this)" href="http://books.google.com/bkshp?hl=es&tab=wp">Libros</a>
<a id="a6a3" class="gb2" onclick="gbar.qs(this)" href="http://blogsearch.google.com/?hl=es&tab=wb">Blogs</a>

<div class="gb2">

<div class="gbd"></div>
</div>
<a id="a6a7" class="gb2" onclick="gbar.qs(this)" href="http://www.youtube.com/?hl=es&tab=w1">YouTube</a> <a id="a6a9" class="gb2" onclick="gbar.qs(this)">Photos</a>
<div class="gb2">
<div class="gbd"></div>
</div>
<a id="a6a13" class="gb2" href="http://www.google.com/intl/es/options/">todavia mas »</a></div>

</nobr>
</div>
<div class="gbh" style="left: 0">
</div>
<div class="gbh" style="right: 0">
</div>
<div align="right" id="guser" style="font-size: 84%; padding: 0 0 4px" width="100%">
<nobr> </nobr>
</div>

<center>
<br clear="all" id="lgpd">
<img id="imglogo" alt="funnylogo.info" src="http://funnylogo.info/logo/matrix/grass/Navegador%20de%20Juan.aspx" style="border-width:0px;" />
<br />
<br />
<form action="http://www.google.it/search" name="f">
<table cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="25%">

</td>
<td align="center" nowrap>
<input name="hl" type="hidden" value="en" />
<input autocomplete="off" maxlength="2048" name="q" size="55" title="Google Search"
value="" />
<br>
<input name="btnG" type="submit" value="Buscar con Google" />
<input name="btnI" type="submit" value="Voy a Tener Suerte" />
</td>
<td nowrap width="25%" align="left">

<font size="-2"> <a id="a7a" href="http://www.google.es/advanced_search?hl=es">Busqueda Avanzada</a><br>
<a id="a8a" href="http://www.google.es/preferences?hl=es">Preferencias</a><br>
<a id="a9a" href="http://www.google.es/language_tools?hl=es">Herramientas del idioma</a></font>
</td>
</tr>

<tr>
<td colspan="3" align="center">

<font size="-1">
<span id="LabelRadio">Busqueda:</span>
<input id="all" type="radio" name="meta" value="" checked="checked" />
<span id="LabelRadio1">la Web</span>
<input id="lgr" type="radio" name="meta" value="lr=lang_es" />
<span id="LabelRadio2">paginas en espanol</span>
<input id="cty" type="radio" name="meta" value="cr=countryES" />

<span id="LabelRadio3">paginas de Espana</span>
</font>
</td>
</tr>

</table>
</form>
<br>
<br>

</p>
<p>
<br />
<font size="-4" color="gray">Navegador unico, prohibida su clonacion.<br />
Version personalizada 100%"<br />
<a href="http://casitaweb.net" class="hm">© 2009 Juan00</a></font></p>
</center>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6684715-3");
pageTracker._trackPageview();
} catch(err) {}</script>

</body>

</html>

Lo que está en Rojo significa que se puede cambiar
Lo que está en Azul es el favicon, pueden personalizarlo a su gusto
Lo que está en Verde es el Logo, que os podeís hacer un logo con Photoshop o Paint, o os lo hago yo con estos estilos:

Y también puedes elegir alguno de estos fondos (en las letras) para tu logo:

Aquí os dejo algunos logos que ya hice:

Si quieren que les haga uno diferente, díganlo Contento/a

Y por si quieren el código sin citar para verlo "mejor", aquí lo tienen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>
Navegador de Juan00

</title>
<meta name="Description" content="Navegador de Juan's Personal Search Engine. Make your own personal Search Engine with your name like matrix grass style logo. Create branded logo Search engines like Google, Yahoo, Coca Cola, Lords of the Rings, Sherk, Star War, Harry Potter, Micky mouse etc. Colorful Google Logo Maker. You can make a any style logo. Its 100% Free Personal Search Engine.GoogleTestAd Matrix_Revolutions Rune fonts Novelty fonts perm style public style google park avenue font logo wall locks yahoo the matrix reloaded star wars " />
<meta name="Keywords" content="Navegador de Juan, Navegador de Juan search, matrix theme, matrix, googletestad, matrix_revolutions, rune fonts, novelty fonts, perm style, public style, google, park avenue font, logo wall locks, yahoo, the matrix reloaded, star wars, search engines, personal search, create search engine, best search engine,logo creator, search engine, search maker,Google Logo,Google,Logo,maker,Google Logo maker,personal Search Engine,Search Engine Maker,Yahoo, Coca Cola, Sherk, Star War, Harry Potter,Yahoo logo, CocaCola logo, Sherk logo, Star War logo, Harry Potter logo, Yahoo logo maker, Coca Cola logo maker, Sherk logo maker, Star War logo maker, Harry Potter logo maker" />
<meta name="robots" content="ALL" />
<link rel="SHORTCUT ICON" href="http://funnylogo.info/favicon.ico" />

<link rel="alternate" type="application/rss+xml" title="Navegador de Juan" href="http://funnylogo.info/rss/matrix/grass/Navegador de Juan.aspx" />

<meta http-equiv="Imagetoolbar" content="no" />

<script type="text/javascript">
window.google = { kEI: "Kb-4SbKrLcmMjAeFxIGkCA", kEXPI: "17259,17291,19942", kHL: "en" };
var _gjwl = location;
function _gjuc() {
var a = _gjwl.hash.substring(1);
if (/(^|&)q=/.test(a) && a.indexOf("#") == -1 && !/(^|&)cad=h($|&)/.test(a)) {
_gjwl.replace("search?" + a.replace(/(^|&)fp=[^&]*/g, "") + "&cad=h");
return 1
}
return 0
};
window._gjuc && location.hash && _gjuc();

function addFave(UrL, TiTlE) {
if (window.sidebar) {
window.sidebar.addPanel(TiTlE, UrL, "");
}
else if (window.external) {
if (navigator.appName != 'Netscape') {
window.external.AddFavorite(UrL, TiTlE);
} else {
alert('Por Favor, a?adalo manualmente a favoritos's.');
}
} else {
alert('Por Favor, a?adalo manualmente a favoritos's.');
}
};

function setHome() {
alert(navigator.appName);
if (navigator.appName == 'Microsoft Internet Explorer') {
document.body.style.behavior = 'url(#default#homepage)';
document.body.setHomePage(window.location.href);
}
else {
alert('Por Favor, a?adalo manualmente como su pagina de Inicio.');
}
}
</script>

<style type="text/css">
body, td, a, p, .h
{
font-family: arial, sans-serif;
}
.h
{
color: #36c;
font-size: 20px;
}
.q
{
color: #00c;
}
.ts td
{
padding: 0;
}
.ts
{
border-collapse: collapse;
}
#gbar
{
height: 22px;
padding-left: 2px;
}
.gbh, .gbd
{
border-top: 1px solid #c9d7f1;
font-size: 1px;
}
.gbh
{
height: 0;
position: absolute;
top: 24px;
width: 100%;
}
#gbi, #gbs
{
background: #fff;
left: 0;
position: absolute;
top: 24px;
visibility: hidden;
z-index: 1000;
}
#gbi
{
border: 1px solid;
border-color: #c9d7f1 #36c #36c #a2bae7;
z-index: 1001;
}
#guser
{
padding-bottom: 7px !important;
}
#gbar, #guser
{
font-size: 13px;
padding-top: 1px !important;
}
@media all
{
.gb1, .gb3
{
height: 22px;
margin-right: .73em;
vertical-align: top;
}
#gbar
{
float: left;
}
}
.gb2
{
display: block;
padding: .2em .5em;
}
a.gb1, a.gb2, a.gb3
{
color: #00c !important;
}
.gb2, .gb3
{
text-decoration: none;
}
a.gb2:hover
{
background: #36c;
color: #fff !important;
}
</style>

<script type="text/javascript">
google.y = {};
google.x = function(e, g) {
google.y[e.id] = [e, g];
return false
};
window.clk = function(b, c, d, e, f, g, h) {
if (document.images) {
var a = encodeURIComponent || escape;
(new Image).src = ["/url?sa=T", c ? "&oi=" + a(c) : "", d ? "&cad=" + a(d) : "", "&ct=", a(e), "&cd=", a(f), b ? "&url=" + a(b.replace(/#.*/, "")).replace(/+/g, "%2B") : "", "&ei=Kb-4SbKrLcmMjAeFxIGkCA", g].join("")
}
return true
};
window.gbar = { qs: function() { }, tg: function(e) {
var o = { id: 'gbar' };
for (i in e) o[i] = e[i]; google.x(o, function() { gbar.tg(o) })
}
};
</script>

</head>
<body bgcolor="#ffffff" text="#000000" link="#0000cc" vlink="#551a8b" alink="#ff0000"
onload="document.f.q.focus();if(document.images)new Image().src='/images/nav_logo3.png'"
topmargin="3" marginheight="3">

<div id="gbar">
<nobr><b class="gb1"><span id="Label_a0a">La Web</span></b>
<a id="a1a" class="gb1" onclick="gbar.qs(this)" href="http://images.google.com/imghp?hl=es&tab=wi">Imagenes</a>
<a id="a2a" class="gb1" onclick="gbar.qs(this)" href="http://maps.google.com/maps?hl=es&tab=wl">Maps</a>
<a id="a3a" class="gb1" onclick="gbar.qs(this)" href="http://news.google.com/nwshp?hl=es&tab=wn">Noticias</a>
<a id="a4a" class="gb1" onclick="gbar.qs(this)" href="http://video.google.com/?hl=es&tab=wv">Video</a>
<a id="a5a" class="gb1" onclick="gbar.qs(this)" href="http://mail.google.com/mail/?hl=es&tab=wm">Gmail</a>

<div id="gbi">
<a id="a6a1" class="gb2" onclick="gbar.qs(this)" href="http://groups.google.com/grphp?hl=es&tab=wg">Grupos</a>
<a id="a6a2" class="gb2" onclick="gbar.qs(this)" href="http://books.google.com/bkshp?hl=es&tab=wp">Libros</a>
<a id="a6a3" class="gb2" onclick="gbar.qs(this)" href="http://blogsearch.google.com/?hl=es&tab=wb">Blogs</a>

<div class="gb2">

<div class="gbd"></div>
</div>
<a id="a6a7" class="gb2" onclick="gbar.qs(this)" href="http://www.youtube.com/?hl=es&tab=w1">YouTube</a> <a id="a6a9" class="gb2" onclick="gbar.qs(this)">Photos</a>
<div class="gb2">
<div class="gbd"></div>
</div>
<a id="a6a13" class="gb2" href="http://www.google.com/intl/es/options/">todavia mas »</a></div>

</nobr>
</div>
<div class="gbh" style="left: 0">
</div>
<div class="gbh" style="right: 0">
</div>
<div align="right" id="guser" style="font-size: 84%; padding: 0 0 4px" width="100%">
<nobr> </nobr>
</div>

<center>
<br clear="all" id="lgpd">
<img id="imglogo" alt="funnylogo.info" src="http://funnylogo.info/logo/matrix/grass/Navegador%20de%20Juan.aspx" style="border-width:0px;" />
<br />
<br />
<form action="http://www.google.it/search" name="f">
<table cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="25%">

</td>
<td align="center" nowrap>
<input name="hl" type="hidden" value="en" />
<input autocomplete="off" maxlength="2048" name="q" size="55" title="Google Search"
value="" />
<br>
<input name="btnG" type="submit" value="Buscar con Google" />
<input name="btnI" type="submit" value="Voy a Tener Suerte" />
</td>
<td nowrap width="25%" align="left">

<font size="-2"> <a id="a7a" href="http://www.google.es/advanced_search?hl=es">Busqueda Avanzada</a><br>
<a id="a8a" href="http://www.google.es/preferences?hl=es">Preferencias</a><br>
<a id="a9a" href="http://www.google.es/language_tools?hl=es">Herramientas del idioma</a></font>
</td>
</tr>

<tr>
<td colspan="3" align="center">

<font size="-1">
<span id="LabelRadio">Busqueda:</span>
<input id="all" type="radio" name="meta" value="" checked="checked" />
<span id="LabelRadio1">la Web</span>
<input id="lgr" type="radio" name="meta" value="lr=lang_es" />
<span id="LabelRadio2">paginas en espanol</span>
<input id="cty" type="radio" name="meta" value="cr=countryES" />

<span id="LabelRadio3">paginas de Espana</span>
</font>
</td>
</tr>

</table>
</form>
<br>
<br>

</p>
<p>
<br />
<font size="-4" color="gray">Navegador unico, prohibida su clonacion.<br />
Version personalizada 100%"<br />
<a href="http://casitaweb.net" class="hm">© 2009 Juan00</a></font></p>
</center>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6684715-3");
pageTracker._trackPageview();
} catch(err) {}</script>

</body>

</html>

Código HTML para crear un Navegador

4 Comentarios

Juan00

Relacionados

Tags