Return to Snippet

Revision: 8205
at September 8, 2008 22:33 by demixo


Updated Code
/*------------------------------------------------------------------
[Estructura]
*/ 
<div id="flipper">
	<h3>
		<span>0</span>
		<span>0</span>
		<span>0</span>
		<span>0</span>
		<span>0</span>
		<span>1</span>
		<span>4</span>
	</h3>
	<h4>Esto es un contador</h4>
</div>


/*------------------------------------------------------------------
[Presentación]
*/ 
div#flipper {
	padding: 4px 0 8px 0;
	text-align: center;
	border-bottom: 1px solid #fff;
	background: #333 url(flip-grad.gif) repeat-x top left;
}

div#flipper h3 {
	position: relative;
	margin: 0;
	padding: 10px 10px;
	font-size: 280%;
	line-height: 1em;
	color: #fff;
}

div#flipper h3 span {
	margin: 0 1px;
	padding: 0 5px;
	line-height: 1em;
	border-top: 1px solid #595959;
	background: #444;
}

div#flipper h4 {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	color: #888;
}

Revision: 8204
at September 8, 2008 22:32 by demixo


Updated Code
ESTRUCTURA
<div id="flipper">
	<h3>
		<span>0</span>
		<span>0</span>
		<span>0</span>
		<span>0</span>
		<span>0</span>
		<span>1</span>
		<span>4</span>
	</h3>
	<h4>Esto es un contador</h4>
</div>

PRESENTACIÓN
/* flip clock */
div#flipper {
	padding: 4px 0 8px 0;
	text-align: center;
	border-bottom: 1px solid #fff;
	background: #333 url(flip-grad.gif) repeat-x top left;
}

div#flipper h3 {
	position: relative;
	margin: 0;
	padding: 10px 10px;
	font-size: 280%;
	line-height: 1em;
	color: #fff;
}

div#flipper h3 span {
	margin: 0 1px;
	padding: 0 5px;
	line-height: 1em;
	border-top: 1px solid #595959;
	background: #444;
}

div#flipper h4 {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	color: #888;
}

Revision: 8203
at September 8, 2008 22:23 by demixo


Initial Code
<div class="group" id="flipper">
					<h3 class="group">
						<img alt="-" src="/files/flip-bg.gif"/>
						<span>1</span><span>0</span><span>5</span>,<span>0</span><span>6</span><span>4</span>					</h3>
					<h4>... sites using Sphere</h4>
			</div>

Initial URL


Initial Description


Initial Title
Estilar un contador

Initial Tags


Initial Language
CSS