رنگ لیست استایل

[SadraHkm 20]

سلام دوستان

من این کد رو وارد کردم توی css

.widget-left-box .squares {
    list-style: inside none square;
}

حالا میخوام رنگ این مربع رو عوض کنم . با چه کدی میتونم رنگش رو عوض کنم ؟

[Ghaem 1492]

سلام دوستان

من این کد رو وارد کردم توی css

.widget-left-box .squares {
list-style: inside none square;
}

حالا میخوام رنگ این مربع رو عوض کنم . با چه کدی میتونم رنگش رو عوض کنم ؟

این نمونه رو ببینید:

http://jsfiddle.net/leaverou/ytH5P/

[علی زینلی 2114]

سلام ، البتّه باید از ■ استفاده کنید به جای • که میشه شکل لینک زیر:

http://jsfiddle.net/ytH5P/5438/

میتونید برای گرافیکی تر شدن کار از عکس هم استفاده کنید.

[SadraHkm 20]

سلام ، البتّه باید از ■ استفاده کنید به جای • که میشه شکل لینک زیر:

http://jsfiddle.net/ytH5P/5438/

میتونید برای گرافیکی تر شدن کار از عکس هم استفاده کنید.

ممنون دوست عزیز حل شد

چطور میتونم با content شکل های دیگه بسازم ؟ یعنی شکلاش کجا هستن ؟

ویرایش شده مرداد 94 توسط hcp90

[Ghaem 1492]

ممنون دوست عزیز حل شد

چطور میتونم با content شکل های دیگه بسازم ؟ یعنی شکلاش کجا هستن ؟

کلید ALT رو + اعداد سمت چپ کیبورد فشار بدید.

☺

☻

♥

♦

♣

♠

•

◘

○

◆

▲

▼

△

▽

✦

✧

♔

♕

♚

♛

★

☆

✮

✯

☄

☾

☽

☼

این هم لیست کامل (ببخشید تاپیک رو کمی به هم ریخت):

☮ ✈ ♋ 웃 유 ☠ ☯ ♥ ✌ ✖ ☢ ☣ ☤ ⚜ ☸ ♨ ❖ ❤ ❥ ❦ ❧ ♡ ✗ ✘ ⊗ ♒ Ω ♦ ♠ ♥ ♣ ♢ ♤ ♡ ♧ ✦ ✧ ♔ ♕ ♚ ♛ ★ ☆ ✮ ✯ ☄ ☾ ☽ ☼ ☀ ☁ ☂ ☃ ☻ ☺ ۩ ♪ ♫ ♬ ✄ ✂ ✆ ✉ ∞ ♂ ♀ ☿ ▲ ▼ △ ▽ ◆ ◇ ◕ ◔ ʊ ϟ ღ 回 ₪ ✓ ✔ ✕ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ™ © ® ¿¡ №⇨ ❝❞ ∃ ⊥ ∀ Ξ ∞ Σ Π

$ ₣ ¢ £ ¤ ¥ ฿ ₠ ₡ ₢ ₣ ₤ ₥ ₦ ₧ ₨ ₩ ₫ ₪ € ＄ ￠ ﹩ ￡ ￥ ￦

™ ℠ © ® ℗

⅟½⅓¾⅔⅕⅖⅗⅘⅙⅚⅛⅜⅝⅞

≂ ≃ ≄ ≅ ≆ ≇ ≈ ≉ ≊ ≋ ≌ ≍ ≎ ≏ ≐ ≑ ≒ ≓ ≔ ≕ ≖ ≗ ≘ ≙ ≚ ≛ ≜ ≝ ≞ ≟ ≠ ≡ ≢ ≣ ≤ ≥ ≦ ≧ ≨ ≩ ⊰ ⊱ ⋛ ⋚

Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ Ⅼ Ⅽ Ⅾ Ⅿ ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹ ⅺ ⅻ ⅼ ⅽ ⅾ ⅿ

➀➁➂➃➄➅➆➇➈ ➉ ➊➋➌➍➎➏➐➑➒➓

ⒶⒷⒸⒹⒺⒻ ⒼⒾⒿⓀ ⓁⓂⓃⒽ ⓄⓈⓅⓆ ⓇⓉ ⓊⓋⓌⓍⓎⓏ ⓐⓑⓒⓓⓔⓕⓖⓗ ⓘⓙⓚⓛⓜⓝ ⓞⓟⓠⓡⓢⓣ ⓤⓥⓦⓧⓨⓩ

ಐ ಓ ಔ ಕ ಖ ಗ ಘ ಙ ಝ ಞ ಲ ಶ ಹ ೀ ಾ ಿ ಧಿ ೈ ೋ ೌ ೬ ೂ ೄ ભ મ ય ર લ ળ વ શ ષ સ હ ઼ ઽ ા િ ી ુ ૂ ૃ ૄ ૅ ે ૈ ૉ ો ૌ ્ড ঢ ণ ত থ দ ধ ন প ফ ব ভ ম য র ল শ ষ স ঁ ং ঃ অ আ ই ঈ উ ঊ ঋ ঌ এ ঐ ও ঔ ক খ গহ

㌹ – ㍭ – 頹 – 衙 – 浳 – 浤 – 搰 – 煤 – 洳 – 橱 – 橱 – 煪 – ㍱ – 煱 – 둻 – 睤 – 楤 – ぱ – - 椹 – ぱ – ㍵ – 畱 – 煵 – 田 – つ – 煵 – 엌 – 嫠 – 쯦 – 案 – 迎 – 是 – 從 – 事 – 網 – 頁 – 設 – 計 – 簡 – 大

♚ ♛ ♜ ♝ ♞ ♟ ♔ ♕ ♖ ♗ ♘ ♙

♦ ♠ ♥ ♣ ♢ ♤ ♡ ♧

❂ ⋆ ✢ ✣ ✤ ✥ ✦ ✧ ✩ ✪ ✫ ✬ ✭ ✮ ✯ ✰ ★ ✱ ✲ ✳ ✴ ✵ ✶ ✷ ✸ ✹ ✺ ✻ ✼ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ╰☆╮ ✡ ❂ -‘๑’- ⎈

☚ ☛ ☜ ☝ ☞ ☟ ✌

☩ ☨ ☦ ✙ ✚ ✛ ✜ ✝ ✞ ✠

✽ ✾ ✿ ❀ ❁ ❃ ❋

♪ ♫ ♩ ♬ ♭ ♮ ♯

☼ ☀ ❂ ☁ ☂ ☃ ☄ ☾ ☽ ❄ ☇ ☈ ⊙ ☉ ℃ ℉ ° ❅ ✺ ϟ

✌ ☮ ♆ 卐

☪ ✡ † ☨ ✞ ✝ ☥ ☦ ☓ ♁ ☩

Ⓐ ☭ ✯

❤ ❥ ❣ ❦ ❧ ♡ ♋ ♂ ♀ ☿ 웃 유 ღ ۵

✉ ✍ ✎ ✏ ✐✑✒

☑ ✓ ✔ √

☐ ☒ ☓ ✕ ✖ ✗ ✘ ✇

% ℅ ‰ ‱

頹 – 衙 – 浳 – 浤 – 搰 – ㍭ – 煤 – 洳 – 橱 – 橱 – 煪 – ㍱ – 煱 – 둻 – 睤 – ㌹ – 楤 – ぱ – - 椹 – ぱ – ㍵ – 畱 – 煵 – 田 – つ – 煵 – 엌 – 嫠 – 쯦 – 案 – 迎 – 是 – 從 – 事 – 網 – 頁 – 設 – 計 – 簡 – 大 ✁ ✂ ✃ ✄ ✆ ☎ ☏ ❝❞ «» ‶ ‷‴ ‹ › 〈 〉 ‸^ ′ ″ ‵ ‘ ’ ‚ ‛ “ ” „ ‟ ⌚ ⌛ ❂ ○ ◎ ● ◯ ◕ ◔ ◐ ◑ ☢ ⊗ ⊙ ◘ ◙ ◍ ❢ ❣ ⁇ ⁈ ⁉ ‼ ‽ ！ ! ➟ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➚ ➘ ➙ ➛ ➜ ➝ ➞ ➸ ♐ ➲ ➳ ➳ ➴ ➵ ➶ ➷ ➸ ➹ ➺ ➻ ➼ ➽ ← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙ ↚ ↛ ↜ ↝ ↞ ↟ ↠ ↡ ↢ ↣ ↤ ↥ ↦ ↧ ↨ ➫ ➬ ➩ ➪ ➭ ➮ ➯ ➱ ↩ ↪ ↫ ↬ ↭ ↮ ↯ ↰ ↱ ↲ ↳ ↴ ↵ ↶ ↷ ↸ ↹ ↺ ↻ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂ ⇃ ⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇊ ⇋ ⇌ ⇍ ⇎ ⇏ ⇐ ⇑ ⇒ ⇓ ⇔ ⇕ ⇖ ⇗ ⇘ ⇙ ⇚ ⇛ ⇜ ⇝ ⇞ ⇟ ⇠ ⇡ ⇢ ⇣ ⇤ ⇥ ⇦ ⇧ ⇨ ⇩ ⇪ ⌦ ⌧ ⌫ ⇫ ⇬ ⇭ ⇮ ⇯ ⇰ ⇱ ⇲ ⇳ ⇴ ⇵ ⇶ ⇷ ⇸ ⇹ ⇺ ☉

[علی زینلی 2114]

پیرو توضیحات دوست خوبم قائم

این سری از اشکال symbol نامیده میشوند که میتونید از طریق Character Map که در ویندوزتون تعبیه شده داشته باشیدشون و همینطور میتونید از سایت های دیگه مثل: http://fsymbols.com/ که مرجع کامل برای تبدیل متن به فونت های سیمبول یا درست کردن تکست آرت هستن استفاده کنید.

[Ghaem 1492]

پیرو توضیحات دوست خوبم قائم

[prodesign 12]

از لینک زیر استفاده کن

http://stackoverflow.com/questions/5306640/setting-bullet-colors-in-ul-li-lists-via-css-without-using-images-or-span-tags