Este post va dirigido a quienes como yo no han estudiado nada de informatica,a los que no tienen idea de lenguaje html y sin embargo tienen un blog o una pagina web y quieren ir mejorando.

Gracias a mi amiga Alejandra,(Nopalitux),para la cuál escribo ahora en su web “Donde.in“,por que me sugirió lo de las barritas resaltadas y tuvo la amabilidad de enseñarme a hacerlas.

Yo voy a explicar como lo hago en wordpress,vale?

Bueno,vamos al asunto.

Lo primero es editar el archivo Style css de tu blog(Panel administración/Apariencia/Editor/Style css.Y al final de todo pegamos el codigo.


.bluebox {
background: #9DD1F2;
border-top: 2px solid #419ED9;
border-bottom: 2px solid #419ED9;
text-align: center;
padding: 5px 20px;
}

.bluedarkbox {
background: #cedff7;
border-top: 2px solid #3a589f;
border-bottom: 2px solid #3a589f;
text-align: center;
padding: 5px 20px;
}

.yellowbox {
background: #FFF6BF;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
text-align: center;
padding: 5px 20px;
}

.redbox {
background: #ffcccc;
border-top: 2px solid #c90404;
border-bottom: 2px solid #c90404;
text-align: center;
padding: 5px 20px;
}

.greenbox {
background: #D0F29D;
border-top: 2px solid #9CD941;
border-bottom: 2px solid #9CD941;
text-align: center;
padding: 5px 20px;
}

.greybox {
background: #f2f2f2;
border-top: 2px solid #CCC;
border-bottom: 2px solid #CCC;
text-align: center;
padding: 5px 20px;
}


Guardamos la configuración y vamos a probar si todo salió bien.



Abrimos para escribir un “Nuevo Post”.Hay que ir a la pestaña HTML y allí incluir el codigo que nos interese por su color.Dejo unas imagenes que me mandó Alejandra con la lista de como se verá en codigo y como se verá una vez publicado.

Advierto que según lo escribes no se verá,solo en la vista previa y una vez publicado.



Ahora puedes leerme tambien en:

  • Donde.in
  • Pescado Enjabonado


  • Si te gustó el post puedes votarlo en:

    Comments (12) »