Ustream実況用ニコニコ風Growlスタイル OreNamaというのが公開されていて、これはGrowlと言われるMac向けの通知用ソフトウェアの表示スタイルの一部で、あとはぐぐれ

それで、これ見てみたら、横が720pxだか780pxあたりまでで、MacBookで流すと画面いっぱいに流れてくれない。

キモイので、とりあえずなんとかしてみた。けど、すごいテキトーだから誰かにまかせる。

とりあえず、流れれればいいやって人向けかなー。あとは、細かい事は自分でstyle.cssか、表示時間の調整をしてみては。おれは、システム拡張設定のGrowl画面から弄れる方のOreNama表示時間は6.5sぐらいにした。

で、ダウンロード形式もめんどくさいんで、貼付けておくね！

ああ、ちなみにstyle.cssだけど、OreNamaインストールしてから、/Users/accountname/Library/Application Support/Growl/Plugins/OreNama.growlStyle のパッケージを開けば中にあるよ。

html {
 height: 100%;
}
body {
 font-family: "Hiragino Kaku Gothic StdN", MeiryoKe_PGothic;
 align: left;
 padding: 0px 0px 0px 0px;
 position: relative;
 margin-left: -1280px; /* -"最大横幅サイズ" */
 margin-top: 20px; /* 各Growl通知間のスペース */
 margin-right: 0;
 margin-bottom: 0;
}
#box {
 font-size: 24px; /* 文字サイズ */
 width: 1440px; /* =最大横幅サイズ+画面左からの横幅サイズ */
 -webkit-text-stroke-width:1px; /* 文字のアウトライン太さ */
 -webkit-text-stroke-color:#000; /* 文字のアウトライン色 */
 text-shadow: #000 0 0 2px; /* 疑似アンチエイリアス */
 white-space: nowrap;
 word-wrap: normal;
 overflow: visible;
 position: relative;
 margin: 0;
 padding: 0;
 white-space: normal;
 word-wrap: break-word;
}
/* アニメーション（文字流し）の設定 */
#animation  {
 margin-left: 1280px; /* 最大横幅サイズ */
 width: 1280px; /* 最大横幅サイズ */
 -webkit-animation-name: move; /* アニメーション名 */
 -webkit-animation-duration: 11.5s; /* 移動表示時間（秒） */
 -webkit-animation-iteration-count: 1; /* アニメーション実行回数 */
 -webkit-animation-timing-function: linear; /* アニメーションの種類 */
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 padding: 0;
 white-space: normal;
 word-wrap: break-word;
}
/*アニメーション制御 0%=始点 100%=終点 */
@-webkit-keyframes move {
 0%        { -webkit-transform: translate(1280px,0px);} /* "最大横幅サイズ",0 */
 60%        { -webkit-transform: translate(0px,0px);}
 75%        { -webkit-transform: translate(0px,0px);}
 100%    { -webkit-transform: translate(-1280px,0px);} /* "最大横幅サイズ",0 */
}
/* Growl優先度（プライオリティ）設定 */
.verylow {
 color: #929292;
}
.moderate {
 color: #c0c0c0;
}
.normal {
 color: #fff;
}
.high {
 color: #fbff32;
}
.emergency {
 color: #f71818;
}

とりあえず、作者さんがTwitter用なるものも作ってるみたいだから、そっちのほう待った方が良いかも〜ねかもね。

過去に使用していたCSSとかを展示してます。まあ参考には成らないだろうが、怖い物見たさ？

1. スパイラルブルー
2. ブラックインスパイア
3. スプラッシュスター
4. ヨークサルビア
5. Newヨークサルビア

特別にあしらったCSSとか

なんかCSS大会とかなんかで特別に製作したCSSとか何か

1. ヨークアベリア
   こちらは画像の使用を極力控えてかっこいいCSSデザインをやってみよう大会用に作成したものです。

picobbsスタイルシート

picobbs ver.2.05b用のスタイルシートをダウンロードできます。

基本的に改造やら何やらはご自由にどうぞ。スル人居ないと思うけど、二次配布とかもご勝手にどうぞ。著作権は一応有るよーって感じでいいです。表記は要りません。

一部バグ有り、一部picobbs自体を弄らないと正常に再現されません。自分でお調べください。CSS見れば大体弄る部分はわかると思います。

ちなみにサポートはしません。ノーサポートノークレームです。サンプルも廃止ました。

クリスタルスタイル

下のアクアスタイルを書き直し、進化させたやつ。こっち使った方が身のため。ただし若干picobbs.cgi弄らないと行けません。ie.cssですがOpera6、FireFox1.0等で確認済み。正常です。たぶん。

何処をどう弄るかは、おぼえてません…。

• ダウンロードはこちらから ZIP形式 約3.9K

アクアスタイル

MacOS Xのアクアっぽいスタイル。っぽいだけです。CSSにバグあり。お勧めしません。

• ダウンロードはこちらから ZIP形式 約2.2K