[graphic] Favicon(ファビコン)に使ってもいいですか?
OKです。
ファビコン用に画像を加工する場合は、リンクウェアのご利用範囲となりますので当方へのリンクをお願いいたします。
category in FAQ-graphic, help |
[graphic] 商用・アフィリエイト・お小遣い稼ぎサイトでの使用は可能ですか?
商用サイトさんにおいても素材をご利用いただくことができます。
以下の点をご確認ください。
当サイトへのリンクをお願いします
お手数ですが、素材をご利用の際はその提供元として当サイトへのリンクをお願いいたします。
以下のような利用はご遠慮ください
- デザイン関連、web制作関連の業種では利用をご遠慮ください
- ロゴマーク等のコーポレートアイデンティティに利用することはご遠慮ください
- 自然物(空や植物など)ではない被写体の写真素材の利用はご遠慮ください
- その他、原則に反する利用(当サイトの提供物を使って利益を得ることなど)はご遠慮ください
商用サイトの範囲について
以下のような場合は、主業・副業・お小遣い稼ぎ等の程度や、管理者の法人・個人を問わず、商用サイトに該当すると判断しています。
- 営利目的のサイト
- 営利目的の活動に付随するサイト(ウェブ上では金品の授受が行われない商店のサイトなど)
- 商品の紹介や宣伝、広告が多数を占めるサイト
- ライセンス料が必要な提供物(シェアウェア)が多数を占めるサイト
- 仕事の募集や請負をしているサイト
category in FAQ-graphic, help |
[全般] ダウンロードしたフォルダが開けません
フォルダごと配布している素材・テンプレートは圧縮していますので、解凍が必要です。
ファイルの拡張子が .zip または .lzh のものは圧縮フォルダです。
フォルダごと配布している素材・テンプレートとは?
graphic で配布しているアイコン、ボタン、テーブルなど、複数の画像を一括してダウンロードできる素材は圧縮フォルダで提供しています。
template で配布しているテンプレートは、全て圧縮フォルダで提供しています。
テンプレートのフォルダには、サンプル同様にページを構成するための html、css、画像ファイル等が同梱されています(別記のあるものは除く)。
圧縮フォルダを解凍するためには?
- Windows の場合
-
解凍ソフトをお持ちでない方には「+Lhaca」がオススメです。
「+Lhaca」は、zip、lzh の圧縮、解凍に対応したフリーソフトです。 - Mac の場合
-
zip ファイルをダブルクリックすると解凍できます。
lzh ファイルの場合は、「MacLHA」や「LHA Expander」などのフリーソフトで解凍できます。
なお、解凍後フォルダを開くと「Thumbs.db」というデータファイルがある場合がありますが、 これはサムネイルの表示を高速化するためのキャッシュですのでアップロードの必要はありません(削除してもOKです)。
ソフトの利用に関して不明な点のある方は、ソフトに付属しているマニュアルやサポートサイトをご覧ください。
当サイトにお問い合わせいただきましても一切サポートできませんので、ご質問はご遠慮願います。
category in help, help-general |
[graphic] Twitterでの使用は可能ですか?
基本的にはOKです。
以下の関連ページもご参考ください。
category in FAQ-graphic, help |
[template] 商用・アフィリエイト・お小遣い稼ぎサイトでの使用は可能ですか?
基本的には一般サイト同様にテンプレートをご利用いただくことができますが、以下のような利用はご遠慮ください。
- デザイン関連、web制作関連の業種のサイトでの利用はご遠慮ください
- その他、原則に反する利用(当サイトの提供物を使って利益を得ることなど)はご遠慮ください
なお、当サイトのテンプレートは、趣味の範囲でサイトを運営されている個人さまを対象に制作しているため、商用サイトさん向けの構造ではないかもしれません。 あらかじめご了承ください。
category in FAQ-template, help |
[全般] リンクウェアとは何ですか?
素材を使用するにあたり、その提供元(ここでは当サイト)へリンクを貼っていただくことが条件となる提供方法です。
リンクウェアで提供されている素材については、リンクを貼らずに利用することはできません。
リンクウェアで提供されている素材とは?
当サイトの template 素材は全てリンクウェアで提供しています。
graphic 素材は、一部の利用(下記)についてはリンクウェアで提供しています。
- 素材を加工する場合
- 商用・アフィリエイト・お小遣い稼ぎサイトで使用する場合
- テンプレートやスキンに使用して再配布する場合(要報告)
「非営利の個人サイトの装飾として、加工をせずに graphic 素材を使用する場合」は、リンクの設置は任意です。(気が向かれたらリンクを貼っていただけますと当方としては嬉しいです)
category in help, help-general |
[template] ここのテンプレート同士で着せ替えすることはできますか?
きれいに着せ替えできるものと、できないものがあります。
「ページテンプレート」同士の場合は、「img」フォルダの中身(画像とスタイルシート)を入れ替えることできれいに着せ替えできます。
ただし、注意点がいくつかありますので、以下をご確認ください。
- タグや html の構造を改変している場合は、うまく着せ替えできないことがあります
- フォルダ名の変更や階層の移動をしている場合は、うまく着せ替えできないことがあります
- 2009年にテンプレートのリニューアルを行ったため、旧↔新 ではうまく着せ替えできないことがあります
- よそで配布されているテンプレートとは混ぜないでください
ページテンプレート以外でも、結果的に着せ替えができることはありますが、当サイトのテンプレートは着せ替えを前提に制作していません。
また、「どうやって着せ替えるの?」「着せ替えができないのはなぜ?」といった質問には対応できかねますので、
あらかじめご了承のうえ、着せ替えを試されたい方は、必ずバックアップをとりローカル環境でテストを行ってください。
category in FAQ-template, help |
[全般] ○○なサイトですがリンクして良いですか?
当サイトへのリンクはご自由に貼っていただけます。
また、リンクの事前・事後に確認をとる必要もありません。
当サイトはリンクを歓迎しておりますので、報告をいただければ励みになりますし、URLを添えていただければ喜んで伺います。
category in help, help-general |
[graphic] SNSでの使用は可能ですか?
通常は一般サイト同様に素材をお使いいただけますが、SNSの仕様や機能が当サイトの規約に反することがないか、あらかじめよくご確認ください。
例として以下のような場合は素材を利用できません。
- 外部へのリンクを設置できないスペースでリンクウェアの素材を使用することはできません
- 掲載画像を他者と共有すること・転用することが可能なスペースで素材を使用することはできません
なお、先方さまの利用規約に当方の意向に反する点があった場合、当方はそれに同意できません。
たとえば、
- SNSで使用する画像の著作権を、SNSの運営者等に帰属することはできません
- SNSで使用された画像を、SNSの運営者の裁量で再利用することはできません
category in FAQ-graphic, help |
[graphic] 学校の課題やプレゼンで使用したいです
以下の条件でご利用いただくことができます。
- 他者の著作物の使用を提出先が認めていること
- 出典を明記すること
- 当方の著作物が評価の対象に成り得ないこと
- 提出先から他の機関に渡る(課題として提出した後コンテストに応募するなどの)可能性がないこと
たとえばサイトの構築方法やタグを学ぶ授業の一環として、ホームページのサンプルを制作する課題などでグラフィック素材をご利用いただくことができます。
category in FAQ-graphic, help |
[template] FC2サーバでフレームに斜線が出る・カーソルが変わることがあります
サーバが備えている「ファイルマネージャ」で編集作業を行っていませんか?
ファイルマネージャを通すと自動的にタグが書き換わることがありますので、そうした仕様に因る可能性が高いです。
編集の際には自動修正機能のないエディタ(Windowsなら「メモ帳」、Macなら「SimpleText」など)を使用されることをおすすめします。
上記の「関連ページ」をご参考いただいても問題が解決しない場合は、以下の手順をお試しください。
サーバの仕様に関して不明な点のある方は、サーバのマニュアルやヘルプをご覧ください。
当サイトにお問い合わせいただきましても一切サポートできませんので、ご質問はご遠慮願います。
category in FAQ-template, help |
[template] フレームのリンク先が変な場所に表示されます
フレームのリンク先を「どの場所に表示するか」は、a要素の「target」属性で指定します。
target指定がない場合は通常、リンク元とリンク先が同じフレームに表示されます。
ソース例 »
<a href="リンク先のURL" target="○○">
target="○○"の部分は必要に応じて、以下のような指定が可能です。
| _blank | 新しいウィンドウを立ち上げてリンク先を表示 |
| _self | リンク元と同じフレームにリンク先を表示 |
| _top | フレームを解除してリンク先を表示 |
| _parent | フレームがネストされている場合、親フレームにリンク先を表示 |
| 任意のフレーム名 ※ | name属性で名前をつけた任意のフレームにリンク先を表示 |
※「任意のフレーム名」は配布時のままの状態で既に決められていますので、新しく設定する必要はありません。
フレーム名を知りたい場合は、フレームセット(当サイトのテンプレートの場合はframe.html等)のソースをご確認ください。
よくわからない場合は、意図した場所に表示できているリンクのソースに倣って、target指定を書き換えて(指定がない場合は追加して)みてください。
なお、target指定はフレームの基本ですので、講座サイトなどをご覧になり仕組みを理解されることをおすすめします。
「helpを読んでも意味がわからない」という方へ
当サイトでは、テンプレートのカスタマイズやHP作成、タグに関するサポートはできません。
サポート対象外の内容と経緯について、ご理解、ご了承ください。
「このサイトさんを参考に勉強しましょう」と、特定のページを案内することはしませんが、 web上には、htmlやcss、HP作成の解説を専門としているサイトがたくさんありますので、 ご自身にあったサイトを探してみてください。
category in FAQ-template, help |
[template] フォームのデザインがメールフォームやBBSに反映されません
当サイトで配布しているテンプレートのデザインは、ダウンロードしたファイルに含まれるスタイルシート(style.css)が構成します。
メールフォームやBBSのシステムに「style.css」が読み込まれない場合、あるいは、「style.css」よりも優先されるスタイルがある場合は反映できません。
また、フォームのhtmlが定型で、クラス名などを挿入できない場合も同様です。
つまり、デザインが反映されない場合は以下のような状況の可能性があります。
- フォームと「style.css」との関連性が断たれている
- 「style.css」よりも優先されるスタイルで上書きされている
対処法は、「対処できるかどうか」という点も含めて、お使いのメールフォームやBBSによって異なります。
メールフォームやBBSの利用に関して不明な点のある方は、
システムの提供元(レンタル元やCGI等の制作元)のマニュアルやサポートサイトをご覧ください。
当サイトにお問い合わせいただきましても一切サポートできませんので、ご質問はご遠慮願います。
「helpを読んでも意味がわからない」という方へ
当サイトでは、テンプレートのカスタマイズやHP作成、タグに関するサポートはできません。
サポート対象外の内容と経緯について、ご理解、ご了承ください。
「このサイトさんを参考に勉強しましょう」と、特定のページを案内することはしませんが、 web上には、htmlやcss、HP作成の解説を専門としているサイトがたくさんありますので、 ご自身にあったサイトを探してみてください。
category in FAQ-template, help |
[template] カウンタやメールフォームが作動しません
当サイトで配布しているテンプレートは「デザインが済んだ状態」で提供していますが、 カウンタやメールフォームを「動かすための機能」は持ち合わせていません。
カウンタやメールフォームを利用するためには、主に以下のふた通りの方法があります。
- CGI配布サイトなどからプログラムをダウンロードし、サーバに設置する
- レンタルサービスを利用する
前者の場合、CGIなどを設置できる環境(サーバ)が必要です。
よくわからないという場合は、レンタルサービスを利用されることをおすすめします。
カウンタやメールフォームの動作不具合や設置方法については、
システムの提供元(レンタル元やCGI等の制作元)のマニュアルやサポートサイトをご覧ください。
当サイトにお問い合わせいただきましても一切サポートできませんので、ご質問はご遠慮願います。
「helpを読んでも意味がわからない」という方へ
当サイトでは、テンプレートのカスタマイズやHP作成、タグに関するサポートはできません。
サポート対象外の内容と経緯について、ご理解、ご了承ください。
「このサイトさんを参考に勉強しましょう」と、特定のページを案内することはしませんが、 web上には、htmlやcss、HP作成の解説を専門としているサイトがたくさんありますので、 ご自身にあったサイトを探してみてください。
category in FAQ-template, help |
[template] ホームページ・ビルダーで編集すると表示がおかしくなります
ソフトに備わっている機能が働いていることが要因の可能性があります。
前提として、編集ソフトを通すと意図せずタグが消えていたり、書き換えられる可能性がありますので、 そうした機能のないテキストエディタ(Windowsなら「メモ帳」、Macなら「SimpleText」など)を使った手動編集をおすすめします。
手動での編集が難しいという場合は、以下の点に注意して取り組んでみてください。
(本ページで紹介する内容は、お使いのソフトのバージョンによって差異が生じる可能性があります)
自動修正機能の切り替えについて
「ツール」 → 「オプション」 → 「一般」 → 「HTML構文エラーを自動修正する」のチェックを外す
この手順で、自動修正が無効になります。
自動修正が有効になっている場合、ソフト側の判定でタグが書き換えられる可能性があります。
ファイルの拡張子について
「ツール」 → 「オプション」 → 「ファイル」 → 「HTMLファイルの拡張子」
この手順で、ページに合わせた拡張子を設定します。
テンプレートの「配布時のままの状態」では、拡張子は「html」です。
「HTMLファイルの拡張子」設定が「html」以外の場合は、「配布時のままの状態」とは異なる拡張子で保存されます。
DOCTYPE の設定について
「ツール」 → 「オプション」 → 「ファイル」 → 「DOCTYPEを出力する」にチェックを入れる
この手順で、モードに合わせた DOCTYPE を設定します。
過去互換モードの場合
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
標準準拠モードの場合
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
ホームページビルダーの初期設定は「過去互換モード」です。
当サイトのテンプレートは以下のようなモードで作られています。
- フレーム、フレームなし、擬似フレーム、ページテンプレートは「標準準拠モード」
- アイフレームのみ、「標準準拠モード」と「過去互換モード」
「標準準拠モード」と「過去互換モード」では、 html ソースの冒頭の記述が異なり、この差はデザインに影響を及ぼします。 つまり、該当部分のソースが「配布時のままの状態」と異なると、サンプル通りに表示できない可能性があります。
テンプレートを編集後、表示が乱れたという場合は 配布時の状態とソースを見比べて「何が違うのかを調べる」 という作業をしてください。異なっている部分を元通りにすることで、表示が直る可能性があります。
ソフトの利用に関して不明な点のある方は、製品付属のマニュアルやサポートサイトをご覧ください。
当サイトにお問い合わせいただきましても一切サポートできませんので、ご質問はご遠慮願います。
「helpを読んでも意味がわからない」という方へ
当サイトでは、テンプレートのカスタマイズやHP作成、タグに関するサポートはできません。
サポート対象外の内容と経緯について、ご理解、ご了承ください。
「このサイトさんを参考に勉強しましょう」と、特定のページを案内することはしませんが、 web上には、htmlやcss、HP作成の解説を専門としているサイトがたくさんありますので、 ご自身にあったサイトを探してみてください。
category in FAQ-template, help |
サポート対象外の内容と経緯について、ご理解、ご了承ください
当サイトで配布しているテンプレートについて、
- 「急に表示がおかしくなったのはなぜですか?」
- 「初心者なのでhelpを読んでも分かりません」
- 「自分なりに調べたもののどうしても分からないので教えてください」
- 「サポートが無理ならおすすめのサイトを教えてください」
といったお問い合わせを頻繁にいただきます。
テンプレートのカスタマイズやHP作成、タグに関するサポートができかねる旨は
「ご利用案内・規約(template)」、および、「help」に明記しており、
ご利用になる前にご了承いただけているはずですが、
当サイトの素材を使ってくださろうというお気持ちを尊重し、
09年6月までのお問い合わせについては大半に返信を行ってきました。
(質問を自粛してくださった方には、大変申し訳ありません)
お問い合わせを受けてからの当方の対応は、
- サイトに伺いソースをチェックし(URLが提示されていない場合は予想で)、
- 原因を見つけ出し、
- その原因と解決策を返信すること
です。
原因については、「あなたが何をした時に問題の状態になったのか」当方は把握できませんので、
本来であれば、直接作業をしている方が1番よく状況を知っているはずです。
(そのため、当サイトの「help」では「小マメなチェックとバックアップ」をおすすめしています)
そうして原因を調査した結果、多くが「helpで既出のもの」、 「helpでご案内している『配布時のままの状態とソースを見比べる』ことをすれば解決の糸口を掴めるもの」です。
さらに、ご自身の手には負えないカスタマイズを試みているケースや、テンプレートの使用以前に、ホームページの作り方・ご自身が使っているサーバの仕様を理解されていないケースも多く、当方が一から十まで説明することは到底できません。
また、
- 質問するばかりで「調査に必要な情報」すら提示していただけないこと、
- こちらの質問に対しては返信をいただけないこと、
- 回答を得た後は何のリアクションもいただけないこと、
- こちらの調査期間中に「質問したけどもうどうでもいい」ことになってしまっていること、
このようなお問い合わせの頻度も高く、返信に費やした時間と労力に意味があったのが、疑問に思わざるを得ない実情です。
もちろん、「分からないから質問している」というお気持ち、「どうしても使いたい」と言ってくださるお気持ちは重々承知しておりますが、 「分からないことを勉強する余地」もあるはずです。(少なくとも、当方はそうしてサイト制作を学びました)
再三申し上げていますが、当サイトではテンプレートのカスタマイズやHP作成、タグに関するサポートはできません。当サイトのhelpをもってサポートとかえさせていただきます。
なにとぞ事情をお察しのうえ、ご了承くださいますようお願いいたします。
category in help |
[template] テンプレート編集のポイント(表示がおかしくなった、または、なる前に)
はじめに、当サイトで配布している html テンプレートは「勝手に表示をおかしくするような動作」はできませんので、
「何もしていないのに急に表示がおかしくなる」ということは恐らくありません。
もし問題が発生しても何らかの原因があるはずですので、その原因を取り除けば大抵の問題は解決します。
ここでは、「原因の見当もつかない」という事態に陥らないように、テンプレート編集のポイントを挙げています。
(「サンプルと同じように表示できません」の内容を、少し噛み砕いて説明しています)
(前提として、初歩的な html の理解、ホームページの作り方などの基礎的な知識は必要です)
「原因がわからない」「元のデザインに戻せない」場合は、最後に保存したバックアップから作業をやり直すことになってしまいますので、 そうならないために以下のポイントを心がけてみてください。
- まずは「配布時のままの状態」で確認を
- ファイルやフォルダの移動・名前の変更には要注意
- 「自動的にタグが書き換わる」場合があることも知っておく
- 編集する時は「小まめにチェックすること」「バックアップをとること」
- 最終的には、配布時の状態とソースを見比べて「何が違うのかを調べる」
- 併せて参考にしていただきたいページ
まずは「配布時のままの状態」で確認を
「配布時のままの状態」とは、「当サイトからダウンロードしたファイルを解凍しただけの状態」のことです。
この時、解凍以外の作業(フォルダの中身を移動させたり、名前をかえたり)はしないでください。
(理由は、この後の「ファイルやフォルダの移動・名前の変更には要注意」で説明しています)
解凍したら、フォルダの中にある「index.html」にアクセスし、 「Enter」などのリンクを辿ってページを確認してみましょう。
この時のポイントは、「index.html」から確認を行うことです。
理由は、フレームを使ったテンプレートの場合、「index.html」以外のページにアクセスすると全体を確認できないことがあるためです。
環境によっては「.html」が表示されていない場合もありますが、「index」という名前のファイルはフォルダの中に1つしかありませんので、まずはそこから確認します。
当サイトに展示しているサンプル同様にテンプレートが表示されていれば、この時点では問題ありません。
ファイルやフォルダの移動・名前の変更には要注意
前述の「配布時のままの状態」では、「相対パス」で画像やスタイルシートを呼び出しています。
相対パスとは、たとえば「ページに画像を表示したい」場合に、
画像を表示したいファイル(起点)から見て、目的の画像(終点)への順路を示す方法です。
「ファイルやフォルダの移動・名前の変更」を行うと、起点と終点の位置関係や、あらかじめ指定している順路の名前が変化するため、 ご自身が行った変更に合わせて、ソースを修正する必要があります。
「ファイルやフォルダを移動した、または、名前を変更した」
↓ その後
「画像が表示されない・ページの表示がおかしくなった」
このような場合は「パスが間違っている」ことが原因です。
ご自身が行った変更に合わせて、ソースを修正しましょう。
- 関連ページ
意味がわからない場合は、ファイルやフォルダの移動・名前の変更はしない方が良いです。
どうしても変更したい場合は、あらかじめ相対パスの仕組みを理解なさったうえで行ってください。
(最初は難しく感じるかもしれませんが、htmlの基本ですので、覚えておいて損はないはずです)
「自動的にタグが書き換わる」場合があることも知っておく
テンプレートを編集する際に自動修正機能のついたエディタを使用すると、意図せずタグが消えていたり、書き換えられる可能性があります。
また、サーバが提供する「ファイルマネージャ」の中にも自動的にタグを書き換えるものがあります。
こうした修正機能が働いた場合、タグを書き換えた自覚がないため「何もしていないのに表示がおかしくなった」と思われるかもしれませんが、 自動修正機能に因って生じた問題は、「最終的には、配布時の状態とソースを見比べて「何が違うのかを調べる」」という作業で解決できる可能性が高いです。
ただ基本的には、自動修正機能のないエディタ(Windowsなら「メモ帳」、Macなら「SimpleText」など)を使った編集、 FFFTP などを使ったアップロードをおすすめします。
編集する時は「小まめにチェックすること」「バックアップをとること」
「小まめにチェックすること=どの段階で表示がおかしくなったのか」を知ることが重要です。
理由は、「表示がおかしくなった」直前に行った作業が原因を作っている可能性が高いため、その部分を元に戻せば、問題を解決できることが多いからです。
たとえば、
表示がおかしくなったタイミングが「ソースを編集した直後」なら…
「ファイルやフォルダを移動した、または、名前を変更した直後」なら…
「サーバにアップロードした直後」なら…
「小まめなチェック」をしないと、「どの段階から表示がおかしかったのかわからない」という状況を招きやすいので、 チェック作業を習慣化しておくと良いと思います。
バックアップ(ファイルのコピー)をとることは、「元の状態に戻せなくなった」場合の保険です。
作業がある程度進んだらバックアップをとる、
大きな変更を加える前にバックアップをとる、
というように、要所要所でバックアップをとっておくと良いと思います。
最終的には、配布時の状態とソースを見比べて「何が違うのかを調べる」
先述の「まずは「配布時のままの状態」で確認を」で、サンプル通りの表示を確認できたとします。
その時と比べて「表示がおかしくなった」ということは、「異なっている部分(原因)」があるはずです。
冒頭にも書きましたが、「何もしていないのに急に表示がおかしくなる」ということは恐らくありません。
特に原因が思い当たらない場合も、
まずは「元のソースと異なっている部分(原因)」を根気強く探しましょう。
見つけたら、「こことここが違っているけど関係ないハズ」と思い込まずに、とりあえず元に戻してみましょう。
「異なっている部分」を元通りにすれば、原因が取り除かれて表示が直る可能性があります。
- 関連ページ
しかしこの作業はテンプレートの編集が進んでから行うと、元のソースとご自身が追加したソースが混合して、比較しにくいかもしれません。
そんな状態になってから原因を探すことは困難ですので、「編集する時は「小まめにチェックすること」「バックアップをとること」
」で挙げたように、「何かをしたらその都度表示の確認をする」という心がけが大切です。
ここに挙げている内容は本当に基本的なことですが、
編集の「コツ」を掴んでおけば、「表示がおかしくなったけど原因の見当もつかない」ことは少ないと思います。
(それでも手に負えない状態になってしまったら、最後に保存したバックアップからやり直しましょう)
「helpを読んでも意味がわからない」という方へ
当サイトでは、テンプレートのカスタマイズやHP作成、タグに関するサポートはできません。
サポート対象外の内容と経緯について、ご理解、ご了承ください。
「このサイトさんを参考に勉強しましょう」と、特定のページを案内することはしませんが、 web上には、htmlやcss、HP作成の解説を専門としているサイトがたくさんありますので、 ご自身にあったサイトを探してみてください。
category in FAQ-template, help |
[graphic] 透過PNGの背景が透けません
透過PNGの「透過」の効果を表すためには、透過PNGに対応したブラウザが必要です。
「透過PNG」と表記されている素材をご利用の際は、以下の点をご留意ください。
- 閲覧者側に、透過PNGに対応したブラウザが必要です(IE6以下は未対応です)
- JavaScript等を併用することで、未対応ブラウザでも透過の効果を再現することができます
以下に、透過PNG対応/未対応ブラウザの比較用画像を用意しましたので、参考にしてください。
![]() |
見本画像(graphic>icon/button>メニュー(ボタン)005) |
![]() |
上の見本画像は、透過PNG対応ブラウザでは左のように見えます |
![]() |
未対応ブラウザ(IE6の場合)では左のように見えます |
透過PNG対応ブラウザで閲覧する場合は、特別な処理をしなくても透過の効果が表れます。
未対応ブラウザで閲覧する場合は、画像の背景に色がついているように表示されます。
ご利用の際はご自身のサイトの閲覧状況とご相談ください。
JavaScriptを使った透過方法はここでは言及しませんが、 既に多くの関連記事がネット上に存在しますので興味のある方は検索してみてください。
※ 上記は、「画像は透過されているのにブラウザで再現できない」ケースを焦点にしていますが、
素材を加工した場合は、その際に「画像から透過の効果そのものが失われている」可能性があります。
透過PNG素材を加工する場合は、透過PNG形式で保存できるソフトをご利用ください。
category in FAQ-graphic, help |
[graphic] 素材の背景色がわかりません
素材の背景色(カラーコード)は、webで提供されている「スポイト」機能に特化したソフトで手軽に取得することができます。
【おすすめサイト】
Vector>ダウンロード>Windows>インターネット&通信>HTML作成>HTML色設定
「素材の幅よりも解像度の高いブラウザで閲覧した場合に余白ができてしまうので、 余白を埋めるために素材の四辺のカラーコードを教えて欲しい」といったお問い合わせをいただくことがありますが、 ソフトがお手持ちにあれば気兼ねなく情報を取得できると思いますので、興味のある方はチェックしてみてください。
category in FAQ-graphic, help |
[template] 同人サイトでの使用は可能ですか?
取り扱う内容によりお気になさる方もいるようですが、健全なサイトから果てしなく不健全なサイトまで全面的にOKです。
フリー小説での使用は?
配布元で、小説の展示に使用することは構いません。
小説と素材をセットで配布することは再配布にあたるため禁止しています。
小説を持ち帰った方に同様に展示して欲しいという場合は、当サイトからテンプレートをダウンロードされるよう誘導いただけると助かります。
category in FAQ-template, help |
[graphic] 「no banner」のかわりにリンク先のサイト名を入れてもいいですか?
先方さまにリンクバナーが用意されていない場合など、 「no banner」のかわりにサイト名を入れ、自サイトのリンクページ等で使用することは構いません。
ただし、先方さまがそのバナーを持ち帰り使用することは、「再配布(画像共有、各種代行含む提供行為)」にあたりますので禁止しています。
category in FAQ-graphic, help |
[template] セット素材は全て使用しなければいけませんか?
テンプレート付属のバナーやボタンはセット案として提案していますが、必ずしも一式まとめてご利用いただく必要はありません。
また、同梱のバナーを使わずに他のバナーを使う、など、ご利用の際に組み合わせを変えてくださっても結構です。
category in FAQ-template, help |
[template] 画像を差し替えてもいいですか?
OKです。
ご自身で用意なさった画像はもちろんですが、よその素材サイトさんで配布されている素材や、当サイトの「graphic」で配布している別の素材・あるいは同じ素材の別のカラーバリエーションに差し替えていただいても構いません。
category in FAQ-template, help |
[template] サイトを改装したら、それ以前に表示できていた画像が表示されなくなりました
当サイトで配布しているテンプレートが、画像の表示・非表示を制限することは通常ありません。
「以前は表示できていた」=「サーバ上にはファイルが存在している」としたら、画像へのパスが正しく指定されていない可能性があります。
特にサイトを改装する際に、コピー&ペーストで以前のソースを流用している場合は、階層の変化などによって相対パスが無効になっている可能性があります。
パスが正しいか、改めてご確認ください。
「helpを読んでも意味がわからない」という方へ
当サイトでは、テンプレートのカスタマイズやHP作成、タグに関するサポートはできません。
サポート対象外の内容と経緯について、ご理解、ご了承ください。
「このサイトさんを参考に勉強しましょう」と、特定のページを案内することはしませんが、 web上には、htmlやcss、HP作成の解説を専門としているサイトがたくさんありますので、 ご自身にあったサイトを探してみてください。
category in FAQ-template, help |
[template] ページがスクロールできません
スクロールバーが必要な状況でもバーが表示されない場合は、
style.css内、または該当ファイルに直接記述されている
overflow: hidden; または overflow-x: hidden;
上記タグを消してください。
フレームテンプレートの場合、特定の条件下(※1)で、
「スクロールの必要がないのに横スクロールバーが表示される(ウィンドウサイズを広げてもバーが消えない)」
という問題があるため、その回避策として、当サイトのフレームテンプレートは「IE6では横スクロールバーを表示しない設定(overflow-x: hidden;)」になっています。
※1 標準モードのフレームページをWinIE6で閲覧した場合
「helpを読んでも意味がわからない」という方へ
当サイトでは、テンプレートのカスタマイズやHP作成、タグに関するサポートはできません。
サポート対象外の内容と経緯について、ご理解、ご了承ください。
「このサイトさんを参考に勉強しましょう」と、特定のページを案内することはしませんが、 web上には、htmlやcss、HP作成の解説を専門としているサイトがたくさんありますので、 ご自身にあったサイトを探してみてください。
category in FAQ-template, help |
[graphic] 透過GIF素材の背景が透けません
透過GIF素材に「背景色」を設定している可能性があります。
たとえばスタイルシートを以下のように書いた場合、
background : #FFFFFF url(画像名.gif) ;
画像の背景に「#FFFFFF」(白)という背景色がついています。
画像自体は透過していても、その画像の下地となる部分に背景色が指定されている状態です。
透過の効果を活かしたい場合は背景色の指定(カラーコード)を外すか、
場合によっては、スタイルシートの「background-color : transparent ;」(透明)などを設定してください。
ただし、素材を加工した場合は、その際に「画像から透過の効果そのものが失われている」可能性があります。
透過GIF素材を加工する場合は、透過GIF形式で保存できるソフトをご利用ください。
なお、「透過GIF」の「透過」とは、半透明のフィルタがかかる効果のことではありません。
たまに、「透過=半透明に見えること」と思われている方がいるようですが、透過GIF画像ではそうした表現はできません。
category in FAQ-graphic, help |
[graphic] CGI、PHP、JAVA等での使用は可能ですか?
基本的にはOKです。
「.cgi」「.php」ページの装飾のために使用することができるほか、
掲示板や日記のアイコンとして使用すること、カウンタの数値として使用することなど、
スクリプトの機能を具現化するために使用することができます。
ただし原則に抵触する行為、たとえば「登録することで画像が共有化されるシステムの利用」や、 「掲示板などに投稿すること」、「スクリプトと一緒に配布すること(※)」は禁止しています。
※ 掲示板やカウンタなどのスクリプトを提供されている方で、素材をサンプルに使用したい・同梱したいという方がおられましたら、ぜひご相談ください。
category in FAQ-graphic, help |
[template] フレームテンプレートのタイトルが変更できません
フレームの場合は、「枠」の部分で指定したタイトルがブラウザのタイトルバーに表示されます。
フレームセット(当サイトの場合はframe.html等)の <title>~</title> 内を編集してください。
「helpを読んでも意味がわからない」という方へ
当サイトでは、テンプレートのカスタマイズやHP作成、タグに関するサポートはできません。
サポート対象外の内容と経緯について、ご理解、ご了承ください。
「このサイトさんを参考に勉強しましょう」と、特定のページを案内することはしませんが、 web上には、htmlやcss、HP作成の解説を専門としているサイトがたくさんありますので、 ご自身にあったサイトを探してみてください。
category in FAQ-template, help |
[template] トップページ以外のページで使ってもいいですか?
OKです。
必ずしもサイトのメインデザインとしてお使いいただく必要はありません。
category in FAQ-template, help |
[ガイドライン] スキン・テンプレート配布サイトさん経由で素材をご利用の方へ
link に掲載しているスキン・テンプレート配布サイトさんで、当サイトの素材を使っていただいています。
そちらで間接的にダウンロードされた素材は、当サイトの規約と併せて、先方さまの規約をお守りください。
セットバナーについて
スキン・テンプレート配布サイトさんで二次的に配布されているバナー(※)も、当サイトの提携サイトさんへ文字入れ代行をご依頼になることができます。
※当サイトの素材を用いているバナーが対象で、先方さまの禁止事項に触れない場合に限ります。
テンプレートとセットで提供されているバナーは、テンプレートを使わずにバナーのみを使うことはできません。
どうしても文字入れが難しいという方は、[ガイドライン] バナーの文字入れ代行について、および、各サイトの規約をご確認のうえご検討ください。
配布元にアクセスできなくなってしまった場合について
サイト自体の閉鎖やリンクの不通などにより配布元にアクセスできなくなってしまった場合に、 テンプレートそのものや、テンプレートで使用されている素材について「継続して使用していいですか」とお問い合わせをいただきましても、当方が可否を代弁することはできません。
先方さまの意思や、最終的にどのような告知がされていたのかがわかりかねますので、あしからずご了承ください。
[ガイドライン] バナーの文字入れ代行について
どうしても文字入れが難しいという方は、当サイトにご助力いただいている提携サイトさん(後述)へ文字入れ代行をお願いできます。 ご依頼をお考えの方は、まず当ページのガイドラインをお読みください。
提携サイトとは
「バナーを使いたいけれど自分で文字入れすることが難しい」という方のために、
文字入れ代行を特定のサイトへご依頼できるよう導入したシステムです(08年5月10日より)。
提携サイトさんでは、当サイトで原則禁止している「再配布(画像共有、各種代行含む提供行為)」が解除されます。
- 関連ページ
ご依頼が可能な素材について
ご依頼が可能素材は以下のとおりです。
- 当サイトのgraphic>「banner」で配布しているバナー台
- スキン・テンプレートに同梱されている、当サイトの素材を用いたバナー台
代行の範囲について
代行をしていただけるのは、バナー台への文字入れおよび、文字入れに伴う加工(お飾りや、文字を見やすくするための調節)までです。
文字入れ以外の加工(素材自体の色替えや変形など)のご依頼はご遠慮ください。
ご依頼が可能な提携サイトさんについて
代行を請け負ってくださっているサイトさんをご紹介します。
申請方法や利用規約はサイトにより異なりますので、詳細は先方さまで直接ご確認ください。
当サイトからのお願い(2010年4月13日追記)
文字入れをお願いする前に、先方さまの規約や、案内ページをよくお読みください。
先方さまのお約束や案内をよく読んでいただけていないと思われる不備等により、
当サイトからのご依頼で先方さまにご迷惑をおかけしている状況を目にします。
規約を読む・守ることはもちろんですが、スムーズにやりとりを進めるためにも、
文字入れをお願いする前にもう1度、先方さまのお約束等と申請内容を照らし合わせて、お申し込みに不備がないか確認してください。
オーダーの際はお約束を熟読、遵守のうえ、
当サイトで配布しているバナーの場合は「NEO HIMEISM専用 文字入れ加工申込み」窓口から、
スキン・テンプレートに同梱されているバナーの場合は「文字入れ加工申込み」からお申し込みください。
ANGEL EGG*素材屋&バナー製作*
管理者:aki*さま
オーダーの際はお約束を熟読、遵守のうえ、
BANNER MAKE>特別注文>「NEO HIMEISM バナー文字入れ代行 特別ページ」からお申し込みください。
ご好意により無償で文字入れのお手伝いをしていただいています。
折角作っていただいたバナーを受け取りに行かない、また、連絡に応じないといったことがありませんよう、
責任を持ってご依頼ください。
ご依頼状況は当方も確認しています。
当サイトの利用者さんと提携サイトさんの間で、快いやりとりがされていたら嬉しいです。
反面、当サイトからの依頼でご迷惑をおかけすることは大変心苦しいです。
お約束をよく読まれ、必ず守ってくださいますよう重ね重ねお願いいたします。
代行に関する留意事項について
- 代行をご依頼の場合も、バナー素材は「利用規約(graphic)」の範囲でお使いいただけます。 併せて先方さまの規約をお守りください
- NEO HIMEISMの素材に関するご質問等は、当サイトのcontactまでお願いします
- 提携サイト以外の代行請け負いは禁止しています。 有志の方は詳細をお書き添えのうえcontactよりご相談ください
[全般] ○○な素材はどこにありますか?(逆引き)
一部の素材の配置を逆引きで紹介しています。
カテゴリ名と素材のジャンルがほぼ同一のもの(※)は割愛します。
カテゴリ分けについてはこちらをご参考ください。
※ 素材「薔薇」→カテゴリ「background>花」、「photo>植物(薔薇)」など
| 宇宙・天体 | background » 空模様 |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
| 傘 | background » 空模様/photo » 雑貨・他 | |
| 楽器 | background » 音楽/photo » 雑貨・他 | |
| 観覧車 | photo » 風景 | |
| 星座 | background » 星座/others » シェイプ | |
| 電話 | photo » 雑貨・他 | |
| 時計 | photo » 雑貨・他 | |
| ノート | background » ノート/background » 紙/ photo » 文具・画材/table » ルーズリーフ |
|
| ブランコ | photo » 風景 | |
| 武器・銃・ 日本刀 |
background » 武器/photo » 雑貨・他(武器)/others » シェイプ | |
| ヘッドフォン・ イヤホン |
photo » 雑貨・他 | |
| 墓地 | background » 墓地/photo » 風景 | |
| 本 | photo » 雑貨・他 | |
| 眼鏡 | photo » 雑貨・他 | |
| 雪(足跡) | photo » 風景 | |
| 雪(結晶) | background » 空模様 |
category in help, help-general |
[全般] ○○な素材はどこにありますか?
目的の素材のナンバーが分かっている場合
当サイトの template で使用されている素材など、 あらかじめ目的の素材のナンバーが分かっている場合は、 以下の方法で効率的に該当素材を探すことができると思いますので、お試しください。
1、各カテゴリのメニュー(「background」「photo」など)を選択
2、メニュー内で、素材ナンバーをキーワード検索(Ctrl + Fキー)
それ以外の素材の場合
「graphic」ページ内のカテゴリ分けについて以下に紹介しています。逆引きはこちらをご参考ください。
graphic » background







