シンプルスキンのトップ画像に自分で撮った写真を使いたいけれど、
HTMLやCSSの知識がないので編集の仕方がわからない... という人はここを読んでみてください。
単純に説明すると、現在使っているスキンのトップ画像の部分にカーソルを当て、プロパティを見て、画像のURLを知り、スキン編集ページを見てその画像が使われている部分を探し、元の画像と自分がアップロードした画像を入れ替えることができます。(画像のサイズが同じじゃないとスキン崩れします) 私が一番最初に自分でした「スキン編集」が、まさにそれでした。 けれど、これさえも初心者にとってはチンプンカンプンだという場合も少なくないことでしょう。 そんな初心者のために、ここで私が配布しているスキンを使って、トップ画像だけを簡単に入れ替える方法を、初心者向けにステップバイステップで説明します。 とっても簡単なので誰にでもできますよ。^^ ただ、私が写真に加工している「縁のぼやけ」とか、スリムトップ型のスキンに見られる「画像の外側にさらに線描きのフレーム」までは引き継げません。 (フォトショップ等のソフトをお持ちのかたは、画像のサイズ合わせをする時点でこうしたおまけを入れることができます) では、説明に入りましょう。^^ 最初にいっておきますが、ここではあくまでも「Animal Skinで配布しているスキンのトップ画像写真を入れ替える」方法について説明しています。 エキサイトからは数多くのスキンが配布されていますが、それらのどのスキンも、ここで説明する方法とまったく同じようにして画像が入れ替えられる...というわけではありません。 使用する画像のサイズもそれぞれ違いますからね。 基本は似ていますから、HTMLやCSSを勉強すれば、そちらも簡単にできるようになる人も多いとは思いますが。 ここで配布している超シンプル系のスキンでもOKだよ...という方、ここから先をどうぞ♪ ★ノーマルタイプのスキンに、自分で撮った写真を使用したい場合★ ここでいうノーマルタイプとは、トップ画像がやや太めの、基本形スキンのことです。 例: このスキンのトップで使われている天使の画像を、あなたの好きな写真と入れ替えたい...とします。 2010年3月追記: 右クリック禁止のブログパーツを使用している場合、プロパティを開くことができません。 その場合は、一度編集記事に戻り、そこにあるすでにアップロードした画像のリストをクリックしてプロパティを開き、そこからURLをコピーしてください。 参考までに:→画像転載禁止ブログパーツとマイスキンのトップ画像 ※プロパティの中にあるURLを使用することは重要です。 プロパティを開かなくても見ることができるURLは、管理人にしか見えない記事の中にあるので 管理人以外には見えないということがあるからです。 (ここからもっともっと凝ったスキン編集をしたい...という人は、サイドバーにリンクしてある、スキン編集のお助けブログを見て勉強してみてください。...ここではあくまでも「単純に画像を入れ替えたい」場合の説明だけをしています) ※左側にメニューが来る2列レイアウト以外のスキンや、固定背景のスキンでも画像の入れ替えは簡単にできます。 CSS内に画像のアドレス(http://~)を見つけた場合、URLを開いてチェックしてみてください。 そこでプロパティを確認すると画像のサイズがわかるので、同じサイズかそれに近い画像を別に作って、↑で説明したと同様にして入れ替えればいいだけです。 ※どうしてもできない...悩みすぎて頭が痛いのにできない...という場合は、 ここの説明文をプリントして、それを見ながらゆっくりゆっくりやってみてください。 初心者にも必ずできますから。^^ ところで...トップ画像を自分の好きな写真やイラストに入れ替えるときに気をつけて欲しいのが、著作権問題です。 個人の楽しみのためだけの、つまりお金儲けが目的ではないブログやHPを装飾する程度なら、著作権フリーの写真やイラストを使用しても別に問題はないでしょう。 けれど、素材配布サイトなどから借りてきたイラスト等をトップ画像として利用したいとなったら、作者に一言問い合わせてみるのが礼儀だと思います。 そういった作品はあくまでも「借りる」ものですからね。 写真ブログなどに使われている写真には、撮影者の名前やブログアドレスによるコピーライトが入れられていることがよくありますよね。 これは、勝手に使わないように...と撮影した人が言っているのです。 モデルや俳優などの場合は肖像権問題もあると思うのでご注意を。 というわけで、画像入れ替えの際には、自分で撮影した写真なり、自分で描いたイラストなりを使うのが一番無難かもしれません。 Top▲ | by mari_ca
by animal_skin
| 2011-12-30 00:00
| 自分の好きな写真を使いたい方へ
|
シンプルスキン 配布してます by mari_ca
ウェブデザインではない グラフィックデザインと 商業デザインの仕事をして 米国西海岸オレンジカウンティで 細々と暮らしています。^^
スキン編集お助けブログ
スキン配布をしているサイト
メモ帳
リンクはご自由に♪ リンクの際に バナーが必要なかた どちらでもお持ち帰り ください。 ↓ Animal Skin で配布している スキンを編集・改造 するのは構いません。 ただし、当ブログが オリジナルとして 著作権を所有する トップ画像を 改造後もスキンの 一部として使用する限り サイドバーの一番下にある 「○○(スキンの名前) Skin by Animal Skin」 という部分と そこからの当ブログへの リンクは消さないで ください。 配布中のスキンについて 質問や問題点等が あった場合 コメント欄にて お気軽にどうぞ。^^ それ以上の HTMLやCSSに ついての質問には 私自身がもともと 知識不足ということもあり 残念ながら 答えられません...が、 スキンの編集・改造に 役立ちそうな お助けブログを リンクしてあるので 困ったときはぜひ そちらを参照してください。 ★文字等の色を 変えたい人へ★ 編集枠の中にある、 #の次に続く 6桁の数字、 アルファベット、 またはその混合は すべて色を表しています。 コメント欄以外は プレビューで 確認できるので、 自分の好きな色に あれこれ変えて 遊んでみてください。 こちらのページで 色一覧が見られます。 HTML基本カラー HTMLパステルカラー1 HTMLパステルカラー2 まなざしの工房 美しい日本の伝統色が たくさん見られます♪ ブログに付け加える ミニサイズの 可愛いボタンを お探しの方は ぜひちびボタン屋 も覗いてみてね♪ メインブログである 「A little something to say from California」のほうは スキン編集とは まったく関係のない 写真コラムブログです。 野生動物に野鳥や猫 海や山や砂漠など 西海岸の自然や植物に 興味があるというかた ぜひそちらにも遊びに来て みてくださいね~。^^
カテゴリ
全体初めてお越しのかたへ バナーを使ったリンクの仕方 自分の好きな写真を使いたい方へ 「最近の記事」リストを作る方法 スキンのリクエストについて 強制広告表示への対策 鳥 犬・猫 犬猫以外の哺乳類 風景・光景 爬虫類・両生類 植物 蝶&その他の昆虫 トップ画像のないスキン ワイドスキン(大きな写真OK) イラストもの ★Halloween★ ★Christmas & Winter★ 和柄スキン 右メニュースキン 3列スキン 1列スキン その他 管理者専用(非公開) 以前の記事
2011年 12月2010年 09月 2010年 07月 2010年 04月 2010年 03月 2010年 01月 2009年 12月 2009年 11月 2009年 10月 2009年 09月 2009年 07月 2009年 06月 2009年 05月 2009年 04月 2009年 03月 2009年 02月 2009年 01月 2008年 12月 2008年 11月 2008年 10月 2008年 09月 2008年 08月 2008年 07月 2008年 06月 2008年 05月 最新の記事
最新のトラックバック
ライフログ
検索
タグ
ベーシックスキン(122)
イラスト系(92) 植物(41) トップ画像なし(39) 右メニュースキン(33) ワイドスキン(28) 猫(23) 動物(23) クリスマス(19) 固定背景スキン(19) 花(17) 風景(16) ハロウィン(16) 黒スキン(14) 3列スキン(11) 背景柄ナシ(8) 設定の仕方(7) 海(6) 鳥(5) 犬(5) その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
by Animal Skin |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
ファン申請 |
||