个人中心
gpt4 book ai didi

javascript - Facebook 评论插件字体颜色

转载 作者：行者123 更新时间：2023-11-28 04:37:02 24 4
gpt4 key购买 nike

我正在尝试更改 Facebook 评论插件中评论的字体颜色。我有一些可以工作的 css，但是当我尝试更改字体的颜色时，它没有做任何事情。

这是页面 URL:http://cardspoiler.com/Bootstrap/Munter/Theme/Counterfeit_coin_bootstrap.html

代码如下:

<!doctype html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <title>Cardspoiler - Counterfeit Coin</title>
    <link rel="shortcut icon" href="../../../../Cardspoiler_Title_Logo.tif">
    <meta name="description" content="BlackTie.co - Free Handsome Bootstrap Themes" />
    <meta name="keywords" content="themes, bootstrap, free, templates, bootstrap 3, freebie,">
    <meta property="og:title" content="">

    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="fancybox/jquery.fancybox-v=2.1.5.css" type="text/css" media="screen">
  <link rel="stylesheet" href="css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,600,300,200&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

</head>
<style>
html {
  position: relative;
  min-height: 100%;
}
body {
  background: #232526;
    background: -webkit-linear-gradient(to right, #232526 , #414345);
    background: linear-gradient(to right, #232526 , #414345);
    margin: 0em;
}
a { cursor: pointer; cursor: hand; }
footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  height: 130px;
    z-index: 200;
    background: #e4e6e5;
  background-color: rgba(228,230,229,.9);
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
    border-top: solid transparent 5px;
}
#content{
    padding-bottom: 70px;
}
#text-content{
    padding: 175px 0 0 0;
}
.col-aligncenter{float: none;margin: 0 auto;}
#locator { /* for the FB comments plugin */
  position: absolute; visibility: visible; left: 775px; top: -270px; height: 100px; width: 500px; z-index: 200;
}
@media (min-width: 1000px) {
    .container{
        max-width: 1200px;
    }
}
.fb_container {
    overflow-y: auto;
    overflow-x: hidden;
    color: white;
    }
</style>

<body>
    <div class="navbar navbar-fixed-top" data-activeslide="1">
        <div class="container-fullwidth">

            <!-- .navbar-toggle is used as the toggle for collapsed navbar content -->
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <a class="navbar-brand" href="../../Navbar/Home.html">Cardspoiler</a>
            <div class="nav-collapse collapse navbar-responsive-collapse" >
                <ul class="nav row">
                    <li data-slide="1" class="col-12 col-sm-1"><a id="home" title="Home"><span class="icon icon-home"></span> <span class="text">Home</span></a></li>
                    <li data-slide="2" class="col-12 col-sm-1"><a id="warrior" title="Warrior" class="external nav"><span class="icon icon-filter"></span> <span class="text">Warrior</span></a></li>
                    <li data-slide="3" class="col-12 col-sm-1"><a id="druid" title="Druid"><span class="icon icon-leaf"></span> <span class="text">Druid</span></a></li>
                    <li data-slide="4" class="col-12 col-sm-1"><a id="priest"title="Priest"><span class="icon icon-plus-sign"></span> <span class="text">Priest</span></a></li>
                    <li data-slide="5" class="col-12 col-sm-1"><a id="paladin" title="Paladin"><span class="icon icon-heart"></span> <span class="text">Paladin</span></a></li>
                    <li data-slide="6" class="col-12 col-sm-1"><a id="hunter" title="Hunter"><span class="icon icon-screenshot"></span> <span class="text">Hunter</span></a></li>
          <li data-slide="7" class="col-12 col-sm-1"><a id="mage" title="Mage"><span class="icon icon-fire"></span> <span class="text">Mage</span></a></li>
          <li data-slide="8" class="col-12 col-sm-1"><a id="shaman" title="Shaman"><span class="icon icon-tint"></span> <span class="text">Shaman</span></a></li>
          <li data-slide="9" class="col-12 col-sm-1"><a id="warlock" title="Warlock"><span class="icon icon-user"></span> <span class="text">Warlock</span></a></li>
          <li data-slide="10" class="col-12 col-sm-1"><a id="rogue" htitle="Rogue"><span class="icon icon-eye-close"></span> <span class="text">Rogue</span></a></li>
          <li data-slide="11" class="col-12 col-sm-1"><a id="minions" title="Minions"><span class="icon icon-chevron-up"></span> <span class="text">Minions</span></a></li>
          <li data-slide="12" class="col-12 col-sm-1"><a id="spells" title="Spells"><span class="icon icon-chevron-down"></span> <span class="text">Spells</span></a></li>
                </ul>
                <div class="row">
                    <div class="col-sm-1 active-menu"></div>
                </div>
            </div><!-- /.nav-collapse -->
        </div><!-- /.container -->
    </div><!-- /.navbar -->
  <div class="table-responsive" id="content">
        <div class="container">
    <table class="table">
        <td valign="top">
          <img src="../../../../0/Counterfeit_Coin.png" align="left" class="img-responsive">
          <div id="center">
                    <div id="text-content">
          <font color="#888888" style="font-size:300%">
            Counterfeit Coin
          </font>
            <br>
