CSS archivos - el blog de giltesa https://giltesa.com/tag/css Sat, 06 Jan 2018 12:03:21 +0000 es hourly 1 https://wordpress.org/?v=6.3.1 79349975 Actualizado los botones a los comentarios https://giltesa.com/2011/06/26/actualizado-los-botones-a-los-comentarios https://giltesa.com/2011/06/26/actualizado-los-botones-a-los-comentarios#respond Sun, 26 Jun 2011 18:46:54 +0000 https://giltesa.com/?p=6434 Una de las cosas que quería hacer en cuanto tuviera algo de tiempo era en modernizar un poco los estilos que vienen por defecto con el theme chocotheme. Para el que no lo recuerde por defecto vienen en plan «No tienes comentarios», «Tienes un comentario», «Tienes % comentarios». Pues bien, hace poco salio la RC […]

La entrada Actualizado los botones a los comentarios aparece primero en el blog de giltesa.

]]>
Una de las cosas que quería hacer en cuanto tuviera algo de tiempo era en modernizar un poco los estilos que vienen por defecto con el theme chocotheme. Para el que no lo recuerde por defecto vienen en plan «No tienes comentarios», «Tienes un comentario», «Tienes % comentarios». Pues bien, hace poco salio la RC de WordPress y la cual me dio por probar antes de que saliese la versión final.

Esta nueva versión viene acompañada por el theme  Twenty Eleven el cual esta completamente escrito en HTML5 e incluye muchas funcionalidades a la hora de escribir las entradas pues te permite publicarlas de muy diversas formas, cada una de ellas con una plantilla diferente según la entrada sea una galería de imágenes, sea una entrada corta en plan twitter, entrada normal, etc.

Pero eso no es a lo que voy, si no a la forma que tiene el theme para mostrar los comentarios mediante un icono con forma de nube la cual e implementado en mi theme actual.

Para ello lo principal era inspeccionar el código PHP del theme para encontrar en que sección se hace y como se hace la consulta para cargar los datos, el código era muy parecido al anterior pero no igual, una vez sustituido hay que aplicarle los estilos adecuados. Lo mejor en vez de ir por el syles.css  linea por linea buscándolos es usar el Opera Dragonfly o derivados, que permiten inspeccionar el código de las paginas webs y editar la copia local descargada, de modo que por ejemplo al clicar sobre un elemento, la nube, se nos muestra el código HTML y CSS correspondiente. Es entonces con unas búsquedas con FileSeek  cuando encontramos el texto en el fichero exacto o segun lo que necesitemos incluso podemos copiarlo directamente del Dragonfly.

Luego ya queda incluir cada código en su fichero correspondiente para hacerlo funcionar y sin demasiados problemas quedo así:

La entrada Actualizado los botones a los comentarios aparece primero en el blog de giltesa.

]]>
https://giltesa.com/2011/06/26/actualizado-los-botones-a-los-comentarios/feed 0 6434
Practica HTML, CSS, JavaScript: «Tienda Online» https://giltesa.com/2011/02/13/practica-html-css-javascript-tienda-online https://giltesa.com/2011/02/13/practica-html-css-javascript-tienda-online#comments Sun, 13 Feb 2011 03:35:29 +0000 https://giltesa.com/?p=5141 Enunciado: Hacer una tienda online sobre informática en la que habrá que aplicar lo aprendido durante el curso, es decir, HTML, CSS y JavaScript. Pulsando en leer mas se muestra todo el código, que no es poco. CÓDIGO HTML: [crayon-662da14fae364792307337/] CÓDIGO JAVASCRIPT: [crayon-662da14fae36e836878596/] CÓDIGO CSS: [crayon-662da14fae36f960554518/]

La entrada Practica HTML, CSS, JavaScript: «Tienda Online» aparece primero en el blog de giltesa.

]]>
Enunciado:

Hacer una tienda online sobre informática en la que habrá que aplicar lo aprendido durante el curso, es decir, HTML, CSS y JavaScript.

Pulsando en leer mas se muestra todo el código, que no es poco.

CÓDIGO HTML:


CÓDIGO JAVASCRIPT:


CÓDIGO CSS:


La entrada Practica HTML, CSS, JavaScript: «Tienda Online» aparece primero en el blog de giltesa.

]]>
https://giltesa.com/2011/02/13/practica-html-css-javascript-tienda-online/feed 23 5141