Editando apunte: Generando estrellas svg

Editando apunte: Generando estrellas svg cerrar apuntes

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

<p>
	<iframe src="diario.jocker.php?extra=estrella&radio=40" name="estrella" style="border: 3px ridge green; width: 150px; height: 100px; float: right; margin: 0 0 .5em 1em; padding: 1em;"></iframe>
	[rss]Después de crear estrellas de cinco puntas, nos faltaría hacerlas con distintas características,
	variando el número de puntas u otras variantes.[/rss]
</p>
<p>
	Aunque nuestra imagen también es de cinco puntas basta con añadir el parámetro "puntas" con el valor que nos interese para que obtengamos otra estrella, por ejemplo de <a href="diario.jocker.php?extra=estrella&puntas=9&tipo=a&PHPSESSID=d6lfrobc6vvaio24qkrvpuuha3" target="estrella">nueve (9) puntas<img src="diario.jocker.php?extra=estrella&puntas=9&fondo=red&tipo=a" style="width: 10px; height: 10px"/></a>.
</p>
<p>
	Si han pulsado sobre el enlace del final del anterior párrafo, habrán notado que [rss]no solo ha cambiado el número de puntas de la estrella, sino que las puntas son de diferentes tamaños.[/rss]
</p>
<h3 class="subtitulo">
	Las opciones
</h3>
<p>
	Ya hemos visto que se pueden obtener estrellas con distintas formas, y claro que podemos modificar sus colores, y aunque se generan con 100 pixeles de radio, son estrellas "escalables".
</p>
<p>
	Para mostrar las distintas posibilidades crearemos un formulario cuyos resultados se notarán en la estrella superior:
</p>
<form action="diario.jocker.php" target="estrella" method="get" style="padding: 1em; margin: 1em; border: 1px solid black;"><input type="hidden" name="PHPSESSID" value="d6lfrobc6vvaio24qkrvpuuha3" />
	<input type="hidden" name="extra" value="estrella" />
	<fieldset>
		<legend> Forma </legend>
		<label for="tipo_r" > Regular </label><input type="radio" id="tipo_r" name="tipo" value="r" checked="checked" />
		<label for="tipo_a" > Irregular </label><input type="radio" id="tipo_a" name="tipo" value="a"/>
		<br/>
		<label for="id_puntas" > Número de puntas: </label><input type="text" id="id_puntas" name="puntas" value="5"/>
		<br/>
		<label for="id_radio" > Radio interior: </label><input type="text" id="id_radio" name="radio" value="50"/>
	</fieldset>
	<fieldset><legend> Colores </legend>
		<label for="id_fondo" > Relleno: </label><input type="text" id="id_fondo" name="fondo" value="yellow"/>
		<br/>
		<label for="id_borde" > Borde: </label><input type="text" id="id_borde" name="borde" value="black"/>
	</fieldset>
	<button type="submit" style="text-align: center; width: 100%;"> crear estrella </button>
</form>
<p>
	[rss]Podemos obtener efectos muy curiosos con un número elevado de puntas, aunque tal vez no sea de utilidad.[/rss]
</p>

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