MyBB Community Forums

Full Version: Ask about fontawesome of Theme 18skins elvira
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
hi all
i'll ask a question about 18skins elvira theme rite here
http://community.mybb.com/thread-158681.html
anyone use that theme?
why fontawesome is not working on mozilla firefox?
but work on chrome and opera
thx for answer me
^_^
replies here might help (though it is related to another theme & another OS)
^
thx for reply,
i was add

<FilesMatch ".(ttf|otf|woff)$">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>

and try to searching, i found it

<FilesMatch ".(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

but still not work Sad
^ is the theme available to guests on your forum ? if so can we have your forum url
^
of course,
here is it -> http://www.dota2play.net/index.php
i'll build hard site ^_^
but rite now i set to offline board
cause i still build the dynamic index page ^_^
strangely the icons works fine with the official font awesome site: http://s14.postimg.org/n6s9pohpd/image.png

but the same icon with the same class not working on your site: http://s14.postimg.org/sjh43t5lt/image.png
If the theme is using the same classes as fontawesome official distro then the easiest is to pull the whole font from the fontawesome cdn and put that in the headerinclude.
(2014-12-18, 06:07 AM)mmadhankumar Wrote: [ -> ]strangely the icons works fine with the official font awesome site: http://s14.postimg.org/n6s9pohpd/image.png

but the same icon with the same class not working on your site: http://s14.postimg.org/sjh43t5lt/image.png

ya...
its not working just for mozilla firefox, but works in another browser like chrome and opera

(2014-12-18, 07:00 AM)Leefish Wrote: [ -> ]If the theme is using the same classes as fontawesome official distro then the easiest is to pull the whole font from the fontawesome cdn and put that in the headerinclude.

can u show me how to put that sir?
the headerinclude code like this

<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1800"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1800"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1800"></script>

{$stylesheets}
<link rel="stylesheet" href="{$mybb->settings['bburl']}/images/18myskins/fonts/fa.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined')
{
 document.write(unescape("%3Cscript src='images/18myskins/js/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script type="text/javascript">
<!--
 lang.unknown_error = "{$lang->unknown_error}";

 lang.select2_match = "{$lang->select2_match}";
 lang.select2_matches = "{$lang->select2_matches}";
 lang.select2_nomatches = "{$lang->select2_nomatches}";
 lang.select2_inputtooshort_single = "{$lang->select2_inputtooshort_single}";
 lang.select2_inputtooshort_plural = "{$lang->select2_inputtooshort_plural}";
 lang.select2_inputtoolong_single = "{$lang->select2_inputtoolong_single}";
 lang.select2_inputtoolong_plural = "{$lang->select2_inputtoolong_plural}";
 lang.select2_selectiontoobig_single = "{$lang->select2_selectiontoobig_single}";
 lang.select2_selectiontoobig_plural = "{$lang->select2_selectiontoobig_plural}";
 lang.select2_loadmore = "{$lang->select2_loadmore}";
 lang.select2_searching = "{$lang->select2_searching}";

 var cookieDomain = "{$mybb->settings['cookiedomain']}";
 var cookiePath = "{$mybb->settings['cookiepath']}";
 var cookiePrefix = "{$mybb->settings['cookieprefix']}";
 var deleteevent_confirm = "{$lang->deleteevent_confirm}";
 var removeattach_confirm = "{$lang->removeattach_confirm}";
 var loading_text = '{$lang->ajax_loading}';
 var saving_changes = '{$lang->saving_changes}';
 var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
 var my_post_key = "{$mybb->post_code}";
 var rootpath = "{$mybb->settings['bburl']}";
 var imagepath = "{$theme['imgdir']}";
   var yes_confirm = "{$lang->yes}";
 var no_confirm = "{$lang->no}";
 var MyBBEditor = null;
 var spinner_image = "{$theme['imgdir']}/spinner.gif";
 var spinner = "<img src='" + spinner_image +"' alt='' />";
// -->
</script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
 $(".tab_content").hide(); 
 $("ul.tabs li:first").addClass("active").show();
 $(".tab_content:first").show(); 
 $("ul.tabs li").click(function() {
 $("ul.tabs li").removeClass("active"); 
 $(this).addClass("active"); 
 $(".tab_content").hide(); 
 var activeTab = $(this).find("a").attr("href"); 
 $(activeTab).fadeIn();
 return false;
 });
});
</script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
  var viewPortWidth = $(window).width();

  $(window).scroll(function(event) {
    event.preventDefault();
    if (viewPortWidth > 480) {
      if ($(this).scrollTop() > 180) {
        $('.scrollTo-top').fadeIn();
      } else {
        $('.scrollTo-top').fadeOut();
      }
    }
  });

  $('.scrollTo-top').click(function(event) {
    $('html, body').animate({scrollTop : 0 }, 600);
    event.preventDefault();
  });
});
</script>

i think rite here

<link rel="stylesheet" href="{$mybb->settings['bburl']}/images/18myskins/fonts/fa.css">
Yup, just replace

<link rel="stylesheet" href="{$mybb->settings['bburl']}/images/18myskins/fonts/fa.css">

with

<link href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
wow its works !!
thank u @leefish ^_^
grp sended