Posts Tagged ‘css’

3 formas de convertir los comentarios de mayúsculas a minúsculas en wordpress

November 28th, 2009

Se dice en Internet que escribir con mayúsculas significa, GRITAR!!!!..  tal vez sea así o tal vez no, pero personalmente para mi esto es molesto, ¿por que? por que se me dificulta leer varios párrafos de un escrito que esta en puras mayúsculas, Y no!, no estoy ciego, ni ocupo lentes, solo que me pierdo al estar leyendo así.

Y bueno, si estas igual que yo y estas buscando una solución para eliminar este tipo de comentarios en wordpress(sin borrarlos o editarlos manualmente).
Por ejemplo:
cambiarmayusculasaminusculas

Te recomiendo alguna de estas 3 soluciones que seguramente te ayudarán a evitar comentarios de ese tipo en tu blog.

Mata Mayúsculas

La primera es utilizar un pluging para wordpress llamado “Mata Mayúsculas” este me lo tope gracias a este post (Link) de Cristhian. Se trata de un plugin de wordpress que mediante programación PHP hace un reemplazo de cada comentario original y lo transforma a minúsculas.
» Leer el resto de la entrada: 3 formas de convertir los comentarios de mayúsculas a minúsculas en wordpress

How to: Crear listas anidadas de colores con CSS

November 13th, 2009

No se si el titulo que le puse a esta entrada sea el indicado, pero tiene que ver con listas de  html y css, la idea es crear listas dentro de otra lista con distintos colores y formato, el resultado debe ser algo como la imagen de abajo, donde cada rectángulo representa un área que se puede modificar a nuestro gusto, sin afectar a los demás.

Creando listas enlazadas de colores con css

En este ejemplo utilizare listas “padre” <ul> </ul> que pueden tener “hijos” <li></li> y estos hijos a su ves pueden tener otro padre y ese padre puede tener mas hijos <li> y así consecutivamente, por eso se llaman listas anidadas.  El uso que se le puede dar a esto es en los menús, estos menús pueden tener subcategorías y esas subcategorías pueden tener mas subcategorías.

Ejemplo:

<ul class="ul">
    <li> Home
         <ul>
          <li>Sub 1 Home </li>
          <li>Sub 1 Home </li>
         </ul>
      </li>
  <li> Themes</li>
</ul>

Resultado:

  • Home
    • Sub 1 Home
    • Sub 1 Home
  • Themes

Como podrán observar la categoría Home tiene un submenú ul y de la misma forma se pueden ir agregando mas submenús.
» Leer el resto de la entrada: How to: Crear listas anidadas de colores con CSS

Dividir en varias columnas las categorias, tags y paginas en wordpress

October 30th, 2009

logo de wordpress

Hace un par de días leía un foro y me encontré un tema donde un morro pregunto que si como se podía dividir su blogroll en dos columnas, iba responderle como hacerlo pero alguien mas se me adelanto. Por ese motivo hoy decidí publicar lo que le iba responder, pero lo siguiente no solo sirve para dividir el blogroll, si no también para las tags, categorías y paginas, incluso sirve para paginas que no utilizan wordpress ya que se hace con CSS y listas html ul, li y divs.
» Leer el resto de la entrada: Dividir en varias columnas las categorias, tags y paginas en wordpress

How to: Crear bordes redondos con CSS y chicanearlos en IE8

September 8th, 2009

Hoy les voy a dar unas clases de CSS, vamos a redonderle los bordes a unos div o cajitas que no son lo mismo que las tablas(las tablas son para mostrar datos, no para crear una web con tablas y celdas, no mamen!), primero de la forma normal y después de la forma chicaneada :P
Empezamos, según la w3c que es la encargada de establecer todos los estándares web para facilitarnos la vida (simon!), si queremos redondear las esquinas de un elemento html se hace de la siguiente forma.
Añadiendo border-radius:10px; a las propiedades de nuestros elementos, donde obviamente el 10px puede variar dependiendo de que tan redondas queremos las esquinas, si colocan esa propiedad así como la puse, las cuatro esquinas del DIV quedaran redondas, pero que pasa si solo queremos las dos esquinas de abajo redondas? o las dos de arriba? o las de la derecha o solo una? Bueno, para eso tenemos las siguientes propiedades que nos facilitaran eso.
» Leer el resto de la entrada: How to: Crear bordes redondos con CSS y chicanearlos en IE8

How to: Colocar imágenes en las categorías del blog

August 18th, 2009

Hace un par de semanas escribí un tutorial en forobeta donde mostraba como colocar una imagen con un link para entrar a determinada categoría de un blog en wordpress en ves de mostrar solo un link de texto.

Para hacer esto es muy sencillo, tan solo deben colocar este pedazo de código donde quieren que aparezca la imagen.

< ?php if(is_category('CELULARES')) { ?>
<a href="http://rutadelacategoria.com/CELULARES"><img src="http://rutadelaimagen.com/img.png" tag="Siempre llenen este campo con un texto alterno" border="0"/></a>
< ?php }?>

En la primer linea preguntamos if/si la categoría es CELULARES, si lo es entonces coloca la imagen de la ruta que colocamos, si no es igual a esa categoría no hace nada. Si ustedes quieren cambiar la categoría solo deben reemplazar la palabra CELULARES por la categoría deseada.
» Leer el resto de la entrada: How to: Colocar imágenes en las categorías del blog

Ya no quiero jugar con ie6, es el diablo!

July 4th, 2009

momentile-final

Para quienes no sepan que es ie6 les informo, es el Internet Explorer en su versión 6 que viene con Windows XP, un explorador viejo que no cumple con los estándares w3c, es inseguro y es odiado por muchos diseñadores web. ¿Por que? pues porque actualmente existen muchos tipos de navegadores como lo son Firefox, Opera, Chrome,Safari,ie8 entre otros. Y que todos estos navegadores cumplen con la mayoría si no es que todos los estándares que propone la w3c que le hacen  la vida mas  fácil al diseñador  al momento de diseñar una web, una buena hoja de estilos CSS hace que tu página se vea muy bonita, acomodada como tu quieres y muy fácil de editar sin modificar casi nada para que funcione perfectamente en todos los navegadores actuales.  Pero, esta felicidad se acaba cuando te das cuenta que no solo tienes que dejar bonita tu página para los navegadores actuales, si no que tienes que regresarte en el tiempo y también tienes que adaptarla a versiones viejas del navegador ie6 porque  todavía lo utiliza mucha gente, sobre todo quienes tienen XP sin actualizar.
» Leer el resto de la entrada: Ya no quiero jugar con ie6, es el diablo!

¿Que ha pasado esta semana?

June 26th, 2009

calendario-anual

Estamos a Jueves, lo se. Pero han pasado tantas cosas buenas y malas que he decidido publicar desde hoy esta entrada antes de que se me olvide todo :P , así ya solo voy editando y agregando lo que suceda de aquí al sábado.
» Leer el resto de la entrada: ¿Que ha pasado esta semana?