Advertisement:

Author Topic: FA Board Icons  (Read 5498 times)

Offline gecitli

  • Jr. Member
  • **
  • Posts: 350
    • webmaster forumu
Re: FA Board Icons
« Reply #20 on: April 25, 2019, 03:19:28 AM »
nice mod

Make the style of Cbi v.05
Code: [Select]
#board_1 .fabi_icon .fa-comments:before { content:"\f1d8";}
#board_2 .fabi_icon .fa-comments:before { content:"\f436";}





http://www.webtiryaki.com

webmaster forumu

Free & Premium Responsive Themes for SMF.

Offline SychO

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 1,960
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: FA Board Icons
« Reply #21 on: April 25, 2019, 04:16:00 AM »
You can already choose specific board icons from the board settings...
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze


Offline ForumMustang.com

  • Full Member
  • ***
  • Posts: 475
  • Gender: Male
  • SMF French Translator
    • forummustang on Facebook
    • Ford Mustang Mach E
Re: FA Board Icons
« Reply #22 on: May 15, 2019, 03:34:46 PM »
This is an interesting mod but we are loosing the "no new posts", new posts" icons with this mod.
In a future version, would it be possible to have different color fields for each boards? One for the "no new posts", one for the "new posts" and ideally, one for the "new posts in a subboard"?

Offline SychO

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 1,960
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: FA Board Icons
« Reply #23 on: May 15, 2019, 04:28:20 PM »
This is an interesting mod but we are loosing the "no new posts", new posts" icons with this mod.
In a future version, would it be possible to have different color fields for each boards? One for the "no new posts", one for the "new posts" and ideally, one for the "new posts in a subboard"?

If I were to make a change for that, I'd use an opacity effect, i.e slightly translucent icons for no new posts and normal for new posts, more colors would only make things more complex because of the "Force default" options, and I like to keep things simple.
« Last Edit: May 15, 2019, 05:08:37 PM by SychO »
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze


Offline ForumMustang.com

  • Full Member
  • ***
  • Posts: 475
  • Gender: Male
  • SMF French Translator
    • forummustang on Facebook
    • Ford Mustang Mach E
Re: FA Board Icons
« Reply #24 on: May 15, 2019, 05:04:45 PM »
That's a good idea, I hope you will make a change for that.

Offline maximus23

  • Native Language Support Specialist
  • SMF Super Hero
  • *
  • Posts: 11,506
  • Gender: Male
  • Smf 2.1 RC3
    • Smf Français Forum non Officiel
Re: FA Board Icons
« Reply #25 on: May 16, 2019, 10:37:22 PM »
Hello,

A variation easy to test :

File FA-BoardIcons.template.php

Search :

Code: [Select]
echo '
<a href="', ($context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '" class="board_', $board['board_class'], ' fabi_icon"', !empty($board['board_tooltip']) ? ' title="' . $board['board_tooltip'] . '"' : '', '>
<i class="', $icon, '"', !empty($color) ? ' style="color:'.$color.'"' : '', '></i>
</a>';

Replace by :
Code: [Select]
if ($board['new'] == 1) {

echo '
<a href="', ($context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '" class="board_', $board['board_class'], ' fabi_icon_new"', !empty($board['board_tooltip']) ? ' title="' . $board['board_tooltip'] . '"' : '', '>
<i class="', $icon, '"', !empty($color) ? ' style="color:'.$color.'"' : '', '></i>
</a>';
}

else

echo '
<a href="', ($context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '" class="board_', $board['board_class'], ' fabi_icon"', !empty($board['board_tooltip']) ? ' title="' . $board['board_tooltip'] . '"' : '', '>
<i class="', $icon, '"', !empty($color) ? ' style="color:'.$color.'"' : '', '></i>
</a>';

}

Save.

File fabi.css

Search :
Code: [Select]
.board_icon .fabi_icon {
text-align: center;
display: flex;
align-items: center;
margin: 0 auto;
background: none;
font-size: 2.5em;
text-decoration: none;
color: #6e91ae;
}

Replace by :
Code: [Select]
.board_icon .fabi_icon {
text-align: center;
display: flex;
align-items: center;
margin: 0 auto;
background: none;
font-size: 2.5em;
text-decoration: none;
color: #6e91ae;
overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
width: 60px;
    height: 60px;
padding: 13px;

}

.board_icon .fabi_icon_new {
text-align: center;
display: flex;
align-items: center;
margin: 0 auto;
background: none;
font-size: 2.5em;
text-decoration: none;
color: #6e91ae;
background: #d7daf3;
overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
width: 60px;
    height: 60px;
padding: 13px;
}

:)
Pas de support par PM ou Courrier...Veuillez utiliser le forum pour vous avoir une réponse rapide à votre demande d'aide. Merci.
Amitiés et à Bientôt...
No support by PM or Mail...You will get better and faster responses in the support forums. Thank you.
Have a nice day...

Online Diego Andrés

  • Customizer
  • SMF Hero
  • *
  • Posts: 3,683
  • Gender: Male
    • DiegoAndresCortes on GitHub
    • @bihgetter on Twitter
    • SMF Tricks - Free & Premium Themes
Re: FA Board Icons
« Reply #26 on: July 14, 2019, 12:33:53 AM »
I prefer the opacity option, but that is really good alternative.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Offline AllanD

  • Sr. Member
  • ****
  • Posts: 759
  • Gender: Male
  • It's All Good
    • KnD Hosting
Re: FA Board Icons
« Reply #27 on: June 06, 2020, 07:49:49 PM »
I know this is an old thread but I was coming here looking to see if the opacity option was still in thoughts. Having a no new post difference would be great.
Check out this great sites.
KnD Hosting

Offline kilk

  • Semi-Newbie
  • *
  • Posts: 25
    • Elddem The MMORPG
Re: FA Board Icons
« Reply #28 on: June 09, 2020, 04:01:43 PM »
This is an awesome mod, needs opacity as an option for sure!
Elddem The MMORPG - https://www.elddem.com | Denarius (D) Cryptocurrrency - https://www.denarius.io | BlockForums - Cryptocurrency Community Forums - https://www.blockforums.org

Offline Joomlamz

  • SMF Hero
  • ******
  • Posts: 2,639
  • Gender: Male
  • Suporte SmfPT
    • apllicmz on Facebook
    • apllicmz on GitHub
    • https://www.linkedin.com/in/aplic on LinkedIn
    • @aplichosting on Twitter
    • Webdesign
Re: FA Board Icons
« Reply #29 on: June 15, 2020, 03:00:33 PM »
Nice mod
Update portuguese_PT




Offline SychO

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 1,960
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: FA Board Icons
« Reply #30 on: June 15, 2020, 03:34:55 PM »
I know this is an old thread but I was coming here looking to see if the opacity option was still in thoughts. Having a no new post difference would be great.

This is an awesome mod, needs opacity as an option for sure!

I'll try updating this soon.



Nice mod
Update portuguese_PT

Thank you, I'll make sure to add it :)
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze


Offline AllanD

  • Sr. Member
  • ****
  • Posts: 759
  • Gender: Male
  • It's All Good
    • KnD Hosting
Re: FA Board Icons
« Reply #31 on: June 15, 2020, 08:52:12 PM »
Thank you for the update Sych0
Check out this great sites.
KnD Hosting

Offline SychO

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 1,960
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: FA Board Icons
« Reply #32 on: June 21, 2020, 06:27:33 PM »
Update: Version 1.3

  • Added Portuguese Translation by Joomlamz
  • Added opacity effect option on new/no new posts. (Needs to be manually turned ON from the settings, style can be edited in the fabi.css file)
  • Updated FontAwesome from 5.8.1 to 5.13.1
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze


Offline AllanD

  • Sr. Member
  • ****
  • Posts: 759
  • Gender: Male
  • It's All Good
    • KnD Hosting
Re: FA Board Icons
« Reply #33 on: June 23, 2020, 04:52:44 PM »
Thank you for the update.
Check out this great sites.
KnD Hosting

Offline DJ Omnimaga

  • Jr. Member
  • **
  • Posts: 164
  • Gender: Male
  • CodeWalrus founder & retired Omnimaga founder
    • DJOmnimaga.Music on Facebook
    • @DJOmnimaga on Twitter
    • DJ Omnimaga Music
Re: FA Board Icons
« Reply #34 on: June 28, 2020, 10:52:56 AM »
Update: Version 1.3

  • Added Portuguese Translation by Joomlamz
  • Added opacity effect option on new/no new posts. (Needs to be manually turned ON from the settings, style can be edited in the fabi.css file)
  • Updated FontAwesome from 5.8.1 to 5.13.1
I have updated to version 1.3 and made sure that in the CSS, no new post was set to 0.6 opacity and the option was turned ON in my settings, yet they still showed with no opacity at all.

Offline SychO

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 1,960
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: FA Board Icons
« Reply #35 on: June 28, 2020, 11:12:51 AM »
Forum link?
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze


Offline DJ Omnimaga

  • Jr. Member
  • **
  • Posts: 164
  • Gender: Male
  • CodeWalrus founder & retired Omnimaga founder
    • DJOmnimaga.Music on Facebook
    • @DJOmnimaga on Twitter
    • DJ Omnimaga Music
Re: FA Board Icons
« Reply #36 on: June 28, 2020, 02:12:19 PM »
It's the codewalr.us link in my signature

Offline SychO

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 1,960
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: FA Board Icons
« Reply #37 on: June 29, 2020, 09:57:57 AM »
try disabling resource minimization and then enabling it again.

I should have changed the CSS file key but I didn't.
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze


Offline DJ Omnimaga

  • Jr. Member
  • **
  • Posts: 164
  • Gender: Male
  • CodeWalrus founder & retired Omnimaga founder
    • DJOmnimaga.Music on Facebook
    • @DJOmnimaga on Twitter
    • DJ Omnimaga Music
Re: FA Board Icons
« Reply #38 on: June 30, 2020, 11:05:15 AM »
How would I do that? I couldn't find any results for "disabling resource minimization in SMF" in Google.

Offline SychO

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 1,960
  • Gender: Male
    • SychO9 on GitHub
    • SychO
Re: FA Board Icons
« Reply #39 on: June 30, 2020, 11:27:18 AM »
Admin > Configuration > Features and Options > General > Minimize CSS and JavaScript files
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze