Si veis vuestro código fuente posiblemente veréis un css inline como este:

.recentcomments
a{display:inline !important;padding:0
!important;margin:0
!important}

Esto es algo que obviamente se puede optimizar. Para hacerlo copiamos este css y lo movemos a nuestro style.css de nuestro tema y luego editamos nuestro fichero /wp-includes/default-widgets.php Y comentar estas líneas:

if ( is_active_widget(false, false, $this->id_base) )
add_action( ‘wp_head’, array(&$this, ‘recent_comments_style’) );

Como:

//if ( is_active_widget(false, false, $this->id_base) )
//add_action( ‘wp_head’, array(&$this, ‘recent_comments_style’) );

Refrescamos y listo.


Os voy a hablar de CSSBlog.es, un blog sobre CSS que personalmente lo considero distinto a los demás que hablan de la misma materia.

Primero explicaré que es eso del CSS. Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores.

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.

En resumidas cuentas es el aspecto “estético” de una página, el diseño en si.

Sabiendo ya todos de que hablo, en esta web podemos encontrarnos con todo tipo de contenidos relacionados con CSS y lo que es muy importante, para todo tipo de niveles.

css blog 300x195 CSSBlog.es : Un blog sobre CSS diferente al resto

Nadie ha nacido sabiendo las cosas, con lo que este tipo de páginas son las que nos ayudan a todos a saber comprender el concepto y la utilización de las cosas. Además todo el contenido que podemos ver es gratuito, con lo que el seguir las publicaciones de este blog es más que recomendable.

Si nos damos una vuelta por él, además de contenido técnico y práctico, nos podemos encontrar con cosas tan curiosas como la de poder conocer cuales son las fuentes de tipos de letras más utilizadas.

Las fuentes son un recurso indispensable a tener en cuenta a la hora de crear nuestro blog/web, ya que gracias a ellas, haremos que un blog/web sea legible o ilegible.

A continuación se resumen las fuentes más usadas en el diseño:

HELVÉTICA, HELVETICA NUE, ARIAL: Quizás la más famosa.

VERDANA: Legible a tamaños pequeños.

GEORGIA: Parecida a Times New Roman, pero mucho mejor, usada como sustituto de Times.

TREBUCHET MS: Fuente con mucho resultado en cabeceras y en la etiqueta h1.

CENTURY GOTIC: Recomendada para pequeños bloques de texto y libros.

LUCIDA SANS UNICODE: Lucida Grande se utiliza en Mac, mientras que Lucida Sans es para Windows.

PALATINO: Diseñada para tamaños grandes.

GARAMOND, BASKERVILLE, CASLON: De las más antiguas, usada en el Señor de los Anillos y popularizada por Apple.

BAKERVILLE: Creada con la intención de mejorar la legibilidad de CASLON.

UNIVERS: Muy legible a distancia.

MYRIAD: Fuente corporativa de Apple desde 2002.

ROCKWELL: Una de las más flexibles, vale para casi todo, títulos grandes, pequeños…

WARNOCK: Creado por uno de los fundadores de Adobe, John Warnock.

DIN: Fuente moderna con muchas variantes.

GOTHAM: Muy legible a tamaños pequeños.

FRUTIGER: Tardó 7 años en acabar su diseño.

DAX: Utilizada por UPS.

Las que nos recomienda el autor son: Arial y Helvética, ya que son las más flexibles.

Esto y mucho más es lo que podemos ver en CSSBlog.ES.


Os dejo 50 sitios de temas y diseños de plantillas para blogs en WordPress.

  1. Theme Viewer
  2. 100 Excellent Free WordPress Themes
  3. 45+ Must See WordPress themes
  4. 83 Beautiful WordPress Themes
  5. Amazing WordPress Themes
  6. Best WordPress Themes
  7. Blog OH Blog
  8. Blogtheme
  9. Design Oahu
  10. Download free WordPress themes
  11. Elegant
  12. Free CSS Templates & WordPress Themes | CSS Design Templates
  13. FREE Premium WordPress Themes
  14. Free WordPress Themes
  15. Free wordpress themes
  16. Free wordpress themes – phpld templates
  17. Free WordPress Themes & phpLD Templates
  18. Free WordPress Themes | JAUHARI
  19. Free WordPress Themes and Skins, Custom WP Templates
  20. Free WordPress Themes and WordPress Tutorials
  21. Free WordPress Themes
  22. Free WordPress Themes, Plugins
  23. Global Internet Index
  24. How To Blog
  25. JohnTP.com
  26. Kate’s Theme Viewer
  27. Land of Free WordPress Themes
  28. Natty WP
  29. Ndesign Studio
  30. New WordPress themes release every week
  31. OS Designer – Open source templates
  32. Plaintex
  33. Pro Themes
  34. Revolution WordPress Theme
  35. Sanbox Design Competition
  36. Skins for WP
  37. Template Extreme
  38. Theme Porter – WordPress Themes , WordPress Templates
  39. Top WordPress Themes – Best Free Themes for WordPress
  40. WordPress | SkinPress.com
  41. WordPress Garden
  42. WordPress Graphics Co
  43. WordPress Theme
  44. WordPress Theme Corp
  45. WordPress Theme Gallery
  46. WordPress Themes
  47. WordPress Themes
  48. WordPress Themes
  49. WordPress Themes
  50. WordPress Themes

Borja me preguntaba por la forma de crear las citas donde aparece el texto que queramos dentro de una caja.

Para que nos entendamos el resultado sería este:

El resultado es este.

Para conseguirlo, simplemente tenemos que crear en nuestro CSS un elemento con los siguientes valores:

blockquote {border-left: 5px solid #555;padding: 0.7em 1em 0.7em 1em;
background: #eee url(http://helektron.com/img/bloque.gif) no-repeat
bottom right;margin-left: 2em;}

Y en el código basta con meter dentro de las etiquetas blockquote y /blockquote (con <> respectivamente) el texto en cuestión.

Lógicamente tendreis que cambiar la ruta de vuestra imagen (yo he empleado en el ejemplo: http://helektron.com/img/bloque.gif) y cambiarla como querais.

Además de poderle cambiar el nombre a blockquote por el que necesiteis.



Página 1 de 41234