Question

我正在尝试更改网站上菜单项的颜色，但我不知道在哪里添加我想要使用的颜色代码＃c3c3c3

<script type="text/javascript">
jQuery(document).ready(function($){
    // Cufon font replacement & text shadows
    Cufon.replace('#sidebar .font, #content .post .font, #card-container .font, #frontwidgets h3, #gallery .gal_item .font, #nicepagination .font',{ fontFamily: 'Junction', textShadow: '#fff 0px 1px' });
    Cufon.replace('#footer .font',{ fontFamily: 'Junction', textShadow: '#000 0px -1px' });
    Cufon.replace('#content .title-container .font, #mainmenu ul.menu li:not(.current_page_item, .current-menu-parent) a.font',{ fontFamily: 'Junction', textShadow: '#<?php echo $color->bg['-4']; ?> 0px -1px' });
    Cufon.replace('#mainmenu ul.menu li.current-menu-item a.font, #mainmenu ul.menu li.current-menu-parent a.font',{ fontFamily: 'Junction', textShadow: 'none' });

    // Fixing menu hovers as cufon can't seem to handle different div-hover colors
    $('#mainmenu').find('ul.menu').children('li:not(.current-menu-item, .current-menu-parent)').hover(
        function () {
            Cufon.replace($(this).find('a.font'),{ fontFamily: 'Junction', color: '#<?php echo $color->bg['0']; ?>', textShadow: 'none' });
        },
        function () {
            Cufon.replace($(this).find('a.font'),{ fontFamily: 'Junction', color: '#<?php echo $color->fg['-2']; ?>', textShadow: '#<?php echo $color->bg['-4']; ?> 0px -1px' });
        }
    );
});
</script>

***注意这是一个wordpress主题，由cufon替换字体，它取代了css中的任何内容，所以当我这样做时，改变css什么都不做

Answer 1

您的代码表明该主题可能从数据库中获取颜色，这意味着主题作者可能很容易通过WordPress仪表板编辑这些颜色，因此选择1是围绕管理部分查看这些选项。

另一方面，您可以快速（但非常有效）的方式进行操作，只需编辑代码的这一部分：

<?php echo $color->bg['0']; ?>

<?php echo $color->bg['-4']; ?>

只需用颜色代码替换它，比如FFFFCC或FF0000（前面不需要＃，因为它们已经就位了，你会看到）

Answer 2

通常菜单项是链接，您可以将颜色更改代码放在css中。

例如：

HTML中的

：

//...
<li><a href="about.php">About Us</a></li>
//...

CSS文件中的

：

.menu a
{
   color:Black;
}
.menu a:hover
{
   color:Maroon;
}

php编辑Cufon字体替换

2 个答案: