En una otra vida, estaba cronista para la revista francesa "Jazz Hot". Todavía me gusta el jazz, con una preferencia por el contrabajo. No me pregunte porque, no lo sé. Todo lo que sé es que no hay un contrabajista que no me gusta, aunque el estilo de jazz que toca no es lo que me va.

    Pero mi contrabajista preferido siempre fué, y siempre será, Ray Brown. Coloqué un video de su trio (con pianista Gene Harris y batería Jeff Hamilton) hace algunas semanas. Aquí es Ray de nuevo, con pianista Oscar Peterson y batería Ed Thigpen.

 

 

 

 

 

     Para insertar esté video, copié el codigo "embed" dado por Youtube a la derecha del video en la ventana emergente que se abre cuando haces clic en "Insertar un video". Pero personalicé en primo lugar el player (con un clic en la "rueda" a la derecha del codigo), escogiendo las colores y el tamaño :

 

 

     (en Dailymotion, el codigo "embed" se encuentra debajo del video)

 

    Hoy, vamos a echar un ojo a las líneas donde puedes personalizar tu encabezado y tu pié de página :

/* entete */
#ln_0    { margin: 0; }
#cl_0_0 {width:100%; margin: 0;}
#top    {margin-bottom: 3px;padding: 10px 10px 0 10px;font-size: 24px;font-weight: bold; text-align: left; }
#top h1 { padding:0px; margin:0px; }
.topLien, .topLien:hover {text-decoration:none; margin:0; padding:0;}

/* Bas de page */
#cl_2_0 {width:100%; margin-top:5px;}
#footer   {clear:both;padding: 5px;text-align:center;}
#footer a     { text-decoration:none; color:#62CBED; }
#footer a:hover { text-decoration:underline; color:#5FA3C5;}
#footer p { margin:0px; padding: 10px; background:#ddd; }

#ln_1 { margin-top: 0px; padding-top: 5px; }

    Pongo de nuevo el esquema de Cln, que será más claro que veinte líneas de explicaciones.



    #top h1 es el encabezado (h1) que hay en el encabezado de tu página (#top). Dicho de otro modo, el título del blog.
    .topLien es el enlace asociado por defecto al título del blog, y .topLien:hover determina el comportamiento de esté enlace cuando el ratón pasa encima de ello.


    #footer a es el enlace que se pone por defecto en el pié de página (por ejemplo : juguemos.con.css), y sabes lo que es #footer a:hover, ¿ no ?
    #footer p introduce una nueva noción : la del espaciamiento entre parrafós.



    Prosigamos con las líneas donde puedes personalizar la paginácion :

.pagination {padding: 2px;text-align: center;}
.currentPage { padding: 0 2px 0 2px;}
.textFirst { padding-right: 15px;}
.textPrevious { padding-right: 10px;}
.previousPage { padding-right: 2px;}
.nextPage { padding-left: 2px;}
.textNext { padding-left: 10px;}
.textLast { padding-left: 15px;}

    Y con un esquema, todo se hace evidente :



    Aquí son los cambios que hice :

.pagination {padding: 4px;text-align: center; border: 3px double #8B0000; background-color: #FFDA85; font-size: 13px;}
.currentPage { padding: 0 2px 0 2px; border: 1px solid #8B0000;}
.textFirst { padding-right: 15px; background-color: transparent; text-decoration: underline; font-weight: bold; }
.textPrevious { padding-right: 10px; background-color: transparent;}
.previousPage { padding-right: 2px; background-color: transparent; }
.nextPage { padding-left: 2px; background-color: transparent; }
.textNext { padding-left: 10px; background-color: transparent; }
.textLast { padding-left: 15px; background-color: transparent; text-decoration: underline; font-weight: bold; }