Skip to content

Instantly share code, notes, and snippets.

@elialejandro
Created July 28, 2013 00:34
Show Gist options
  • Save elialejandro/6096883 to your computer and use it in GitHub Desktop.
Save elialejandro/6096883 to your computer and use it in GitHub Desktop.
<html>
<head>
<!-- CONDICIONAL -->
<!--[if lt IE 9]> <link href="/assets/common/css/suggest.css" media="screen" rel="stylesheet" type="text/css" ><![endif]-->
</head>
<body>
<div class="content">
<div class="row">
<div class="span12">
<div id="suggest" class="alert alert-error alert-block fade in">
<a class="close" href="#" data-dismiss="alert">&times;</a>
<h3>Hemos detectado que está utilizando un navegador que no es compatible con HTML5</h3>
<p>Te sugerimos utilizar uno de los siguiente navegadores que son compatibles</p>
<p>
<a id="chrome" href="http://www.google.com/chrome/" title="Descargar Chrome"></a>
<a id="firefox" href="http://www.mozilla.org/es-MX/firefox/new/" title="Descargar Firefox"></a>
<a id="ie9" href="http://ie9.discoverbing.com/intl/es-MX/index.html" title="Descargar IE 9"></a>
<a id="opera" href="http://www.opera.com/" title="Descargar Opera"></a>
</p>
<a class="btn" href="#" data-dismiss="alert">Cerrar</a>
</div>
</div>
</div>
</div>
</body>
</html>
/* Sugerencia */
#suggest {
text-align: center;
display:block;
margin-top: 30px;
}
.anunciante {
display:none;
}
/*.offset3 {
margin-left:0;
}
.span5 {
width:570px;
}*/
#chrome,
#firefox,
#safari,
#opera,
#ie9 {
/* http://www.geoanunciate.com.mx/assets/common/img/icon-browser-72x72.png */
background-image: url("../img/icon-browser-72x72.png");
display: inline-block;
width: 72px;
height: 72px;
}
#chrome {
background-position: 0 0;
}
#firefox {
background-position: 0 288px;
}
#ie9 {
background-position: 0 216px;
}
#opera {
background-position: 0 144px;
}
#safari {
background-position: 0 72px;
}
Eso es todo lo que se usa
Esta es la url de la imagen que estoy usando.
http://www.geoanunciate.com.mx/assets/common/img/icon-browser-72x72.png
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment