Skip to main content

From Amarok Wiki

Deutsch | English| 简体中文


想要你的 Amarok 目录内容酷炫无比? 好的,使用新的 CSS 样式,你就可以做到!

Contents

在 Amarok 中设置你自己的 CSS 样式

  • 打开 "配置 Amarok(Configure Amarok)":
菜单栏->设置(Settings)->配置 Amarok(Configure Amarok...),或者: 菜单(Menu)->配置(Configure Amarok...)
  • 选择左边的 "外观(Appearance)",然后,在"内容浏览样式(Context Browser Style)"的下面,选择一个样式或安装一个新的.

Dissecting the Style Sheet

Styles to Note

  • body {} : Context Side Bar Background (Appears in Music, Lyrics, and Artist Tabs)
  • a {}: Generic Links
  • .button : Button for the lyrics box, and probably various others. For example, for a song without lyrics, it gives you "add lyrics".

针对内容浏览的样式

这里就是处理内容浏览侧边栏上可设置部分的样式.

全局样式 

Box 样式
.box {}
.box:hover {}
.box-body {}
.box-header {}

音乐内容标签

这些 CSS 标识符是应用于音乐内容栏中的对象."

当前信息

这个是音乐播放时出现在顶部的 box.
 它将显示当前正在播放的音乐的信息. 

顶部 Box
 #current_box {}
 #current_box-body { }
 #current_box-header { }
 #current_box-header-album { }
 #current_box-header-artist { }
 #current_box-header-nav { }
 #current_box-header-prettytitle { }
 #current_box-header-separator { }
 #current_box-header-songname { }
 #current_box-header-stream { }
 #current_box-information-td { }
 #current_box-largecover-a { }
 #current_box-largecover-image { }
 #current_box-largecover-td { }
 #current_box-table { }
Music Brainz
 #musicbrainz-a { }
 #musicbrainz-div { }
 #musicbrainz-image { }
Favorites Box

This is the middle box that appears when music is playing.
 It typically heads with "Favorite Tracks by..." 

Middle Box
 #favorites_box-body { }
 #favoritesby-header { }
 #favoritesby_box {}
 #favoritesby_box-header-title { }
Song Links
 .song a { }
 .song a:hover { }
Stats Box
 .statsBox { }
 .sbtext { }
 .sbouter { }
 .sbinner { }
专集 Box

These styles apply to the boxes heading "Albums by...", "Your Newest Albums" and "Favorite Albums" 

Bottom Box
 #albums_box {}
 #albums_box-body { } same as .album-body
 #albums_box-header { } same as .album-header
 #albums_box-header-title { }
 .album-body {} album song list container
 .album-header {} collapsible album bar container
Collapsible Album bar
 .album-image {} Album PICTURE
 .album-info {} Number of TRACKS in Album
 .album-title { } Album TITLE
 .album-length {} Album PLAY TIME
 .album-year { } Album YEAR
Album Songs
 .album-song {} Song ROW
 .album-song-trackno { } Song TRACK NUMBER
 .album-song-title { } Song TITLE
 .album-song-time { } Song TIME

歌词内容标签 

歌词 Box
 #lyrics_box {}
 #lyrics_box-body { }
 #lyrics_box-header { }
 #lyrics_box-header-title { }
 .button {}

演唱者内容标签 

Wiki Box
 #wiki_box { }
 #wiki_box-body { }
 #wiki_box-header { }
 #wiki_box-header-title { }

Amarok 中预设的 CSS 标识符(版本(status): 1.4)

使用的类: 

 .album-body { }
 .album-header { }
 .album-image { }
 .album-info { }
 .album-length { }
 .album-song { }
 .album-song-time { }
 .album-song-title { }
 .album-song-trackno { }
 .album-title { }
 .album-year { }
 .box { }
 .box-body { }
 .box-header { }
 .box-header-nav { }
 .box-header-prettytitle { }
 .box-header-title { }
 .box-row { }
 .button { }
 .disc-separator { }
 .info { }
 .ratingBox { }
 .ratingStar { }
 .sbinner { }
 .sbouter { }
 .sbtext { }
 .scoreBox { }
 .song { }
 .song-separator { }
 .statsBox { }

Amarok SVN/Amarok 1.4.5 下面的类用于音乐标签(tag)编辑器 

 .label { }
 .size1 { }
 .size2 { }
 .size3 { }
 .size4 { }
 .size5 { }
 .size6 { }
 .size7 { }
 .size8 { }
 .size9 { }
 .size10 { }

使用的 ID: 

 #albums_box { }
 #albums_box-body { }
 #albums_box-header { }
 #albums_box-header-title { }
 #artist-back-a { }
 #artist-google { }
 #artist-wikipedia { }
 #building_box { }
 #building_box-body { }
 #building_box-header { }
 #building_box-header-title { }
 #context { }
 #cue_box { }
 #cue_box-body { }
 #cue_box-header { }
 #cue_box-header-title { }
 #current_box { }
 #current_box-body { }
 #current_box-header { }
 #current_box-header-album { }
 #current_box-header-artist { }
 #current_box-header-nav { }
 #current_box-header-prettytitle { }
 #current_box-header-separator { }
 #current_box-header-songname { }
 #current_box-header-stream { }
 #current_box-information-td { }
 #current_box-largecover-a { }
 #current_box-largecover-image { }
 #current_box-largecover-td { }
 #current_box-table { }
 #favorites_box-body { }
 #favoritesby-header { }
 #favoritesby_box { }
 #favoritesby_box-header-title { }
 #introduction_box { }
 #introduction_box-body { }
 #introduction_box-header { }
 #introduction_box-header-title { }
 #least_box { }
 #least_box-body { }
 #least_box-header { }
 #least_box-header-title { }
 #lyrics_box { }
 #lyrics_box-body { }
 #lyrics_box-header { }
 #lyrics_box-header-title { }
 #musicbrainz-a { }
 #musicbrainz-div { }
 #musicbrainz-image { }
 #notindb_box { }
 #notindb_box-body { }
 #notindb_box-header { }
 #notindb_box-header-title { }
 #related_box { }
 #related_box-header { }
 #related_box-header-title { }
 #stream-history_box { }
 #stream-history_box-body { }
 #stream-history_box-header { }
 #suggested_box { }
 #suggested_box-header { }
 #suggested_box-header-title { }
 #wiki_box { }
 #wiki_box-body { }
 #wiki_box-header { }
 #wiki_box-header-title { }
Retrieved from "http://www.amaroklive.com/wiki/Amarok_1.4/Development/CSS_Styles/zh"