Google HTML/CSS Style Guide
Revision 2.1 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see “Hooray” appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there’s a “toggle all” at the top of this document. This document defines formatting and style rules for HTML
Googleカスタム検索のデザインを変更する方法
今回のブログデザイン変更に伴い、実装してみたカスタマイズなのですが、これはもしかしてかなり使える? と思ったのでご紹介。 検索用に以前からGoogleカスタム検索を導入しているんですが、如何せん通常の検索フォームのデザインがあまりにイケてないんですよね。で、今回このカスタマイズってできないのかなぁとソースをベロベロ開いては考え、開いては考えしていたんです。 そうしたらですね、Googleカスタム検索ってボタンは変更できるんだけど、入力フォーム自体はscriptでスタイルを指定しているってことが解りました。なら、その指定部分を変更できればいいんじゃないかなぁと思っていじくってみた結果、 で・き・た! プログラミングはズブズブのド素人ですが、やってみるもんですねぇ。 というわけで、以下カスタマイズの流れ。 まずは書き換えの前に検索ボックスをデザイン 書き換えをする前に、まずはざっくりとどんなボ
Google カスタム検索の検索ボックスの見た目を独自デザインに変更する
サイト内検索ネタその3。 Google カスタム検索をさらにカスタマイズする。つまりカスタム Google カスタム検索！ Google カスタム検索は結構イケてる。http://www.google.co.jp/coop/cse/ Google カスタム検索でGoogle AJAX Search APIを使ってAjaxな検索機能をサイトに置くこともできる。むろん技術的な知識はあまり必要なく、設定をいろいろするだけでhtmlをはき出してくれる。 デフォルトでは検索ボックスはほとんどデザインされておらず、サイトのテイストと合わないことがあるかもしれない。ただcssでstyleを設定しようにもGoogle カスタム検索で出力されたhtmlではjavascriptでstyleを上書きしているため変更することができなかった。なのでデフォルトのhtmlを書き換えてみた。 まず、カスタム検索のことは忘
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
