Viñetas Personalizadas en DW CS3

[shelsoker]

Hola Amigos:

Quisiera saber si alguno de ustedes alguna vez uso viñetas dentro de un texto hecho en dw, pero no son cualquier tipo de viñetas, en mi caso es una página de vinos, entonces lo que quiero es que en cada locación de las tiendas vaya una viñeta en forma de una botellita de vino, si alguien lo habrá hecho serian tan amables de comentarme como o alguna idea para hacer?

De antemano les agradezco su ayuda.

Saludos Cordiales.

[yorkfx]

Hola Shelsoker

Lo primero es tener la imagen de aprox 16x16 pixeles. Si ya la tienes entonces nos saltamos esto y abrimos el DW.

Creamos la lista como comunmente lo heces siempre seleccionando en la parte de propiedades de texto seleccionas lista son ordenar para que quede algo como esto

<ul>
<li>Uno</li>
<li>Dos </li>
<li>Tres </li>
</ul>

Ahora abres el panel de CSS Ventana > Estilos CSS

En la parte de abajo de este panel hay un boton que contiene una hoja y el signo de + para agregar una nueva regla, hacemos clic y aparecera la venta de Reglas CSS

Selecciona la opcion de Etiqueta y en la parte de abajo en la opcion de etiqueta escribes li o lo buscas en la lista que aparece. en la parte de definir lo puedes hacer en un documento CSS o dentro del mismo HTML eso ya es cosa de que tu decidas ya que hiciste todo esto deas clic en acepar.

Ahora se abre el panel de Definicion de Reglas aqui seleccionas la opcion de lista que aparece del lado izquierdo y en imagen de viñeta solo hace clic en examinar y buscas tu imagen y ya tienes una viñeta personalizada ten en cuenta que de ahora en adelante cada que se aplique una lista <ul><li></li></ul> todos tendran un vino como viñeta

es todo espero haberte ayudado

saludos