Personalizar viñetas en Blogger – Rooms – Money

Las viñetas corresponden a texto separado entre líneas, las cuales se identifican con la etiqueta ul y cada línea en las viñetas se determinan mediante li.

Estas son viñetas normales:

• Lorem 1


• Ipsum 2


• Lipsum 3

Podemos personalizar el ícono que se encuentra en la parte izquierda del texto, o bien personalizar las posiciones, espaciados, etc.

¿Cómo personalizar las viñetas?

Es necesario que sepas, que es posible definir el tipo de viñeta con el atributolist-style, el cual posee varios tipos y detallaremos y ejemplificaremos cada uno de ellos.

Estos son los tipos de viñetas que existen de manera genérica en CSS:

• disc


• circle


• square


• decimal


• lower-roman


• upper-roman


• lower-alpha


• upper-alpha


• none

Tipos de viñetas:

Disc: Esta es la viñeta genérica, corresponde a la que es utilizada por defecto en el navegador, es un círculo con un área oscura:

• Lorem 1


• Ipsum 2


• Lipsum 3

Circle: Esta viñeta al igual que disc es un círculo, pero ésta no posee un área, sólo es un contorno.

• Lorem 1


• Ipsum 2


• Lipsum 3

Square: Esta corresponde a un cuadrado con un área oscura:

• Lorem 1


• Ipsum 2


• Lipsum 3

Decimal: Esta viñeta corresponde a líneas enumeradas con números decimales:

• Lorem 1


• Ipsum 2


• Lipsum 3

Lower-Roman: Enumeración en números romanos en minúsculas:

• Lorem 1


• Ipsum 2


• Lipsum 3

Upper-Roman: Enumeración en números romanos en mayúsculas:

• Lorem 1


• Ipsum 2


• Lipsum 3

Lower-Alpha: Orden alfabético en minúsculas:

• Lorem 1


• Ipsum 2


• Lipsum 3

Upper-Alpha: Orden alfabético en mayúsculas:

• Lorem 1


• Ipsum 2


• Lipsum 3

None: Sin viñetas:

• Lorem 1


• Ipsum 2


• Lipsum 3

Además de los tipos de viñetas genéricas, es posible usar imágenes gracias al atributo URL.

Definiendo las viñetas de las entradas:

Para aplicar el tipo de viñeta en las entradas es necesario que crees la síntaxis básica CSS:

.post ul li {
list-style:
}

En el valor list-style, deberás escoger algún tipo de viñeta, veamos un ejemplo:

.post ul li {

list-style: square;

}

Como se puede apreciar, he utilizado el tipo square (Cuadrado).

Usando imágenes:

Para definir una imagen como viñeta, se puede hacer gracias al siguiente patrón:

list-style-image:url(URL-DE-LA-IMAGEN);

Ejemplo de la síntaxis:

.post ul li {
list-style-image:url(URL-DE-LA-IMAGEN);
}

Resultados:

• Lorem 1


• Ipsum 2


• Lipsum 3

• Lorem 1


• Ipsum 2


• Lipsum 3

Importante:

• Recuerda que los atributos CSS que crees, siempre van antes de /b:skin.


• Para personalizar todas las viñetas (No sólo las de las entradas) elimina la línea .post en el selector.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,Selling annuity payments for cash,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Online casino Attorney Life insurance co Lincoln Dallas Mesothelioma Attorneys Donate a Car in Maryland Hire php programmers motor replacements Service business software automobile accident attorney Casino reviews MASSAGE SCHOOL DALLAS TEXAS Criminal Defense Attorneys Florida Mobile casino Personal Injury Lawyers Donate cars Illinois structured settlement blog Casino Live casino Online Colleges selling annuity payments for cash structured settlement cash out AUTOMOBILE ACCIDENT ATTORNEY NEUSON benchmark lending utah mesothelioma lawyer mesothelioma symptoms Social media campaigns Car Insurance Quotes MN Life Insurance Co Lincoln fast cash for house hair removal washington dc arizona auto accident attorney structured settlement agreement DONATE CARS IN MA car insurance quotes colorado state of california car insurance workplace accident attorney adverse credit remortgage auto insurance cost by state Sell Annuity Payment mesothelioma lawsuit Online College Course Best social media platforms Seo services MOTOR REPLACEMENTS structured settlement investments Make money online Australia email bulk service Psychic for Free Register Free Domains DUI lawyer WordPress theme designers Paperport promotional code integrated ehr Car Insurance Quotes PA Online Motor Insurance Quotes seattle mesothelioma lawyer supportpeachtreecom tennessee mesothelioma lawyer HOLLAND MICHIGAN COLLEGE Dayton freight lines Html email Car insurance quotes MN LIFE INSURANCE CO LINCOLN car accident lawyer in san diego Tech school Hire php developers mesotheioma mesothelioma lawyer chicago cheap car insurance in virginia holland michigan college structured settlement buyers cheap auto insurance in va att call conference georgia truck accident lawyer Dwi lawyer donate old cars to charity Motor Replacements WordPress hosting Criminal lawyer Online motor insurance quotes Criminal defense lawyer Motor Insurance Quotes Hire php developer Donate your car for money PHD on Counseling Education pharmacist jobs in chicago Php programmers for hire Donate Car to Charity California ONLINE MOTOR INSURANCE QUOTES mesothelioma Donating a Car in Maryland structured settlement need cash now cash out structured settlement register free domains donate your car for money DONATE A CAR IN MARYLAND Bankruptcy lawyer Computer science classes online Social media platforms personal injury attorney ocala fl Php programmers accident attorney orange county washington mesothelioma attorney Car Insurance in South Dakota Seo companies auto insurance yuba city ca Photo Christmas cards BEST CRIMINAL LAWYER IN ARIZONA Best Criminal Lawyers in Arizona structered settlement Best social media platforms for business semi truck accident lawyers New social media platforms Business finance group