Ponga una cita en su página

Introducción



Si le gustan las páginas con una frase célebre entre sus contenidos, puede probar este servicio simplemente insertando una simple línea... La lista total de citas se pueden encontrar en el siguiente enlace: consulta


Uso básico


Para páginas php, debe insertar esta línea:


En el caso de no disponer de el lenguaje php, debería insertar:


Opciones


En principio es fácil dar formato a las citas, y encontramos dos formas básicas de inserción: en páginas php mediente la inclusión directa de un "recorte" (primer ejemplo/botón) y en cualquier otro tipo de páginas (sin descartar las php) insertando un script javascript (segundo ejemplo/botón).

Puede elegir el script que mostrará la cita... en los ejemplos es Fieldset, pero también puede omitir el parámetro, y en tal caso se obtendrá la cita como una variable de un tipo objeto, cuyo desglose se puede ver en la tabla que se muestra a continuación:


php javascript
// $cita es la variable recibida
// $cita->laCita = laCita;
// $cita->autor = autor;
// $cita->datosAutor = datosAutor;
// $cita->fecha = fecha;
// cita = new cita(laCita, autor, datosAutor, fecha);
// cita.laCita = laCita;
// cita.autor = autor;
// cita.datosAutor = datosAutor;
// cita.fecha = fecha;

Recomiendo usar el formato javascript con script fieldset por ser el sistema menos problemático.

La única dificultad que he detectado con ese método es que no se verá en máquinas con javascript deshabilitado. En cambio con la versión php es posible tener problemas de seguridad.


La cita incrustada


Cuando se da valor al parámetro script, la cita se incrusta con un formato determinado, dentro de un elemento que puede ser formateado. A continuación se muestra el código resultante y una hoja de estilos recomendada:


html obtenido hoja de estilo recomendada
<fieldset id='cita'>
<legend>
<a href='http://www.caricatos.net/citas'
	onclick="this.target='_blank'" >
 La cita 
</a>
</legend>
<p id='laCita'>
<cite >
[la cita]
</cite>
</p>

<p id='otrosDatosCita'>

<span id='autor'>
[autor]
</span>

<span id='datosAutor'>
[datos del autor]
</span>

<span id='fecha'>
{fecha]
</span>

</p>
</fieldset>

<style type="text/css" >
p	{
	color: black;
	background-color: white;
	margin: 0 .5cm;
	text-align: justify;
	text-indent: 1cm;
}

#cita	{
	width: 85%;
	margin: auto;
	padding: .3cm;
}

p#otrosDatosCita	{
	font-size: .8em;
	text-align: right;
	text-indent: 0;
}

#autor	{
	font-weight: bold;
}
</style>

Semántica


Una cita, tiene en el lenguaje html un elemento propio (cite), y debe ser parte de un párrafo. Los datos adicionales (autor, datos, fecha) son parte de otro párrafo, y cada elemento puede ser formateado de forma separada.

Al párrafo de la cita se le ha dado el típico formato de texto en español, con sangrado en la primera línea


Extras


Si se quiere ampliar el significado de la cita, dando énfasis a alguna palabra o cambiar su estilo, ejemplo.