News:

10/23/16 - Welcome to the new forums!

Main Menu

Customizing Financier

Started by Billy_McSkintos, November 03, 2016, 10:32:35 AM

Previous topic - Next topic

Billy_McSkintos

Continuing on from the CSS/HTML Tweak thread and the History of Financier (it used to be a teal colour) thread and at Alex's suggestion, here are some links to some emoji's I have used to identify my accounts. These all render differently based on the OS version and browser:


🏦 Bank: http://emojipedia.org/bank/
💳 Credit Card: http://emojipedia.org/credit-card/
💵 Dollar Note: http://emojipedia.org/banknote-with-dollar-sign/
💰 Money Bag: http://emojipedia.org/money-bag/
💲 Dollar Sign: http://emojipedia.org/heavy-dollar-sign/
🔮 Crystal Ball: http://emojipedia.org/crystal-ball/
📈 Chart: http://emojipedia.org/chart-with-upwards-trend/
🐖 Pig: http://emojipedia.org/pig/
🌴 Palm Tree: http://emojipedia.org/palm-tree/
📺 Television: http://emojipedia.org/television/
🎅 Father Xmas: http://emojipedia.org/father-christmas/
🎁 Gift: http://emojipedia.org/wrapped-present/


Project Fi Referral - Get $20 credit: https://g.co/fi/r/RWN1J1
Betterment.com Referral - 90 days managed free: https://www.betterment.com/?invite=marcusglynn

Joel

Biking and budgeting my way to early retirement!

Ting referral: https://zp8h3m5ceig.ting.com/
Lastpass referral: https://lastpass.com/f?27278462

jeremiahsvow

Quote from: Billy_McSkintos on November 03, 2016, 10:32:35 AM
Continuing on from the CSS/HTML Tweak thread and the History of Financier (it used to be a teal colour) thread and at Alex's suggestion, here are some links to some emoji's I have used to identify my accounts. These all render differently based on the OS version and browser:


🏦 Bank: http://emojipedia.org/bank/
💳 Credit Card: http://emojipedia.org/credit-card/
💵 Dolloar Note: http://emojipedia.org/banknote-with-dollar-sign/
💰 Money Bag: http://emojipedia.org/money-bag/
💲 Dollar Sign: http://emojipedia.org/heavy-dollar-sign/
🔮 Crystal Ball: http://emojipedia.org/crystal-ball/
📈 Chart: http://emojipedia.org/chart-with-upwards-trend/
🐖 Pig: http://emojipedia.org/pig/
🌴 Palm Tree: http://emojipedia.org/palm-tree/
📺 Television: http://emojipedia.org/television/
🎅 Father Xmas: http://emojipedia.org/father-christmas/
🎁 Gift: http://emojipedia.org/wrapped-present/

Wait a minute... so each of these will look different? Wouldn't that cause confusion?

Billy_McSkintos

Sorry, I'm not following your question.


Each OS renders them slightly differently but they are very similar. If you only use Windows 10 then they will consistently look the same.



Project Fi Referral - Get $20 credit: https://g.co/fi/r/RWN1J1
Betterment.com Referral - 90 days managed free: https://www.betterment.com/?invite=marcusglynn

jeremiahsvow

Quote from: Billy_McSkintos on November 05, 2016, 11:56:00 PM
Sorry, I'm not following your question.


Each OS renders them slightly differently but they are very similar. If you only use Windows 10 then they will consistently look the same.

Right. I use different OS. Phone, office, home. I would rather it be the same regardless of the machine I'm using.

cracksys

How do I include those emoji in my CSS style file?

Those look awesome.

Alex

@cracksys just copy and paste! :D Find a list to copy/paste from here, or on Macs just do Ctrl+CMD+Space in a text field.
I am the Financier owner/admin/coder dude.

cracksys

Quote from: Alex on November 06, 2016, 09:26:07 PM
@cracksys just copy and paste! :D Find a list to copy/paste from here, or on Macs just do Ctrl+CMD+Space in a text field.
Holy! That was nice.

Its gonna be skull & bones for my credit card account.

cracksys

Oh man. It looks horrendous when used at my other computer as the icon changed to colored emoji.

So I changed the background color  parrot



Any tips on getting the text to be 'blacker'?

Billy_McSkintos

If you use the stylish plugin you can tweak some of the CSS:

Account Sidebar:


.app-view__sidebar {
    color: #000;
}

Project Fi Referral - Get $20 credit: https://g.co/fi/r/RWN1J1
Betterment.com Referral - 90 days managed free: https://www.betterment.com/?invite=marcusglynn

cracksys

Quote from: Billy_McSkintos on November 08, 2016, 02:59:05 PM
If you use the stylish plugin you can tweak some of the CSS:

Account Sidebar:


.app-view__sidebar {
    color: #000;
}


Thanks but I was not clear in my last post. Here it is now:



Notice how the text for the account name appears to be grayish.

Alex

Probably need to set opacity: 1;
I am the Financier owner/admin/coder dude.

cracksys


DaddyGFamily

#13
Can you add the link above and the "how to" to the "Your Budgets" section?

If you could add in a link to the Forums, Key items like "how to emoji", and potentially other useful items - I believe this would be an easy yet helpful addition.

Your Budgets
-----

Billing
-----

Resources

  • Forums
  • Emojis
  • Tutorials
  • Whatever else the community wants  :D