敷き詰め壁紙、リピート壁紙、固定壁紙を置いています。イラスト、CG素材が主に配置され、殆どの素材にカラーバリエーションを用意しています。
graphic » photo







写真素材を置いています。空、風景、植物、生き物、水、文具・画材、雑貨・他、食べ物、医療のほか、ポラロイド風の151A・Bシリーズがあります。
graphic » icon/button







ナビゲーションやワンポイントに使えるアイコン、ボタン、テキストのみのメニューがあります。
graphic » line







見出しの背景や区切り線などに使えるラインがあります。
graphic » counter







カウンタ用の素材があります。当サイトで配布しているのは画像のみですので、カウンタを動かすためのシステムが別途必要です。
graphic » table







tableタグを使って組み立てたフレーム(枠)素材を置いています。組み立て用のソースは画像と一緒にダウンロードできます。
graphic » banner







31×31、88×31、200×40サイズのバナー素材を置いています。1デザイン3サイズ+88×31サイズには「no banner」を用意しています。
category in help, help-general |
[template] サンプルと同じ素材の組み合わせでサイトを作ってもいいですか?
ソースをご自身で用意していただく場合はご参考にどうぞ。
「template」の同梱素材のみの使用は原則禁止しておりますので、素材は「graphic」からお持ち帰りくださいますようお願いします。
各テンプレートで使用している素材のナンバーは、各テンプレート内のコメントで「使用素材」として紹介しています。
category in FAQ-template, help |
[template] よそで配布されているテンプレートと一緒に使ってもいいですか?
ページによって異なるテンプレートを使用するなど、併用は構いません。
先方さまの規約を厳守のうえ、配布元の異なる複数のテンプレートを併用なさる場合は、著作者情報の区別がつくよう配慮をお願いします。
category in FAQ-template, help |

















