Skip to content

Instantly share code, notes, and snippets.

View marcosrivasr's full-sized avatar
📚
Studying

Marcos Rivas R @vidamrr marcosrivasr

📚
Studying
View GitHub Profile
<html>
</html>
@charset "utf-8";
#container {
width: 520px;
font: 11px Arial, Helvetica, sans-serif;
color: #000;
}
#container p { font-family: Arial, Helvetica, sans-serif; }
a img { border: none; }
.nospace { display: block; }
.image { margin: 0 auto; }
<div id="wrapper">
<div id="slider">
<div class="inslider">
<!-- Content holder will hold content -->
<div class="contentholder">
<div class="contentslider">
<div class="content">
<h1>Welcome to Content Slider Demo</h1>
<p>Lorem Ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
.button
{
margin: 10px;
text-decoration: none;
font: bold 1.5em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
display: inline-block;
text-align: center;
color: #fff;
border: 1px solid #9c9c9c; /* Fallback style */
<html>
<head>
<title>Mi primer página web</title>
</head>
<body>
Hola mundo!
</body>
</html>
<html>
<head>
<title>Mi primer página web</title>
</head>
<body>
Hola mundo!
</body>
</html>
@marcosrivasr
marcosrivasr / gist:846909
Created February 28, 2011 03:47
Este código lo pegas dentro de la etiqueta Body
<div id="wrappera">
<div id="slider">
<div class="inslider">
<!-- Content holder will hold content -->
<div class="contentholder">
<div class="contentslider">
<div class="contenta">
<h1>Welcome to Content Slider Demo</h1>
<p>Lorem Ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
<html>
<head>
<style>
</style>
</head>
<body>
</body>
</html>
<html>
<head>
<title>Mi página</title>
</head>
<body>
<img src="http://lh6.ggpht.com/_J3J9Wwie1TY/TYDP-SWQPVI/AAAAAAAAITw/xb6woN34-8Y/ie9%5B4%5D.jpg" width="500" height="350" />
</body>
</html>
<div id="container">
<div><img alt="before" src="before.jpg" width="600" height="366" /></div>
<div><img alt="after" src="after.jpg" width="600" height="366" /></div>
</div>