Editando apunte: Transiciones: Centradas

Editando apunte: Transiciones: Centradas cerrar apuntes

ID: 62 (tabla: apuntes) Título:
Fecha: [poner fecha actual ]
Categorías: Vicisitudes de un Webmaster, Programación
Etiquetas: diseño, imágenes, javascript, webmaster
Extras: diseño, imágenes, javascript, webmaster
apunte: - - - - - - - -

<p>
	[rss]Ampliando las transiciones hasta ahora recopiladas, presentamos las que son centradas. Concretamente mostraremos aperturas y cierres horizontales, verticales y centrales (este último sería una combinación de los dos primeros).[/rss]
</p>
<p>
	Ya que hemos hablado de precargas, realizaremos una precarga de las imágenes, pero en este caso pondremos ficheros animados de poco peso pero de distintos tamaños, que centraremos en un recuadro que simulará una diapositiva.
</p>

<p>
	Mostramos a continuación tres miniaturas de la imagenes que usaremos, y a la derecha la zona de transiciones:
</p>
<div style="text-align: center; margin: 1em">

<a href="diario.ficha.php?id=7&PHPSESSID=0kk9oltv3ij2eclev3odrqhat2">
		<img id="i_3" src="diario.imagen.php?id=7&max=80" alt="flamenca" title="flamenca" longdesc="diario.ficha.php?id=7" style="margin: 1em; opacity: .4; border: 2px ridge #999999; padding: 1em" />
	</a>
</div>
<p>
	En el recuadro "Controles", seleccione orientación y tipo. Luego pulse sobre la imagen en miniatura, opaca, que quiera mostrar en la diapositiva adyacente.
</p>
<fieldset style="text-align: center; clear: both">
	<legend>
		Controles
	</legend>

<fieldset style="float: left; width: 25%">
		<legend>
			Tipo
		</legend>
		<label for="apertura">apertura</label>
		<input name="tipo" type="radio" id="apertura" checked="checked" />

<label for="cierre">cierre</label>
		<input name="tipo" type="radio" id="cierre" />

</fieldset>

<fieldset style="float: right; width: 50%">
		<legend>
			Orientación
		</legend>
			<label for="control_horizontal">horizontal</label>
			<input name="orientacion" type="radio" id="control_horizontal" />

<label for="control_vertical">vertical</label>
			<input name="orientacion" type="radio" id="control_vertical" />

<label for="control_central">central</label>
			<input name="orientacion" type="radio" id="control_central" checked="checked" />

</fieldset>
</fieldset>
<br />

<p>
	Con estos seis nuevos casos podemos considerar que hemos terminado con las transiciones básicas. A partir de ahora iremos añadiendo algunas un poco más complejas y que en algunos casos ya hemos publicado en páginas poco promocionadas.
</p>

<ul style="padding: 1em 2cm; margin: 1em 2cm; border: 1px solid black; background-color: #fffccc">
	<li>
		<a href="efectos/efecto7.html?PHPSESSID=0kk9oltv3ij2eclev3odrqhat2">Mosaico progresivo</a>
	</li>
	<li>
		<a href="efectos/efecto7_1.html?PHPSESSID=0kk9oltv3ij2eclev3odrqhat2">Barrido horizontal progresivo</a>
	</li>
	<li>
		<a href="efectos/efecto7_2.html?PHPSESSID=0kk9oltv3ij2eclev3odrqhat2">Barrido vertical progresivo</a>
	</li>
</ul>

Controles Otras tablas: imagenes, postales, categorias, etiquetas, extras - - (popup ) - que

Seleccionar nuevo apunte

categoria Nombre:
Controles Otras tablas: apuntes, imagenes, postales, etiquetas extras - - Seleccionar: categoria
Descripción: - - - - - - - -	Apuntes

extra Nombre:
Controles Otras tablas: apuntes, imagenes, postales, categorias etiquetas - - Seleccionar: extra
Descripción: - - - - - - - -	Apuntes

etiqueta Nombre:
Controles Otras tablas: apuntes, imagenes, postales, categorias extras - - Seleccionar: etiqueta
Descripción: - - - - - - - -	Apuntes

Editor del diario

Zona de comentarios

Evaluación