MPP(kari)とは、ピコカキコをプレイヤー風に見せるhtmlテンプレートのこと。製作者は大百科編集者のあずまうど氏。
概要
なんか液晶画面の文字が右から左に流れそうな(流れない(流れてほしい(流れろ)))かんじのピコカキコプレイヤーです。2015年作。
右にあるのがMPP(kari)の本体である。2015年、あずまうど氏がデザインを行ったもので、現在氏のユーザー記事に掲載されている。
ピコカキコプレイヤー用のテンプレートとしては「pikopod」シリーズが知られるが、このテンプレートはそれと比較すると小型であり、書き換えの必要箇所も少ない。
pikopod mini |
---|
pikopodのようなサムネイル画像の表示はないが、デザインは中庸、小型でスペースの消費も少なく、色の書き換えは容易であるなど、場所を選ばずに配置することができるのが利点。
名前は長い場合はみだした部分が隠れ、自動でスクロールしてくれそうな雰囲気を出してくれる(が、動いてはくれない)。pikopodでは曲名が長い場合改行してプレイヤーが伸びる。
なお、名称についてはあずまうど氏は主に「ピコプレイヤー」などと通称しているが、当記事ではテンプレート内に書いてあったものを名称とみなしている。
導入方法
記事のHTMLにテンプレートを貼り、必要箇所を書き換える。以下、ユーザー記事掲載のテンプレートを転記した。
- 【ピンク色】のとこを必ず書き換えてください。
- #A0B0C0のとこを書き換えると本体の色が変わります。色は彩度の低い・薄いものを推奨。
- 右寄せする場合は一行目の style="~~~" の中に float: right; と書き加えてください。複数並べる場合は float: left;で。次段のh2とかと被ったりするときはclearしてください。
<div style="width: 170px; height: 70px; margin: 5px;">
<div style="width: 160px; height: 60px; background-color: #A0B0C0; margin: 5px;">
<!--【※】background-colorで本体の色を変更できます(彩度の低い薄い色を推奨)-->
</div>
<div style="width: 170px; height: 70px; background: url('/oekaki/791850.png') no-repeat; margin-top: -70px;">
<div style="width: 77px; height: 23px; padding-top: 16px; padding-left: 24px; overflow: hidden;">
<pre style="color: #303820; font-size: 10px; font-weight: bold; font-family: 'MS PGothic','MS Pゴシック',sans-serif;">
<a href="【ピコカキコURL(ピコの投稿されたレス)】" title="【ピコカキコタイトル】">【ピコカキコタイトル】<!--【※】ピコカキコのタイトル(2箇所)とレスURLを変更してください--></a>
</pre>
<span style="display: none;">MPP(kari)</span>
</div>
<div style="width: 86px; height: 18px; padding-left: 15px;">
<img src="/img/pikoplayer.png" alt="【ピコカキコID】" /><!--【※】ピコカキコのIDを変更してください-->
</div>
</div>
</div>
関連項目
- 3
- 0pt