自定义光标与.less

时间:2013-12-06 06:57:28

标签: css less joomla2.5

我正在使用Joomla 2.5和龙门式主题。我正在尝试使用.less构建自定义文本类型,而且我的方式已经超出了我的范围。 文本是可点击的,并播放音频文件。现在我正在寻找一种干净的方法,能够在站点范围内更改文本属性,而无需每次都编辑每篇文章。我试图在.less文件中创建一个自定义类,它将在悬停时更改鼠标光标,但我根本无法使其工作。

以下是我设置音频的方法:

<audio type="audio/mpeg" id="all" src="images/audio/BlackFriday/p2.mp3"></audio>
<div class="aa"><a onclick="document.getElementById('p2').play()">Black Friday sales are not all they are cracked up to be.</a></div>

我正在尝试使用类“aa”,它在.less文件中定义。以下是.less文件的全部内容:

/** audio playing text. includes font and cursor*/
.aa {
    cursor: url(images/headphones.cur);
}

我也尝试使用span来调用类“aa”,但说实话这对我来说是一个新的领域所以我可能会对我的处理方式有所了解。

这是.less文件的路径:

templates/rt_spectral/less/template-custom.less

对于光标文件:

images/headphones.cur

对正在发生的事情的任何想法都将是一个巨大的帮助。感谢。

2 个答案:

答案 0 :(得分:1)

根据您在CSS中提供路径的路径不正确,应该是:

.aa {
    cursor: url(../../../images/headphones.cur);
}

答案 1 :(得分:0)

非常感谢Jarno的快速反应。 我得到了这个照顾,但我不得不添加一些我之前没有遇到的事情。 这是我的.less文件:

.aa {cursor: url(/images/listen.cur), progress !important;}

要花很长时间才能正常工作,直到我添加

progress !important

光标已更改。我理解!很重要,但我找不到任何进展!重要的是,没有它就没有效果。 再次感谢!没有你的相对路径帮助,什么都行不通。