2 abr. 2014

♥[TUTORIAL] List-style♥


 Hoy traigo un nuevo tutorial a petición, os explicaré como cambiar los List-style 

  1. Los list-style son literalmente lo que veis en la imagen, en la primera parte, es como sale por defecto en Blogger y en la segunda parte es como actualmente lo tengo yo.
Mucha gente ha estado buscando tutoriales para cambiar esos "numeritos y puntitos", yo encontré uno pero no funcionaba, sólo cambiaba el estilo de los números, probé varias cosas hasta que dí con la solución, así que la comparto con vosotros!

Antes que nada aclaro que el código no es de mi creación (abajo están los créditos), yo sólo lo modifiqué ya que por un error que tenía, el estilo de lista no salía. Aún así, parte de los créditos son míos.

Muy bien, solo tienes que seguir los siguientes pasos:

  • Plantilla
  • Edición HTML
  • Clickeas sólo una vez en el cuadro de dentro donde te salen todos los códigos y presionas Ctrl + F
  • En la pestañita que te sale copia ]]></b:skin> y pulsas Enter
  • Justo arriba de eso pegas este código:

ul li {
list-style: url(URL DE LA IMAGEN PARA PUNTOS);
}
li {
list-style: url(URL DE LA I MAGEN PARA NÚMEROS);
}
Si en vez de una imagen queréis poner algún símbolo, pegáis este código en vez del anterior:
ul li {
list-style: TIPO;
}
li {
list-style: TIPO;
}
TIPO: Copia el estilo que más te guste.


Estilos lista
  • list-style: circle
  • list-style: disc
  • list-style: square
Estilos numerales
  • list-style: armenian
  • list-style: cjk-ideographic
  • list-style: decimal-leading-zero
  • list-style: georgian
  • list-style: hebrew
  • list-style: hiragana
  • list-style: hiragana-iroha
  • list-style: katakana
  • list-style: katakana-iroha
  • list-style: lower-alpha
  • list-style: lower-greek
  • list-style: lower-latin
  • list-style: lower-roman
  • list-style: upper-alpha
  • list-style: upper-latin
  • list-style: upper-roman
  • list-style: decimal
  • list-style: none

Y eso es todo, espero que me hayan entendido, si tienes alguna duda, coméntala 
Créditos {XX}

2 comentarios:

  1. a ver si me sale :33
    por cierto te ha quedado muy lindo el diseño *//* ~
    saludos :*

    ResponderEliminar

¡Hola gatito! Deja tu huellita cumpliendo las normas ^^
- No insultes.
- No hagas spam.
- No pongas publicidad.
- Se respetuoso conmigo y con los demás.

Kaomoji: (☆ω☆) (≧◡≦) (⌒ω⌒) ヽ(♡‿♡)ノ (*♡∀♡) (//▽//) (*/ω\) (o^ ^o) (;⌣̀_⌣́) (¬_¬;) ( ╥ω╥ ) Σ(ºOº|||) (@_@) (・_・;) (・・ ) ? (O.O) ε=ε=ε=ε=┌(; ̄▽ ̄)┘ (∪。∪)。。。zzZ (=^・ω・^=) ヽ( ⌒o⌒)人(⌒-⌒ )ノ (-‸ლ)

Si tus comentarios no cumplen estas normas, serán eliminados.
Todos los comentarios se publicarán tras mi aprobación :3