スポンサーサイト |
||||
フィルターをかける例2 |
||||
前回紹介した「フィルターをかける例」のように、全体にフィルターをかけると、Operaなどのブラウザでトップ画像がまったく見えなくなってしまいます。 上の画像のようにタイトル&説明部分だけにフィルターを使用する例を紹介します。 |
||||
トップ画像共有プロジェクト:フィルターをかける例 |
||||
当blogで紹介させていただいてますN@Blogさんのトップ画像共有プロジェクトですが、blogタイトルを文字で表示していると、画像によってはタイトルが見難くなってしまいます。 タイトルを画像で表示させたり、タイトル文字とトップ画像の間に 半透明画像をはさんだり、文字色に合わせた画像のみ表示する・・・ いろいろと対応策はあると思うんですが、 1つの対応策としてフィルターをかける例を紹介しようと思います。 ※ただし、operaなどのブラウザではフィルターが使用できないため、 トップ画像が見えなくなってしまいます。 フィルターをかける方法は以下の通りです。 |
||||
テンプレート:PhotoJUGEMでの設置例 |
||||
N@Blogさんのトップ画像共有プロジェクトを JUGEMのテンプレート:PhotoJUGEMで設置する例です。 他のテンプレートでの設置例は、 トップ画像共有プロジェクト−JUGEMでの設置例を参照してください。 設置後のイメージは、↓こんな感じです。 |
||||
トップ画像共有プロジェクト−JUGEMでの設置例 |
||||||
当サイトでも使用中のN@Blogさんのトップ画像共有プロジェクト。 JUGEMの各テンプレートごとの設置例を紹介します。 画像一覧はこちら。 自分の選んだ画像だけを表示させたい方は、 Afternoon Cafeさんのとがきゅーめーかぁへどうぞ。 フィルターをかける例も合わせてご参照ください。 ※各テンプレート名にマウスを当てると右下の画像が変わります。 各テンプレート名をクリックすると、各テンプレートでの設置例をご覧いただけます。 [動作確認環境] Windows ├Internet Explorer 6.0 ├Mozilla Firefox 0.8 ├Netscape 7.0 └Opera 7.23 |
||||||
テンプレート:plainでの設置例 |
||||
N@Blogさんのトップ画像共有プロジェクトを JUGEMのテンプレート:plainで設置する例です。 他のテンプレートでの設置例は、 トップ画像共有プロジェクト−JUGEMでの設置例を参照してください。 設置後のイメージは、↓こんな感じです。 |
||||
テンプレート:flatでの設置例 |
||||
N@Blogさんのトップ画像共有プロジェクトを JUGEMのテンプレート:flatで設置する例です。 他のテンプレートでの設置例は、 トップ画像共有プロジェクト−JUGEMでの設置例を参照してください。 設置後のイメージは、↓こんな感じです。 |
||||
テンプレート:glassでの設置例 |
||||
N@BlogさんのN@Blogさんのトップ画像共有プロジェクトを JUGEMのテンプレート:glassで設置する例です。 他のテンプレートでの設置例は、 トップ画像共有プロジェクト−JUGEMでの設置例を参照してください。 設置後のイメージは、↓こんな感じです。 |
||||
テンプレート:pictでの設置例 |
||||
N@Blogさんのトップ画像共有プロジェクトを JUGEMのテンプレート:pictで設置する例です。 他のテンプレートでの設置例は、 トップ画像共有プロジェクト−JUGEMでの設置例を参照してください。 設置後のイメージは、↓こんな感じです。 +追記 2004,05,06 追加するJavaScriptにミスがありましたので、修正しました。 |
||||