Financier Forums

Financier App => Other => Topic started by: Billy_McSkintos on November 03, 2016, 10:32:35 AM

Title: Customizing Financier
Post by: Billy_McSkintos on November 03, 2016, 10:32:35 AM
Continuing on from the CSS/HTML Tweak (https://discuss.financier.io/index.php?topic=14.0) thread and the History of Financier (https://discuss.financier.io/index.php?topic=61.0) (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/ (http://emojipedia.org/bank/)
💳 Credit Card: http://emojipedia.org/credit-card/ (http://emojipedia.org/credit-card/)
💵 Dollar Note: http://emojipedia.org/banknote-with-dollar-sign/ (http://emojipedia.org/banknote-with-dollar-sign/)
💰 Money Bag: http://emojipedia.org/money-bag/ (http://emojipedia.org/money-bag/)
💲 Dollar Sign: http://emojipedia.org/heavy-dollar-sign/ (http://emojipedia.org/heavy-dollar-sign/)
🔮 Crystal Ball: http://emojipedia.org/crystal-ball/ (http://emojipedia.org/crystal-ball/)
📈 Chart: http://emojipedia.org/chart-with-upwards-trend/ (http://emojipedia.org/chart-with-upwards-trend/)
🐖 Pig: http://emojipedia.org/pig/ (http://emojipedia.org/pig/)
🌴 Palm Tree: http://emojipedia.org/palm-tree/ (http://emojipedia.org/palm-tree/)
📺 Television: http://emojipedia.org/television/ (http://emojipedia.org/television/)
🎅 Father Xmas: http://emojipedia.org/father-christmas/ (http://emojipedia.org/father-christmas/)
🎁 Gift: http://emojipedia.org/wrapped-present/ (http://emojipedia.org/wrapped-present/)


Title: Re: Customizing Financier
Post by: Joel on November 03, 2016, 11:09:51 AM
That's neat.
Title: Re: Customizing Financier
Post by: jeremiahsvow on November 03, 2016, 01:13:14 PM
Quote from: Billy_McSkintos on November 03, 2016, 10:32:35 AM
Continuing on from the CSS/HTML Tweak (https://discuss.financier.io/index.php?topic=14.0) thread and the History of Financier (https://discuss.financier.io/index.php?topic=61.0) (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/ (http://emojipedia.org/bank/)
💳 Credit Card: http://emojipedia.org/credit-card/ (http://emojipedia.org/credit-card/)
💵 Dolloar Note: http://emojipedia.org/banknote-with-dollar-sign/ (http://emojipedia.org/banknote-with-dollar-sign/)
💰 Money Bag: http://emojipedia.org/money-bag/ (http://emojipedia.org/money-bag/)
💲 Dollar Sign: http://emojipedia.org/heavy-dollar-sign/ (http://emojipedia.org/heavy-dollar-sign/)
🔮 Crystal Ball: http://emojipedia.org/crystal-ball/ (http://emojipedia.org/crystal-ball/)
📈 Chart: http://emojipedia.org/chart-with-upwards-trend/ (http://emojipedia.org/chart-with-upwards-trend/)
🐖 Pig: http://emojipedia.org/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?
Title: Re: Customizing Financier
Post by: 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.



Title: Re: Customizing Financier
Post by: jeremiahsvow on November 06, 2016, 07:19:47 AM
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.
Title: Re: Customizing Financier
Post by: cracksys on November 06, 2016, 09:19:04 PM
How do I include those emoji in my CSS style file?

Those look awesome.
Title: Re: Customizing Financier
Post by: Alex on November 06, 2016, 09:26:07 PM
@cracksys just copy and paste! :D Find a list to copy/paste from here (http://getemoji.com/), or on Macs just do Ctrl+CMD+Space in a text field.
Title: Re: Customizing Financier
Post by: cracksys on November 06, 2016, 09:44:36 PM
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 (http://getemoji.com/), 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.
Title: Re: Customizing Financier
Post by: cracksys on November 08, 2016, 02:16:59 PM
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

(http://i.imgur.com/ITGEli5.png)

Any tips on getting the text to be 'blacker'?
Title: Re: Customizing Financier
Post by: 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;
}

Title: Re: Customizing Financier
Post by: cracksys on November 08, 2016, 04:02:11 PM
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:

(http://i.imgur.com/QPvWBpV.png)

Notice how the text for the account name appears to be grayish.
Title: Re: Customizing Financier
Post by: Alex on November 08, 2016, 05:27:14 PM
Probably need to set opacity: 1;
Title: Re: Customizing Financier
Post by: cracksys on November 08, 2016, 07:07:10 PM
Quote from: Alex on November 08, 2016, 05:27:14 PM
Probably need to set opacity: 1;
Oh yeah!

(http://i0.kym-cdn.com/photos/images/original/000/604/727/3e7.png)
Title: Re: Customizing Financier
Post by: DaddyGFamily on November 13, 2016, 10:19:17 AM
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