用于Cufon字体替换的php编辑

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;
}