The following error occurred: The requested URL was not found on this server. Please check the URL or contact the webmaster.

てんぽ: サイドバー読み込みの進行割合に応じて画像を変化させる CSSやHTML、FC2ブログのカスタマイズ、共有テンプレートなど CSSのみでプログレスバーを再現したものにはアニメーションGIFを用いた例が知られているが、 実際に何かの進捗状況を反映してバーの進行度を変化させている例はほとんどない。 今回は、ブログでよくある2カラムレイアウトにおいて「サイドバー」の読み込み状況を反映して進行するプログレスバーの実装方法を提案する。 <div class="sidebar"> <div class="blog-parts"> （各種ブログパーツ） </div> <div class="blog-parts"> （各種ブログパーツ） </div> （以下省略） </div> <div class="sidebar">～</div>がサイドバーであり、その内容として複数の「ブログパーツ」（<d

「ブログが作りたい！」はブログの作り方をご紹介する入門サイトです。FC2ブログ、ブログのカスタマイズ、Google Analytics、SEO、GIMPなどの情報をご紹介しています。 CSSの小技（8） 画像を重ねて表示したい場合は、1枚は CSS（background-image）で、もう 1枚を HTMLで指定するという方法が一般的ではないかしら。 ただそれは、1箇所くらいなら、良いのですが、複数箇所となると、その度に CSSを更新する手間があり、また何より CSSファイルが大きくなってしまって、運営上も好ましくありません。 そこで、今回の CSSの小技は、background-imageを使わずに画像を重ねて使う方法をご紹介いたします。 何の話なのだか分からないかもしれませんが、ご覧いただくと「あ、こういうことにも使えるかも！」という発見があるかもしれません。

JavaScript を使わずに、CSS を使ってサムネール画像の拡大画像をマウスオーバーで表示せる方法「CSS ~ Image Pop UP」を参考に、拡大画像をその場で表示させるサンプルを作ってみた。 popup.html 最初に拡大画像を高さ 1px 幅 1px に指定しておき、hover で正寸を指定させることによって実現させている。ちなみに、hover の指定に背景色を指定しないと IE でうまく動作しない。 .photo a.popup:hover { background-color: #fff; } 何となく微妙な感じだけど、サムネールをいっぱい並べて画面遷移なしで拡大画像をみせたい場合に使えるかも。 あの頃のように… - CSS で画像ポップアップさせる (2005年6月10日 19:02) CSS で画像ポップアップ私の中ではかなりの革命です。なぜ今までこれに気が付かな

Cascading Style Sheets CSS1 Reference 初心者向け講座 CSS Tips CSS実際のところ FILTERS Last modified Nov,1999 E-Mail: [email protected] Copyright(C)1999 Miyazaki , All Rights Reserved.

属性ウィンドウで[Window]タブを開きます。 [Form]から、Width,Height,Padding（省略可）, Margin（省略可）を 指定します。 [Scrollbar]から、ウィンドウのスクロールバー属性を指定します（省略可）。 scrollbar-track-color　スクロールバーのない部分の色 scrollbar-face-color　　スクロールバー表面とバーのない部分の色 scrollbar-shadow-color　内側の枠と右下の色 scrollbar-darkshadow-color　外側の枠の右と右下の色 scrollbar-highlight-color　内側の枠の左と左下の色　 scrollbar-3dlight-color　外側の枠の左と左上の色 scrollbar-arrow-color　矢印の色

ひとくちにCSSと言われますが、略さないで言うとCascading Style Sheetsであり、つまりカスケーディングするという特徴を備えたスタイルシート、ということになります。じゃあカスケーディングって何? と問われてみると、ふだんは直感的にCSSを使っているものの、言葉で説明するとなると難しいものです。 そもそもcascadingというのが日本人には難しい言葉です。英語のcascadeの元の意味を説明するなら「階段状になった滝」となるのだと思いますが、それが動詞化するとなると、なんかそれっぽい(=階段状になった滝のような)動作、としか言いようがなく、どうにもぴったりとくる日本語訳が無さそうなので、ここではそのままカスケーディングと書くことにします。 取り敢えずcascadeのイメージを湧かせるため、以下の画像を眺めてみてください。 cascade waterfall - Googl

これ…引用元のURIがコピペできないのはどういうわけなのか（そーす開いて探したぞ）あと対象のリンクぐらい入れて欲しい 引用元URIはCSSで自動生成しています。 blockquote:after{ display: block; content: "引用元URI: "attr(cite); color: #999; font-size: 85%; text-align: right; border-top: dashed 1px #999; } Firefox だと content された文をコピペできないぽいですが Opera なら可能です。マンセー。あと Firefox をお使いなら、引用文の上にマウスポインタを置いた上で右クリック→プロパティ(P)から引用元情報を参照できます。あとはてブユーザなら JavaScript を有効にしているはずで、それならあれこれポッ

CSS生成内容による属性値の表示とあれこれポップアップを組み合わせて使っている場合の問題点と、解決方法について述べてみます。 CSS2では、:before擬似要素や:after疑似要素とcontentプロパティを使うことにより、HTML文書の本文に無い内容を生成することができます。例えば、引用文のマークアップ(blockquote, q要素)について、title属性で示した引用元を表示させたりすることが可能です。 CSS生成内容表示サンプル ※ Firefox, OperaなどCSS2生成内容に対応したブラウザでご覧ください。CSSはHTML文書内にstyle要素として記述しています(以下のサンプルも同様)。 このようにCSSによりtitle属性の値を表示させている文書で、あれこれポップアップを同時に使用していると問題が起ります。マウスカーソルを該当の要素の上に移動させると、生成内容のうち