Lucky bag::blog: リモートロールオーバーを CSS だけでやってみる
リモートロールオーバーを CSS だけでやってみるのサンプル この文書は、Lucky bag::blogのエントリー「リモートロールオーバーを CSS だけでやってみる」のサンプルです。 CSS のコードは下記の通り。背景画像は、幅 120px 縦 160px のものを、カラーとモノクロを縦に並べて一つにしたものを使用。（つまり幅 120px 高さ 320px） #rollover { margin-bottom: 12em; /* これを指定しておかないと、それ以降の要素が重なってきてしまう。*/ } #rollover ul { position:relative; margin: 0; padding: 0; height:160px; /*背景画像と同じ高さ。指定しないとIE ではテキストが右によってしまう*/ } /*リストをブロック化して横に並べる。*/ #rollover l
Lucky bag::blog: リモートロールオーバーを CSS だけでやってみる
リモートロールオーバー、つまり、離れた部分の画像をロールオーバーで変化させる動作は、JavaScript を使わずに CSS だけででも可能。今は無くなってるっぽいんだけど、一時、adaptive path でも使われていてたやつを参考に、サンプルを作ってみた。 remote.html サンプルの (X)HTML コードは下記の通り。 <div id="rollover"> <ul> <li id="food"><a href="#"><em>焼き肉</em></a></li> <li id="sneaker"><a href="#"><em>オニツカタイガー ファブレ74/0123</em></a></li> <li id="beer"><a href="#"><em>仕事の後のビール</em></a></li> <li id="coffee"><a href="#"><em>缶コーヒー
外部CSSの文字コード指定 - lucky bag
XHTMLなりHTMLでは、xml宣言やhead内のmeta http-equivで文字コードの指定を行います。CSSに関してもW3Cの仕様書にスタイルシートが分離したファイルに存在する場合，利用者エージェントは，次の優先順位を守り，文書の文字符号化を決定しなければならない。と明記してあります。 "Content-Type"フィールドのHTTP"charset"パラメーター @charsetの@規則 参照する文書の言語機構。例えば，HTMLの場合は，LINK要素の"charset"属性 基本的に外部CSSファイルが英数字だけの記述の場合や、html文書と同じ文字コードであれば指定の必要はないと言われたりもします。しかし、font-familyでＭＳ Ｐゴシックやヒラギノ角ゴ Pro W3などと指定する場合もありますし、@charsetを指定しないとネスケ6では誤った解釈をする場合があるよう
Lucky bag::blog: 外部の RSS を PHP で取得
2008年12月26日に当サイトのテンプレートおよびデザイン、サーバの変更作業時に当記事にて紹介しているHot entryというページは削除してしまいました。当該ページは404 Not Foundとなっていることをご了承ください。 ありがたくも、拙記事なんぞをはてなブックマークや dei.icio.us などの ソーシャルブックマークでブックマークして頂いてもらっちゃったりしているわけで、なんとも恐縮に感じていたり、いなかったり。んでもって、どうせなら興味を持って頂いた記事を紹介するかっつうことで、そんなに Hot なわけじゃないのに Hot entry なるページを作っちまいました。ウヘ:-P とりあえず今回は、はてなブックマークにブックマークされている当サイトのエントリー一覧の RSS を取り込んでみますた。外部の RSS を取り込むって場合、CGI や JavaScript を使って
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
