2011/02/11(金)blockquote

はてブ数 2011/02/11 04:34 サイト運営::デザインつーさ

前回の記事を書くにあたって、blockquoteのデザインに腐心。
なんかかわいい感じのデザインないかなって。

画像入れるのめんどかったんで、CSSだけでなんとかなればいいな、
とか思ってちょいちょいいじってました。

で、こんな感じのやつを
作ったのです。

いちお、OperaとIEとFirefoxとChormeで確認して、
思った通りに表示されてるみたいですが、
後はなんかフォントが指定できればなぁ。

blockquote:before {
  position: absolute;
  display: block;
  float: left;
  top: 36pt;
  left: -32pt;
  font-size: 88pt;
  content: "“";
  color: #DDE;
}

blockquote {
  position: relative;
  margin-left: 36pt;
}

2006/08/14(月)どの色がお好み?

はてブ数 2006/08/14 21:39 サイト運営::デザインつーさ


ちなみに、私は緑がお気に入り。

# 勢いに任せて実装しようとしてはいけないな、と思った。
# Geckoには、対応させてみたけど、すごい無理矢理。
# インスペクタで覗かれたら恥ずかしい。
# もはや私が書いてるのは、XHTMLでも何でもないよなぁ。
# XHTML で document.write なんて言語同断なんだよ、本当は。
# 仕様に沿わないものを作ると、精神衛生面にものすごく悪いねぇ。

2006/08/12(土)夏ver(?)

はてブ数 2006/08/12 02:20 サイト運営::デザインつーさ

夏なので青くしてみようかとか思って、CSS試しに書いてたんだけど。
うっかりアップロードしちゃいました><;
元のシートが消えて青化してしまいましたとさ。
どうかしら。
(19:39 追記) そういや、記事リストの方は赤いままだっt

2006/03/17(金)赤系新配色

はてブ数 2006/03/17 22:05 サイト運営::デザインつーさ

1週間ぐらい前にサイトの模様替えをしました。
模様替えといっても、HTMLには手を加えずスタイルシートを書き換えただけですんで、文字通り模様替えです。

カラーイメージのコンセプトは「ゴシック調」です。
とすると、黒地に白とかになるんですが、ネットの世界でその配色はあまりに当たり前すぎてしまうので、んじゃ、赤かな、と。
上品で落ち着いた赤い色を求めてみたのですが、RGBってのはイマイチ扱いが難しなぁ……なんて。
チョコレートとか言われました。あはは。まぁ、確かに、タイトル部分なんか板チョコに見えなくもないです(謎
私にしては珍しいですか? そうですか?
前のパステルカラーなテンプレはSBのデフォルトテンプレートを参考にして作りました。
もちろん嫌いじゃないですが、実際はこういう配色が好きです。
個人的に重要視すべきなのはシンプルさと統一感ですね。
ただ、明度が落ちたのでしつこく感じられるかもしれませんね。