sk7zの備忘録

自分用メモなど

節電鯖のDynmapプレイヤー下スクロールボタンを表示する方法とおまけ

f:id:sk7z:20170211125131p:plain



まずStylishプラグインをダウンロードします

Stylish - ウェブサイト用カスタムテーマ - Chrome ウェブストア

Stylish :: Add-ons for Firefox

インストールが終わったら

新しいスタイルを作成をクリックしてコード入力画面に以下を入力

.dynmap legend {
padding: 0px 4px;
font-weight: bold;
color: #fff;
}

下の適用先を

[次で始まるURL]http://multi.minecraftuser.jp/

適当な名前をつけて保存

終わり

f:id:sk7z:20170211124633p:plain





おまけ

以下適用でこんなふうになります

 

f:id:sk7z:20170211130521p:plain

 

.dynmap legend {
padding: 0px 4px;
font-weight: bold;
color: #fff;
}

.dynmap .playerlist .playerIcon img {
width: 16px;
height: 16px;
}
.dynmap .playerlist .player {

display: inline-block;

width: 100%;

padding: 0px 0;
border: 0px solid transparent;
}
.dynmap .panel .world {
display: block;
clear: both;

width: 100%;
line-height: 11px;
margin: 0 0 10px 0;

border-bottom: 1px solid rgba(128,128,128,0.3);

}

.dynmap .maplist .map {
display: block;
float: left;

height: 11px;
width: 11px;

padding: 1px;
margin: 3px 3px;

border-radius: 3px;
-moz-border-radius: 3px;

background: rgba(32,32,32,0.6);
border: 1px solid rgba(64,64,64,0.6);
}


pxテキトーに弄っただけなので不具合あるかも