MyBB Community Forums
My Tab icons - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: General Support (https://community.mybb.com/forum-176.html)
+--- Thread: My Tab icons (/thread-195216.html)



My Tab icons - Sladex Themes - 2016-07-05

Hello,

How can I add my own icons to MyTabs? What's the code for this?


RE: My Tab icons - .m. - 2016-07-05

if you are referring to MyTabs plugin then you can use css background property for the tabs (through tabs configuration)


RE: My Tab icons - Sladex Themes - 2016-07-05

Can't I add images to them?


RE: My Tab icons - .m. - 2016-07-05

^ well, you can add required images through css background property !


RE: My Tab icons - Sladex Themes - 2016-07-05

Please give me the specific code.


RE: My Tab icons - .m. - 2016-07-05

when editing tab, each tab has codes for tab style and selected tab style.
<a href="{$link}" style="margin-right: 6px;"><div style="display: inline-block; padding: 10px; border: 1px solid #858787; color: black; background-color: #BABCBC;">{$name}</div></a>
<a href="{$link}" style="margin-right: 6px;"><div style="display: inline-block; padding: 10px; border: 1px solid #49B0D8; color: black; background-color: #8CDEFF;">{$name}</div></a>

inline style code used for div element can be modified
and required background image can be added [eg. background: url(path/to/image);]


RE: My Tab icons - Sladex Themes - 2016-07-05

Ok so how to I write the image code fa fa- ???


RE: My Tab icons - .m. - 2016-07-05

^ well, you can add the icon code before {$name} !


RE: My Tab icons - Sladex Themes - 2016-07-05

What exactly do I put there

Bump.