Advertisement:

Author Topic: FA Board Icons  (Read 1501 times)

Offline gecitli

  • Jr. Member
  • **
  • Posts: 253
    • webtiryaki.com
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
Free & Premium Responsive Themes for SMF.

Offline SychO

  • Customizer
  • Sophist Member
  • *
  • Posts: 1,189
  • 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...

Imazighen

Offline ForumMustang.com

  • Full Member
  • ***
  • Posts: 470
  • Gender: Male
  • SMF French Translator
    • forummustang on Facebook
    • Ford Mustangs
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

  • Customizer
  • Sophist Member
  • *
  • Posts: 1,189
  • 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 »

Imazighen

Offline ForumMustang.com

  • Full Member
  • ***
  • Posts: 470
  • Gender: Male
  • SMF French Translator
    • forummustang on Facebook
    • Ford Mustangs
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,285
  • Gender: Male
  • Smf 2.1 RC2
    • 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...