Search The ForumSearch   RegisterRegister  LoginLogin

AfterLogic WebMail Lite

 AfterLogic Forum : AfterLogic WebMail Lite
Subject Topic: Change icons Post ReplyPost New Topic
Author
Message << Prev Topic | Next Topic >>
alexbromo
Newbie
Newbie


Joined: 14 July 2015
Location: Italy
Online Status: Offline
Posts: 25
Posted: 03 March 2022 at 8:09am | IP Logged Quote alexbromo

Hello,

should be possible to replace icons placed on top of mail list (Move to folder, Trash, Empty Spam, etc ...) with others ?

ALex.
Back to Top View alexbromo's Profile Search for other posts by alexbromo
 
Igor
AfterLogic Support
AfterLogic Support


Joined: 24 June 2008
Location: United States
Online Status: Offline
Posts: 5886
Posted: 03 March 2022 at 12:08pm | IP Logged Quote Igor

Do you mean changing their visual look, or this is about adding buttons which do something else altogether?

--
Regards,
Igor, Afterlogic Support
Back to Top View Igor's Profile Search for other posts by Igor
 
alexbromo
Newbie
Newbie


Joined: 14 July 2015
Location: Italy
Online Status: Offline
Posts: 25
Posted: 04 March 2022 at 6:39am | IP Logged Quote alexbromo

Igor wrote:
Do you mean changing their visual look, or this is about adding buttons which do something else altogether?

--
Regards,
Igor, Afterlogic Support


I I would be happy to change the visual look.

ALex.
Back to Top View alexbromo's Profile Search for other posts by alexbromo
 
Igor
AfterLogic Support
AfterLogic Support


Joined: 24 June 2008
Location: United States
Online Status: Offline
Posts: 5886
Posted: 04 March 2022 at 11:00pm | IP Logged Quote Igor

Vector images used as icons there are essentially letters in the "afterlogic" font found under static/styles/fonts/ directory, you can find it referenced in styles.css of each skin under static/styles/themes/ directory.

Code:
@font-face {
  font-family: 'afterlogic';
  src: url('../../fonts/afterlogic.eot');
  src: url('../../fonts/afterlogic.eot?#iefix') format('embedded-opentype'), url('../../fonts/afterlogic.svg#afterlogic') format('svg'), url('../../fonts/afterlogic.woff') format('woff'), url('../../fonts/afterlogic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


We use IcoMoon App for editing the font, the source project is available here. But you can also use some other font editor, glyphs we use start from U+e600.

Hope this helps.

--
Regards,
Igor, Afterlogic Support
Back to Top View Igor's Profile Search for other posts by Igor
 
alexbromo
Newbie
Newbie


Joined: 14 July 2015
Location: Italy
Online Status: Offline
Posts: 25
Posted: 07 March 2022 at 4:43am | IP Logged Quote alexbromo

Igor wrote:
Vector images used as icons there are essentially letters in the "afterlogic" font found under static/styles/fonts/ directory, you can find it referenced in styles.css of each skin under static/styles/themes/ directory.

Code:
@font-face {
  font-family: 'afterlogic';
  src: url('../../fonts/afterlogic.eot');
  src: url('../../fonts/afterlogic.eot?#iefix') format('embedded-opentype'), url('../../fonts/afterlogic.svg#afterlogic') format('svg'), url('../../fonts/afterlogic.woff') format('woff'), url('../../fonts/afterlogic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


We use IcoMoon App for editing the font, the source project is available here. But you can also use some other font editor, glyphs we use start from U+e600.

Hope this helps.

--
Regards,
Igor, Afterlogic Support

Thank you a lot Igor !
I will work on a direction you showed me.

ALex.
Back to Top View alexbromo's Profile Search for other posts by alexbromo
 

If you wish to post a reply to this topic you must first login
If you are not already registered you must first register

  Post ReplyPost New Topic
Printable version Printable version

Forum Jump

Powered by Web Wiz Forums version 7.9
Copyright ©2001-2004 Web Wiz Guide