#ayuda html

[regardis]

Tutorial de HTML/CSS: ¿Cómo poner una imagen como bullet point con CSS?

En este tutorial de HTML/CSS te enseñaremos cómo colocar una imagen como bullet point (viñeta). Esto quiere decir que podrás personalizar tus listas con pequeñas imagenes pixel y más. Leer más.

[mrsregbo]

Bueno, hace poco llegó un ask a universityofoxfordrp sobre el responder los starteres con el mismo formato con el que se publicó, o sea, la moda ahorita -incluso en rps grupales- de hacer todo con letras pequeñas, esto básicamente se hace por estética y según mi punto de vista, no es obligatorio responderlo igual. Sin embargo, hay personitas allá afuera que no saben como hacer esto (y quizás por eso no responden igual) así que hice un pequeño y rápido tutorial para aprender a hacer esto y espero que sea entendible y les sirva de algo.

Primero que nada tenemos que entrar al editor de HTML de nuestro texto que se encuentra en la parte superior del editor del texto:

y es este botón:

Dentro vamos a encontrar un montón de caracteres extraños como esto: 

Cada <blackquote> es una cita, cada <p> es un salto de párrafo, y cada <img alt= ...> es un gif / imagen que se incertó en nuestro post, lo demás es texto. 

Ahora ¿Cómo vamos a hacer que el texto sea pequeño? Bueno, eso es fácil, se debe de agregar un <small> antes de cada parrafo y un </small> después de cada párrafo, no podemos olvidar el / cuando cerramos el párrafo ya que sino el HTML marcará error y no se editará nada. 

Para hacer esto primero tenemos que buscar nuestra respuesta (que ya escribimos con letras normales y le pusimos un bello gif (o no) dentro del html aparecerá entre <blackquote> y es más o menos así:

Ahora lo que tenemos que hacer es agregar el <small> al inicio del párrafo, el nuevo editor de html de tumblr te coloca automáticamente el cierre de cada acción, como esto:

Y lo único que tenemos que hacer, sería borrar el </small> y colocarlo de nuevo al final del párrafo antes del </p>

Y Voilà tenemos un nuestras letras pequeñas en nuestro post.

Otra manera para hacer esto es copiar y borrar el texto que escribimos, ir a HTML y debajo del <blackquote> escribir <p><small> el editor de tumblr terminará las acciones y en medio de todo aquello pegar nuestro texto, después salir de html e insertar el gif y listo.

Espero que esto les haya ayudado y sobretodo que sea fácil de entender, si necesitan cualquier otra cosa solo pregunten, no seré experta en HTML pero un par de cositas si sé y no me molesta explicarles.