1. ねこまぐろ雑貨店 >
2. Gallery >
3. CSS Archives >

豊姫モード

Last-modified: 2010-02-06

概要

使用期間

2010年2月6日から使用。

デザインについて

豊姫を左に置いてみると言うテスト。CSS3を使用した、IE6切捨てスタイル。他でfirst-leterが崩れるのは仕方ない。確認はFirefox 3.6。

スタイルの確認

見出し(H3)

見出し（H4）

見出し（H5）

見出し（H6）

H4は日記のタイトル程度（二次創作ページの語ってる所とかも）。H5、H6は使ってない。

段落

イベントの支援もありますが、キャラをメインに利用したCSSにしたかったので書いてみました。 イラストサイトと言う事で、横幅650pxが絵に取られますので、790px程度に収めるため、140px程度のみ透明度100%、その他は20%程度にするなど。 あと、第六弾 メイドからバニーに変化(へんげ)を実行しようとして挫折しました。……おかしいなぁ。

段落２番目。line-heightは1.6です。

遊びで入れてみた定義リストがくどいと思いますｗ　まだ変わるかも。イラストのサンプルもいれたい…。

末尾の依姫は:hover対応。ここも豊姫予定でしたが、テスト時の一時表示でしっくりきたからそのまま。

順不同リスト

• ケモノ耳
• 猫耳
• 狐耳
• うさ耳
• 犬耳
• しっぽ

序列リスト

1. チョコミントアイス
2. チョコレート
3. カルパス
4. ポテトチップス
5. 餃子
6. ラーメン

定義リスト

DPS-D - D'sBGM

これに救われている簡単な毎日。

畑亜貴

ｍｏｏ氏キャラクターデザインなゲームの曲しか聞いてないアレ。

ZUN

弾幕が浮かぶ。最近はどれがどの曲か分からなくなってきた。記憶の限界。

DEVICEREIGN

音楽作成時のジャンルが“デバイスレイン”に惚れている。

引用

如何なるブラウザでも、閲覧可能にを目標にサイト作成をしてます。 見やすく、軽く、楽しくをモットーに(＞ω＜)ノ

引用のCSSがよく分かってない模様。次回は…調べる。

整形済テキスト

<blockquote cite="http://www.tailtame.com/about/">
<p>
<a href="http://www.anybrowser.org/campaign/anybrowser_jp.html">如何なるブラウザでも、閲覧可能に</a>を目標にサイト作成をしてます。
見やすく、軽く、楽しくをモットーに(＞ω＜)ノ
</p>
</blockquote>

テーブル

あれ、無指定……。

インライン要素

• em: 好き
• strong: 大好き
• q: ねこにまぐろでねこまぐろ
• code: display: inline
• kbd: Ctrl + Z
• a: ねこまぐろ雑貨店、Google
• del: やおい
• ins: やわらかい
• small: ちいさい
• big: 大きい