s            <br>
            <font style="font-size:160%" color="9B764C">
            Cost:
          </font>
                    <font style="font-size:130%" color="#888888">
                    0
                    </font>
                    <br>
            <font style="font-size:160%" color="9B764C">
            Type:
            </font>
            <font style="font-size:130%" color="#888888">
            Spell
            </font>
            <br>
            <font style="font-size:160%" color="9B764C">
            Text:
            </font>
            <font style="font-size:130%" color="#888888">
            Gain 1 mana crystal this turn only.
                        <div id="right">
                            <div id="locator">
                            <div class="hidden-xs hidden-sm">
                                <div class="fb_container">
                              <div class="fb-comments" data-href="https://www.facebook.com/cody.bontecou" align="right" data-width="500px" data-numposts="3"></div>
                            </div>
                                </div>
                                </div>
                    </div>
                    </div>
                        <br>
                        <br><br>
                        <br><br>
                        <br>
                        <br>
            </font>
          </div>
    </div>
</div>
    </table>
  </div>
</div>
  <center>
        <footer>
            <div class="footer" id="footer">
                    <div class="container.customcontainer">
                                <div class="col-lg-6">
                                    <div align="right">
                                                <font color="888888" size="4%">CARDSPOILER.COM</font>
                                                <font color="9B764C" size="3%">
                                                <br>
                                                Freedom to know
                                                                                    </font>
                                                <br>
                                                                                        <br>
                                                <font size="2%" color="666666">
                                                We are here to bring you visual, leaked spoilers for all of <br> the cards you love within a simple gallery.
                                                <br>
                                                                                    </font>
                                                <font color="#333333">
                                                    <a href="mailto:help@cardspoiler.com" style="text-decoration:none;color:#9B764C;font-size:70%;">CONTACT US</a>
                                                    <a href="../../Privacy_Policy.html" style="text-decoration:none;color:#9B764C;font-size:70%;">PRIVACY POLICY</a>
                                                </font>
                                                                                    </div>
                                                                                </div>
                                                                                    <div class="col-lg-6">
                                                                                        <div align="left">
                                            <font color="#888888" size="2%">
                                                <a href="MSoG.html" style="text-decoration: none;color:#888888;">Mean Streets of Gadgetzan</a>
                                            </font>
                                            <br>

                                            <font color="#888888" size="2%">
                                                <a href="ONiK.html" style="text-decoration: none;color:#888888;">One Night in Karazhan</a>
                                            </font>
                                            <br>

                                            <font color="#888888" size="2%">
                                                <a href="WotOG.html" style="text-decoration: none;color:#888888;">Whispers of the Old Gods</a>
                                            </font>
                                            <br>

                                            <font color="#888888" size="2%">
                                                <a href="tLoE.html" style="text-decoration: none;color:#888888;">The League of Explorers</a>
                                            </font>
                                            <br>

                                            <font color="#888888" size="2%">
                                                <a href="TGT.html" style="text-decoration: none;color:#888888;">The Grand Tournament</a>
                                            </font>
                                            <br>

                                            <font color="#888888" size="2%">
                                                <a href="BrM.html" style="text-decoration: none;color:#888888;">Blackrock Mountain</a>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                        </footer>


</body>

    <!-- SCRIPTS -->
    <script src="js/html5shiv.js"></script>
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="fancybox/jquery.fancybox.pack-v=2.1.5.js"></script>
    <script src="js/script.js"></script>
    <script>
window.fbAsyncInit = function() {
    FB.init({
      appId      : '220939261681295',
      xfbml      : true,
      version    : 'v2.8'
    });
  };
  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
   $(function(){
   var navMain = $("#nav-main");
   navMain.on("click", "a", null, function () {
       navMain.collapse('hide');
   });
});
$(".fb_container").css("height","400px");
    </script>
</html>

最佳答案

最终找到了一个简单的解决方案来解决我的问题。在<div class="fb-comments" data-href="https://www.facebook.com/cody.bontecou" align="right" data-width="500px" data-numposts="3"></div>内我能够添加 data-colorscheme="dark"进去。代码现在看起来像:

<div class="fb-comments" data-href="https://www.facebook.com/cody.bontecou" align="right" data-width="500px" data-numposts="3" data-colorscheme="dark"></div>

关于javascript - Facebook 评论插件字体颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41419929/

24 4 0
文章推荐： Javascript 动态页面
文章推荐： html - 文本对齐 :center has no effect
文章推荐： css - 删除引导导航栏中图形按钮之间的填充
文章推荐： javascript - 滑入动画不起作用
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com