CSS : Hojas de Estilo | Infinito Punto Alfa

Os dejo el enlace a mi último trabajo en la web.
Se trata de una tienda de jamones online creada con PHP, CSS y MySQL en ingles y frances.

Lo pongo aqui para promocionarlo un poco e ir posicionandolo en Google… y bueno, para ver si os gusta.
Aún no está terminado del todo ya que le falta activar el carro de compra, en espera de la cuenta del banco, y hacerle los pequeños ajustes finales, que aunque no son mucho trabajo, siempre es lo que mas cuesta.

El Rincon Of Spain:

CSS : DIV :
Zoom Menu

CSS : Hojas de Estilo,Recursos : Herramientas

PLAIN TEXT

CSS:

<style type="text/css">
body {
font-family: "Verdana", Helvetica, Arial, Verdana, sans-serif;
font-size: 50%;
}
li {
font-size: 1em;
}
li:hover {
font-size: 2em;
}
li:hover + li {
font-size: 1.6em;
}
li:hover + li + li {
font-size: 1.3em;
}
li:hover - li {
font-size: 1.6em;
}
li:hover - li - li {
font-size: 1.3em;
}
</style>
<ul>
<li><a href="http://www.va-mas.com">VA-mas.com</a></li>
<li><a href="http://va-mas.es">VA-mas.es</a></li>
<li><a href="http://ia.va-mas.es">Infinito.Alfa</a></li>
<li><a href="http://www.va-mas.com/red/hp/">HomePages</a></li>
<li><a href="http://www.va-mas.com/red/sf/">SubeFotos</a></li>
<li><a href="http://forako.va-mas.es">Foreko</a></li>
<li><a href="http://smaily.webcindario.com">SmailyTown</a></li>
<li><a href="http://www.koldomitxelena.com">KoldoMitxelena</a></li>
<li><a href="http://www.profesoresupv.com">Profesores UPV</a></li>
<li><a href="http://www.va-mas.com/clientes/esos/">El Sabore Of Spain</a></li>
<li><a href="http://www.xabierobeso.com/">Xabier Obeso</a></li>
</ul>

ejecutar ejemplo

CSS : DIV :
Capa con scroll propio

CSS : Hojas de Estilo

PLAIN TEXT

CSS:

<style type="text/css">
.scroll{
margin: 10px auto;
height:100px;
overflow: scroll;
width:200px;
}
</style>
<div class="scroll">
Infinito.Alfa: Recopilando Diseño WEB de la Blogosfera.
Infinito.Alfa: Recopilando Diseño WEB de la Blogosfera. Infinito.Alfa: Recopilando Diseño WEB de la Blogosfera.</div>

ejecutar ejemplo

CSS : JavaScript :
Ocultar/Mostrar Capas

AJAX : JavaScript,CSS : Hojas de Estilo

PLAIN TEXT

CSS:

<style>
.vis1 {
visibility:visible;
}
.vis2 {
visibility:hidden;
}
</style>
<img src="http://www.va-mas.com/blog/logo.jpg" name="oSphere" width="162" height="127" id="oSphere" class="vis1" />
<p onmouseover="oSphere.className='vis2'" onmouseout="oSphere.className='vis1'">Pon el cursor sobre este texto para hacer desaparecer la imagen.</p>

ejecutar ejemplo

CSS : DIV :
Centrar Horizontal y Verticalmente

CSS : Hojas de Estilo

PLAIN TEXT

CSS:

<style type="text/css">
<!--
.centrar {
background-color:#3366CC; /*color de fondo*/
color: #999988; /*color de letra*/
position: absolute; /*Posicionamiento absoluto*/
height: 400px; /*altura*/
width: 500px; /*altura*/
margin-left: -250px; /*Restamos la mitad de ancho del DIV para centrarlo horizontalmente*/
margin-top: -200px; /*Restamos la mitad de alto del DIV para centrarlo verticalmente*/
left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
top: 50%; /*Desde arriba, colocar al 50% de la pantalla*/
}
-->
</style>
<div class="centrar">Esta capa siempre esta centrada, tanto horizontal como verticalmente.</div>

ejecutar ejemplo

Fuente

Infinito Punto Alfa

Hasta los güevos de la 2.0, algo de diseño gráfico, web y concursos.

Diferentes medidas en el tamaño de las fuentes

Tienda onLine :
El Rincon Of Spain

CSS : DIV :
Zoom Menu

CSS : DIV :
Capa con scroll propio

CSS : JavaScript :
Ocultar/Mostrar Capas

CSS : DIV :
Centrar Horizontal y Verticalmente

Contacto

Categorías

. Red Social .

Portfolio RED VA-mas

WEBs Amigas

Calendario

Comentarios recientes

septiembre 2010
L	M	X	J	V	S	D
« ago
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30

Infinito Punto Alfa

Hasta los güevos de la 2.0, algo de diseño gráfico, web y concursos.

Diferentes medidas en el tamaño de las fuentes

Tienda onLine : El Rincon Of Spain

CSS : DIV :Zoom Menu

CSS : DIV :Capa con scroll propio

CSS : JavaScript :Ocultar/Mostrar Capas

CSS : DIV :Centrar Horizontal y Verticalmente

Contacto

Categorías

. Red Social .

Portfolio RED VA-mas

WEBs Amigas

Calendario

Comentarios recientes

Tienda onLine :
El Rincon Of Spain

CSS : DIV :
Zoom Menu

CSS : DIV :
Capa con scroll propio

CSS : JavaScript :
Ocultar/Mostrar Capas

CSS : DIV :
Centrar Horizontal y Verticalmente