News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

FA Board Icons

Started by SychO, April 20, 2019, 05:30:45 AM

Previous topic - Next topic

gecitli

nice mod

Make the style of Cbi v.05
#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.

SychO

You can already choose specific board icons from the board settings...
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze

chadon

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"?

SychO

#23
Quote from: ForumMustang.com 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"?

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.
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze

chadon

That's a good idea, I hope you will make a change for that.

maximus23

Hello,

A variation easy to test :

File FA-BoardIcons.template.php

Search :

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 :
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 :
.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 :
.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...

Diego Andrés

I prefer the opacity option, but that is really good alternative.

SMF Tricks - Free & Premium Responsive Themes for SMF.

AllanD

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

kilk

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

Apllicmz

Nice mod
Update portuguese_PT




SychO

Quote from: AllanD 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.

Quote from: kilk on June 09, 2020, 04:01:43 PM
This is an awesome mod, needs opacity as an option for sure!

I'll try updating this soon.




Quote from: Joomlamz on June 15, 2020, 03:00:33 PM
Nice mod
Update portuguese_PT

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

Potato  •  Ackerman  •  SunRise  •  NightBreeze

AllanD

Thank you for the update Sych0
Check out this great sites.
KnD Hosting

SychO

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

AllanD

Thank you for the update.
Check out this great sites.
KnD Hosting

Dream of Omnimaga

Quote from: SychO 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
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.

SychO

Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze

Dream of Omnimaga

It's the codewalr.us link in my signature

SychO

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

Dream of Omnimaga

How would I do that? I couldn't find any results for "disabling resource minimization in SMF" in Google.

SychO

Admin > Configuration > Features and Options > General > Minimize CSS and JavaScript files
Checkout My Themes:
-

Potato  •  Ackerman  •  SunRise  •  NightBreeze

Advertisement: