
starlight moonlight - live preview // download
Fugue Music Player tab. Credit appreciated.
- Live preview : Fugue theme
- Music Player used : Billy Player - Tutorial
- Icon used : Ixora icons post
In the CSS part (above </style>)
#player
{position:fixed;
bottom:0px;
left:-170px;
height:10px;
padding:1px 8px 3px 1px;
letter-spacing:2px;
background-color:#000;
-moz-border-radius:0px 10px 0px 0px;
border-radius:0px 10px 0px 0px;
-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
#mus
{float:left;
color:#fff;
padding-left:100px;
-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
#player:hover #mus
{padding-left:0px;
opacity:0;}
#player:hover
{left:0px;}In the HTML part (after <body>) - you must retype ALL the quotation marks
{block:IndexPage}<div id=”player”>
<div style=”float:left;width:120px”>MUSIC PLAYER CODE</div>
<div id=”mus”><img src=”http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif” style=”margin-right:8px;”/> musique</div>
</div>{/block:IndexPage}
Tutorial : “Bubblebar”
Put this part in the CSS, above the tag </style>
#bubblebar
{font-family:consolas;
width:60px;
position:fixed;
right:15px;
bottom:70px;}
.bubble
{text-align:center;
float:right;
height:10px;
width:34px;
padding-top:12px;
padding-bottom:12px;
margin-top:10px;
overflow:hidden;
-moz-border-radius: 17px 17px 17px 17px;
border-radius:17px 17px 17px 17px;
-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
z-index:999;font-family:consolas;}
#vertical
{position:fixed
right:30px;
bottom:0px;
height:260px;
background-color: #f8c76f;
background-image:url(‘IMAGE URL’);
-moz-border-radius: 10px 10px 0px 0px;
border-radius:10px 10px 0px 0px; }
#bubble1 {border:3px solid #9ec1f2;
background-color:#ffffff}
#bubble1:hover
{padding:5px;
height:50px;
width:120px;
border:3px solid #4680d2;}
#bubble2
{border:3px solid #f795bc;
background-color:#ffffff;}
#bubble2:hover
{padding:5px;
height:50px;
width:120px;
border:3px solid #be2a65;}
#music
{border:3px solid #acacac;
background-color:#ffffff;}
#music:hover
{padding:5px;
height:50px;
width:50px;
border:3px solid #111111;}
#player{padding-bottom:5px;}Put this part above the tag </body>, retype ALL the quotation marks.
<div id=”vertical”></div>
<div id=”bubblebar”>
<div class=”bubble” id=”bubble1”><img src=”ICON I URL”/><br/><br/>
<div>bubble 1 text here</div>
</div>
<div class=”bubble” id=”bubble2”><img src=”ICON 2 URL”/><br/><br/>
<div>bubble 2 text here</div></div>
<div class=”bubble” id=”music”><img src=”MUSIC ICON URL”/>
<br/><br/>
<div id=”player”>MUSIC PLAYER CODE</div>
<div>title</div></div>
You will have to adjust the height/width of the bubbles on hover depending on the lenght of your text
You will find the icons on ixora, same for a music player code, I changed the colors from the example, it will be easier for you to see what is what…
Please like the post if you’re gonna use it because I spent the last hour rewriting it to be customizable. Thank you OTL

A few of my favorite fonts I like to use! For some of the fonts, I didn’t use my own uploaded links, because I feel that I don’t rly have the rights to do so. I just linked them to dafont.com. If you want more fonts, just go to dafont and you’ll be set! Reblogs/Likes are appreciated! ♥
Devil Breeze
![awesomaticrobotronic:
Some of these fonts, I like to use a lot and some of these fonts are just currently popular skinny I don’t take credit for making any of these. Most are all found at dafont.
Aovel Cool | SF Movie Poster | Sweetly Broken | Figure Writing | Apple Garamond | Second Lyrics | Old London | Skinny | Fangtasia | Trajan Pro
[ D O W N L O A D A L L ]](http://25.media.tumblr.com/tumblr_lz9e8mhtUm1qcy2fio1_500.png)
Some of these fonts, I like to use a lot and some of these fonts are just currently popular
skinnyI don’t take credit for making any of these. Most are all found at dafont.Aovel Cool | SF Movie Poster | Sweetly Broken | Figure Writing | Apple Garamond | Second Lyrics | Old London | Skinny | Fangtasia | Trajan Pro
Hello Kitty
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
Kitties
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
Brown Kaos
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
Pandas
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
I do not own these. I didn’t make them. But they were made for emoticon purposes, so yes, they are free to save and use!
Here are some text symbols you can use!
☮ ✈ ♋ 웃 유 ☠ ☯ ♥ ✌ ✖ ☢ ☣ ☤ ⚜ ❖ Σ ⊗ ♒ ♠ Ω ♤ ♣ ♧ ♡ ♦♢♔ ♕ ♚ ♛ ★ ☆ ✮ ✯ ☄ ☾ ☽ ☼ ☀ ☁ ☂ ☃ ☻ ☺ ۞ ۩ ♬ ✄ ✂ ✆ ✉ ✦ ✧ ∞ ♂ ♀ ☿ ❤ ❥ ❦ ❧ ™ ® © ✗ ✘ ⊗ ♒ ▢ ▲ △ ▼ ▽ ◆ ◇ ○ ◎ ● ◯ Δ ◕ ◔ ʊ ϟ ღ 回 ₪ ✓ ✔ ✕ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ™©® ¿¡½⅓⅔¼¾⅛⅜⅝⅞ ℅№⇨ ❝❞ ∃∧∠ ∨∩⊂ ⊃∪⊥∀ ΞΓɐəɘεβ ɟɥɯɔи ɹʁ яʌʍλ ч ∞ Σ Π ⌥ ⌘ 文 ⑂ ஜ ๏ ☹ ☺ ☻ ت ヅ ツ ッ シ Ü ϡ ﭢ ™ ℠ © ® ℗ € £ ¥ ¢ ƒ ₩ ℂ ℍ ℕ ℙ ℚ ℝ ℤ ℬ ℰ ℯ ℱ ℊ ℋ ℎ ℐ ℒ ℓ ℳ ℴ ℘ ℛ ℭ ℮ ℌ ℑ ℜ ℨ ▲◣◢ ◥▼△▽ ⊿◤◥ △ ▴ ▵ ▶ ▷ ▸ ▹ ► ▻ ▼ ▽ ▾ ▿ ◀ ◁ ◂ ◃ ◄ ◅ ⅟½⅓¾⅔⅕⅖⅗⅘⅙⅚⅛⅜⅝⅞ ≂ ≃ ≄ ≅ ≆ ≇ ≈ ≉ ≊ ≋ ≌ ≍ ≎ ≏ ≐ ≑ ≒ ≓ ≔ ≕ ≖ ≗ ≘ ≙ ≚ ≛ ≜ ≝ ≞ ≟ ≠ ≡ ≢ ≣ ≤ ≥ ≦ ≧ ≨ ≩ ⊰ ⊱ ⋛ ⋚ ∫ ∬ ∭ ∮ ∯ ∰ ∱ ∲ ∳ ⁰ ⁱ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ⁺ ⁻ ⁼ ⁽ ⁾ ⁿ ₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₊ ₋ ₌ ₍ ₎ ᴬ ᴭ ᴮ ᴯ ᴰ ᴱ ᴲ ᴳ ᴴ ᴵ ᴶ ᴷ ᴸ ᴹ ᴺ ᴻ ᴼ ᴽ ᴾ ᴿ ᵀ ᵁ ᵂ ᵃ ᵄ ᵅ ᵆ ᵇ ᵈ ᵉ ᵊ ᵋ ᵌ ᵍ ᵎ ᵏ ᵐ ᵑ ᵒ ᵓ ᵔ ᵕ ᵖ ᵗ ᵘ ᵙ ᵚ ᵛ ᵜ ᵝ ᵞ ᵟ ᵠ ᵡ ᶛ ᶜ ᶝ ᶞ ᶟ ᶠ ᶡ ᶢ ᶣ ᶤ ᶥ ᶦ ᶧ ᶨ ᶩ ᶪ ᶫ ᶬ ᶭ ᶮ ᶯ ᶰ ᶱ ᶲ ᶳ ᶴ ᶵ ᶶ ᶷ ᶸ ᶹ ᶺ ᶻ ᶼ ᶽ ᶾ ᶿ
ₐ ₑ ₒ ₓ ₔ ᵢ ᵣ ᵤ ᵥ Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ Ⅼ Ⅽ Ⅾ Ⅿ ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ
ⅸ ⅹ ⅺ ⅻ ⅼ ⅽ ⅾ ⅿ ➀➁➂➃➄➅➆➇➈ ➉
➊➋➌➍➎➏➐➑➒➓ ⒶⒷⒸⒹⒺⒻ ⒼⒽ ⒾⒿⓀ ⓁⓂⓃ ⓄⓅⓆ ⓇⓈⓉ ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗ ⓘⓙⓚⓛⓜⓝ ⓞⓟⓠⓡⓢⓣ ⓤⓥⓦⓧⓨⓩ ಐ ಓ ಔ ಕ ಖ ಗ ಘ ಙ ಝ ಞ ಲ ಶ ಹ ೀ ಾ ಿ ಧಿ ೈ ೋ ೌ ೬ ೂ ೄ ભ મ ય ર લ ળ વ શ ષ સ હ ઼ ઽ ા િ ી ુ ૂ ૃ ૄ ૅ ે ૈ ૉ ો ૌ ્ড ঢ ণ ত থ দ ধ ন প ফ ব ভ ম য র ল শ ষ স ঁ ং ঃ অ আ ই ঈ উ ঊ ঋ ঌ এ ঐ ও ঔ ক খ গহ ㌹ - ㍭ - 頹 - 衙 - 浳 - 浤 - 搰 - 煤 - 洳 - 橱 - 橱 - 煪 - ㍱ - 煱 - 둻 - 睤 - 楤 - ぱ - - 椹 - ぱ - ㍵ - 畱 - 煵 - 田 - つ - 煵 - 엌 - 嫠 - 쯦 - 案 - 迎 - 是 - 從 - 事 - 網 - 頁 - 設 - 計 - 簡 - 大 ♚ ♛ ♜ ♝ ♞ ♟♔ ♕ ♖ ♗ ♘ ♙☚ ☛ ☜ ☝ ☞ ☟ ✌ ☩ ☨ ☦ ✙ ✚ ✛ ✜ ✝ ✞ ✠ ⋆ ✢ ✣ ✤ ✥ ✦ ✧ ✩ ✪ ✫ ✬ ✭ ✮ ✯ ✰ ★ ✱ ✲ ✳ ✴ ✵ ✶ ✷ ✸ ✹ ✺ ✻ ✼ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ╰☆╮ ✡ ❂ -‘๑’- ✽ ✾ ✿ ❀ ❁ ❃ ❋ ♪ ♫ ♩ ♬ ♭ ♮ ♯ 𝄫 𝄪 𝄳 𝄲 𝄳 𝅝 𝅗𝅥 𝅘𝅥 𝅘𝅥𝅮 𝅘𝅥𝅯 𝅘𝅥𝅯 𝄻 𝄼 𝄽 𝄾 𝄿 𝄞 ° ø ☼ ☀ ☁ ☂ ☃ ☄ ☾ ☽ ❄ ☇ ☈ ⊙ ☉ ℃ ℉ ° ❅ ✺ ϟ ☪ ✌ ☮ ♆ 卐 ✡ † ☨ ✞ ✝ ☥ ☦ ☓ ♁ ☩ Ⓐ ☭ ✯ ♥ ❤ ❥ ❣ ❦ ❧ ♡ ♋ ♂ ♀ ☿ 웃 유 ღ ۵ ✉ ✍ ✎ ✏ ✐✑✒ ⌨ ☑ ✓ ✔ √ ☐ ☒ ☓ ✕ ✖ ✗ ✘ ✇ % ℅ ‰ ‱ ☌ ␟ ␘ ␠  ␋ ␌ ␍ ␎ ␏ ␐ ␑ ␒ ␓ ␔ ␕ ␖ ␗ ␙ ␜ ␝ ␞ ␛ ␡ ␚ ┌ ┍ ┎ ┏ ┐ ┑ ┒ ┓ └ ┕ ┖ ┗ ┘ ┙ ┚ ┛ ├ ┝ ┞ ┟ ┠ ┡ ┢ ┣ ┤ ┥ ┦ ┧ ┨ ┩ ┪ ┫ ┬ ┭ ┮ ┯ ┰ ┱ ┲ ┳ ┴ ┵ ┶ ┷ ┸ ┹ ┺ ┻ ┼ ┽ ┾ ┿ ╀ ╁ ╂ ╃ ╄ ╅ ╆ ╇ ╈ ╉ ╊ ╋ ╌ ╍ ╎ ╏ ═ ║ ╒ ╓ ╔ ╕ ╖ ╗ ╘ ╙ ╚ ╛ ╜ ╝ ╞ ╟ ╠ ╡ ╢ ╣ ╤ ╥ ╦ ╧ ╨ ╩ ╪ ╫ ╬ ❏ ❐ ❑ ❒ ▀ ▁ ▂ ▃ ▄ ▅ ▆ ▇ ▉ ▊ ▋ █ ▌ ▍ ▎ ▏ ▐ ░ ▒ ▓ ▔ ▕ ▖ ▗ ▝▝ ▘ ▞ ▚ ▙ ▟ ▛ ▜
■ □ ▢ ▣ ▤ ▥ ▦ ▧ ▨ ▩ ▪ ▫ ▬ ▭ ▮ ▯ ☰ ☲ ☱ ☴ ☵ ☶ ☳ ☷ 頹 - 衙 - 浳 - 浤 - 搰 - ㍭ - 煤 - 洳 - 橱 - 橱 - 煪 - ㍱ - 煱 - 둻 - 睤 - ㌹ - 楤 - ぱ - - 椹 - ぱ - ㍵ - 畱 - 煵 - 田 - つ - 煵 - 엌 - 嫠 - 쯦 - 案 - 迎 - 是 - 從 - 事 - 網 - 頁 - 設 - 計 - 簡 - 大 ✁ ✂ ✃ ✄ ✆ ☎ ☏ ❝❞ «» ‶ ‷‴ ‹ › ⟨ ⟩ ‸^ ′ ″ ‵ ‘ ’ ‚ ‛ “ ” „ ‟ ⌚ ⌛ ❂ ○ ◎ ● ◯ ◕ ◔ ◐ ◑ ☢ ⊗ ⊙ ◘ ◙ ◍ ❢ ❣ ⁇ ⁈ ⁉ ‼ ‽ ! ! ♥℘.s. Æ ℓ٥ﻻ ﻉ√٥υ♥