stroll [名] [C] ぶらぶら歩き,散歩.

  スポンサーサイト

一定期間更新がないため広告を表示しています

- | permalink | - | - | ↑top
Clip!! | Ranking |

  フィルターをかける例2


前回紹介した「フィルターをかける例」のように、全体にフィルターをかけると、Operaなどのブラウザでトップ画像がまったく見えなくなってしまいます。
上の画像のようにタイトル&説明部分だけにフィルターを使用する例を紹介します。
続きを読む >>
others(Headpic Sharing Project) | permalink | comments(15) | trackbacks(1) | ↑top
Clip!! | Ranking |

  トップ画像共有プロジェクト:フィルターをかける例

当blogで紹介させていただいてますN@Blogさんのトップ画像共有プロジェクトですが、blogタイトルを文字で表示していると、画像によってはタイトルが見難くなってしまいます。

タイトルを画像で表示させたり、タイトル文字とトップ画像の間に
半透明画像をはさんだり、文字色に合わせた画像のみ表示する・・・
いろいろと対応策はあると思うんですが、
1つの対応策としてフィルターをかける例を紹介しようと思います。

ただし、operaなどのブラウザではフィルターが使用できないため、
トップ画像が見えなくなってしまいます。


フィルターをかける方法は以下の通りです。
続きを読む >>
others(Headpic Sharing Project) | permalink | comments(17) | trackbacks(2) | ↑top
Clip!! | Ranking |

  テンプレート:PhotoJUGEMでの設置例

N@Blogさんのトップ画像共有プロジェクト
JUGEMのテンプレート:PhotoJUGEMで設置する例です。
他のテンプレートでの設置例は、
トップ画像共有プロジェクト−JUGEMでの設置例を参照してください。

設置後のイメージは、↓こんな感じです。
続きを読む >>
others(Headpic Sharing Project) | permalink | comments(21) | trackbacks(1) | ↑top
Clip!! | Ranking |

  トップ画像共有プロジェクト−JUGEMでの設置例

当サイトでも使用中のN@Blogさんのトップ画像共有プロジェクト
JUGEMの各テンプレートごとの設置例を紹介します。

画像一覧はこちら
自分の選んだ画像だけを表示させたい方は、
Afternoon Cafeさんのとがきゅーめーかぁへどうぞ。
フィルターをかける例も合わせてご参照ください。

※各テンプレート名にマウスを当てると右下の画像が変わります。
 各テンプレート名をクリックすると、各テンプレートでの設置例をご覧いただけます。

[動作確認環境]
Windows
├Internet Explorer 6.0
├Mozilla Firefox 0.8
├Netscape 7.0
└Opera 7.23
others(Headpic Sharing Project) | permalink | comments(77) | trackbacks(18) | ↑top
Clip!! | Ranking |

  テンプレート:plainでの設置例

N@Blogさんのトップ画像共有プロジェクト
JUGEMのテンプレート:plainで設置する例です。
他のテンプレートでの設置例は、
トップ画像共有プロジェクト−JUGEMでの設置例を参照してください。

設置後のイメージは、↓こんな感じです。
続きを読む >>
others(Headpic Sharing Project) | permalink | comments(5) | trackbacks(0) | ↑top
Clip!! | Ranking |

  テンプレート:flatでの設置例

N@Blogさんのトップ画像共有プロジェクト
JUGEMのテンプレート:flatで設置する例です。
他のテンプレートでの設置例は、
トップ画像共有プロジェクト−JUGEMでの設置例を参照してください。

設置後のイメージは、↓こんな感じです。
続きを読む >>
others(Headpic Sharing Project) | permalink | comments(6) | trackbacks(0) | ↑top
Clip!! | Ranking |

  テンプレート:glassでの設置例

N@BlogさんのN@Blogさんのトップ画像共有プロジェクト
JUGEMのテンプレート:glassで設置する例です。
他のテンプレートでの設置例は、
トップ画像共有プロジェクト−JUGEMでの設置例を参照してください。

設置後のイメージは、↓こんな感じです。
続きを読む >>
others(Headpic Sharing Project) | permalink | comments(5) | trackbacks(2) | ↑top
Clip!! | Ranking |

  テンプレート:pictでの設置例

N@Blogさんのトップ画像共有プロジェクト
JUGEMのテンプレート:pictで設置する例です。
他のテンプレートでの設置例は、
トップ画像共有プロジェクト−JUGEMでの設置例を参照してください。

設置後のイメージは、↓こんな感じです。


+追記
2004,05,06 追加するJavaScriptにミスがありましたので、修正しました。
続きを読む >>
others(Headpic Sharing Project) | permalink | comments(15) | trackbacks(2) | ↑top
Clip!! | Ranking |

Home  |  Selected Entries  |  Recent Comments  |  Recent Trackback  |  Categories  |  Archives  |  bbs