February 28, 2009
スタイルシート(CSS)カスタマイズ #04 引用枠のカスタマイズ
背景や文字を変えてしまうと
引用枠も合せて変更しておかないと見づらくなる。
ブログ記事のタイトル、日付、背景の項目の少し下に、
/* =blockquote */
という項目がある。
引用枠の枠部分を点線にしたり
うちのように左側だけ太くしてみたりといろいろできる。
あとは検索すればやり方がいくらでも出てくるので試してみるだけ。
blockquoteの下にでも追記すればいい。
参考までにうちの設定
実際タイトル表記をしたい場合は
<div class="quotetitle">タイトル</div>
のように使う。
(表記の都合で<>が全角になってるが、使う時は半角で)
引用枠も合せて変更しておかないと見づらくなる。
テスト
blockquoteの設定
ブログ記事のタイトル、日付、背景の項目の少し下に、
/* =blockquote */
という項目がある。
引用枠の枠部分を点線にしたり
うちのように左側だけ太くしてみたりといろいろできる。
あとは検索すればやり方がいくらでも出てくるので試してみるだけ。
引用タイトルの設定
こんな風に引用の中にタイトルをつけることができる。
引用の中で使用しなければ上にある[blockquoteの設定]のように
下線を引いたミニ・タイトル風にも使える。
blockquoteの下にでも追記すればいい。
参考までにうちの設定
/*quotetitle設定*/
.quotetitle{
WIDTH: 98%;
font-size:15px;
font-weight:bold;
border-bottom: 1px solid ;
padding: 0 0 0 1px;
}
実際タイトル表記をしたい場合は
<div class="quotetitle">タイトル</div>
のように使う。
(表記の都合で<>が全角になってるが、使う時は半角で)
February 27, 2009
スタイルシート(CSS)カスタマイズ #03 文字・背景・リンクの色を変える
とりあえず最初にやってみたくなるのは文字や背景を変えることかもしれない。
私はリンク上にマウスポインタを置くと赤に変色する仕組みが
見えやすくて好きなのでいつも第一にここを変更する。
カスタマイズ箇所はいつも通りの場所。
[カスタマイズ/管理] → [デザインのカスタマイズ] → [スタイルシート(CSS)]
上の方にこんなものがある。
body{
color:#●●●●●● }
これが本文の文字色。
●●●●●●は数字やアルファベットで、●●●の場合もある。
background:#●●●●●●
背景色。urlで背景イメージ(画像)が指定されている場合もある。
背景色の下にある項目でリンクの色が指定されている。
a
a:link
a:visited
a:active
a:hover
visitedは訪問済リンクの色。
hoverはマウスポイントを置いた時の変化色。
あとは同じ色にしておけばいいと思う。
全部同じでもいい。
[text-decoration:none]は変化なし、
[text-decoration:underline]にすると下線が表示されるようになる。
記事本文のタイトルではなく、ブログのタイトルの方。
#header
#container
#banner,subbanner,
の下にある
#banner a
#banner a:link
#banner a:visited
#banner a:active
#banner a hover
の項目を、リンクの場合と同じように変更する。
blogtitle項目を変更してしまいそうだが、
もっと下の方にある
.date
.blogbody
.title
.main
ここを変更する。
こんな感じで色を変えるとガラッと雰囲気が変わる。
私はリンク上にマウスポインタを置くと赤に変色する仕組みが
見えやすくて好きなのでいつも第一にここを変更する。
文字・背景の色を変える
カスタマイズ箇所はいつも通りの場所。
[カスタマイズ/管理] → [デザインのカスタマイズ] → [スタイルシート(CSS)]
上の方にこんなものがある。
body{
color:#●●●●●● }
これが本文の文字色。
●●●●●●は数字やアルファベットで、●●●の場合もある。
background:#●●●●●●
背景色。urlで背景イメージ(画像)が指定されている場合もある。
リンク色を変える
背景色の下にある項目でリンクの色が指定されている。
a
a:link
a:visited
a:active
a:hover
visitedは訪問済リンクの色。
hoverはマウスポイントを置いた時の変化色。
あとは同じ色にしておけばいいと思う。
全部同じでもいい。
[text-decoration:none]は変化なし、
[text-decoration:underline]にすると下線が表示されるようになる。
ブログのタイトル(表題)色を変える
記事本文のタイトルではなく、ブログのタイトルの方。
#header
#container
#banner,subbanner,
の下にある
#banner a
#banner a:link
#banner a:visited
#banner a:active
#banner a hover
の項目を、リンクの場合と同じように変更する。
記事のタイトル、日付、背景など
blogtitle項目を変更してしまいそうだが、
もっと下の方にある
.date
.blogbody
.title
.main
ここを変更する。
こんな感じで色を変えるとガラッと雰囲気が変わる。
February 26, 2009
『劇場版 AIR』 (2005年日本)
劇場版 AIR (通常版) [DVD]
出演:川上とも子
販売元:ジェネオン エンタテインメント
発売日:2005-08-05
おすすめ度:
クチコミを見る
プレイステーション3のバージョン1.80アップデートにおいて搭載された
アップコンバート機能の性能基準は『AIR』のDVD版をBlu-ray版と
同レベルで見えるようにするというものであったとか。(wikipedia:Air)
監督はあの「出崎統」氏であり、同シーンを3回リピートしたり、
画面が白トビしているような入射光ばかりの画面だったりと、
往年の名作スポコンアニメを見ているような印象だった。
内容・キャラクターデザインと作風とが見事にアンバランスで、
アクションものに向いた監督ではないかなーと感じる。
ちなみに『劇場版CLANNAD -クラナド-』も同じ印象。
京都アニメーションのもので十分な……。
出演:川上とも子
販売元:ジェネオン エンタテインメント
発売日:2005-08-05
おすすめ度:
クチコミを見る
プレイステーション3のバージョン1.80アップデートにおいて搭載された
アップコンバート機能の性能基準は『AIR』のDVD版をBlu-ray版と
同レベルで見えるようにするというものであったとか。(wikipedia:Air)
監督はあの「出崎統」氏であり、同シーンを3回リピートしたり、
画面が白トビしているような入射光ばかりの画面だったりと、
往年の名作スポコンアニメを見ているような印象だった。
内容・キャラクターデザインと作風とが見事にアンバランスで、
アクションものに向いた監督ではないかなーと感じる。
ちなみに『劇場版CLANNAD -クラナド-』も同じ印象。
京都アニメーションのもので十分な……。