気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
CSSで検索フォームの見た目を変更
34 users
redline.hippy.jp
redline.hippy.jp
redline.hippy.jp
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
CSSで検索フォームの見た目を変更 ネタがなくなってきたので、このブログ内のデザインネタでも。 タイト... CSSで検索フォームの見た目を変更 ネタがなくなってきたので、このブログ内のデザインネタでも。 タイトルの通り、検索フォームをcssで見た目を変えてしまおうという内容。 このエントリの右上部分に検索フォームを置いてるわけですが、とりあえずまずは変更する見た目の画像を用意。私が用意したのはこのinputのテキストフォーム用の画像とその部分のhover時、focus時用の画像(IE6では関係ないんですが)inputのボタン部分の画像の3つ。 こいつが通常時のフォームの背景画像。 こいつがhover時、focus時の画像。 こいつがボタン(のつもり) 元々ボタン代わりの虫眼鏡アイコンはフォーム部分に被せるつもりだったのでそのつもりで書き出し。ということでこんな中途半端な感じの画像になっとります。 XHTMLソース <div id="searchbox"> <form action="xxxxxx
redline.hippy.jp
redline.hippy.jp
redline.hippy.jp
redline.hippy.jp
www.ben54.jp
anond.hatelabo.jp
suan.tokyo
anond.hatelabo.jp
togetter.com
zenn.dev/zuzuzu
togetter.com
speakerdeck.com/likr
toya.hatenablog.com
japan.cnet.com
dev.classmethod.jp
www.youtube.com
2011/06/07 リンク