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.




Comentarios

Nombre: Hamlet
Procedencia: Cuba
E-Mail: hamletperezcuellar@yahoo.es
Fecha de envío: 26 de abril de 2007, a las 16:09.
comentario:

Me ha gustado mucho, no he trabajado todavia con Php en la web ni he diseñado páginas dinámicas, esta me ha gustado mucho, su sencilles y utilidad sobrepasa mis espectativas. Gracias.


Colabore enviando su comentario

Nombre
Procedencia
Página web
E-mail *
Evaluación evaluarevaluarevaluarevaluarevaluarevaluarevaluarevaluarevaluarevaluar
Código de envío

Rellene este campo con la clave de la imagen: codigo de envío

Nota Importante

El campo E-Mail es obligatorio para activar por correo electrónico el comentario (si no desea que se haga público, marque la casilla "anonimato"). También es obligatorio el código "captcha" (el número que se ve en la imagen adjunta); y por supuesto, debe existir un comentario.

Puede encontrar información sobre este sistema de comentarios en este enlace: Ponga comentarios en su web.

Edición negrita cursiva subrayado   alineación izquierda alineación derecha alineación centrada alineación justificada   Insertar enlace insertar imagen   Emoticones: [:)] [:(] [:x] [BIEN] [MAL] [SI] [NO] [APLAUSOS] [MEJORABLE] [¡A VER!] [¡DÉJAME PENSAR!] [FLIPE] [¡SIN PALABRAS!]
Copyright © 2006-2018 www.caricatos.net
Visitas: 8652