見習いシスの日常

立派なシス・マスターになる為に・・・

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告

ヘッダーに好きな画像を貼り付けよう!!

どもども!
思い切ってテンプレをイメチェンしてしまった見習いシスです。

以前より、スター・ウォーズEP4の冒頭シーン、
真っ白なタンティヴィIVの船内に乗り込んで来たダース・ベイダーと501大隊の姿に、
ただならぬ感動と興奮を覚え、無駄のないシンプルな近未来デザインの「白き世界」に憧れを抱いた結果が、
今回のような白ベースのグリッドデザインとなった訳なのですが、

いやね、今まで私黒い背景の中でブログかいてたもので、
よくよく文字の色を黄色にしたり、明るい文字色をアクセントに使ってたのよ。

そしたっけ、この真っ白な背景の中で目立たない、目立たないwwwww
皆さん!
もぉね、過去記事に関して読みづらい文字あったら全部反転して読んでくださいねwwww( 」´0`)」

・・・と、いう訳ですが、本日は玩遊記を一回お休みして、
ふぃぎゅあ道のLK-4D4様よりご質問のあった

ヘッダーに好きな画像を貼り付ける方法!!!
というのを紹介させて頂きます。

これは、何のIT知識もない私の我流なので参考にならないかもしれませんが、
遊び半分にどーぞお試し下さいませm(_)m

今回は、私も今まで使用していたFC2の共用テンプレート「black」で行います!
思えばこのテンプレがたまたまお揃いだったというだけでふぃぎゅあ道さんや駄菓子猫さんやDFCさんとお友達になっていったという思い入れの深い、そしてまた弄るにはとてもシンプルで使いやすい素人向けのテンプレであると思います。

デフォルトではブログのタイトル(右上)とその下にサブタイトルがシンプルに表示されるだけなのですが、
これを下の図の様に目立つ画像に変更したいと思います。

Baidu IME_2015-5-17_22-30-38

先ずはハメ込むための画像を作ります!
 
今回のテンプレートのサイズ的には横の長さが800~1000ピクセル位でつくるとちょうど良いと思います。
高さはこのテンプレでは気にしなくても大丈夫ですが、他のテンプレでは気にするものも出てくるかと思います。

今回私がこのテンプレ用に作った画像は900×355
下記の記事内の表示サイズは680×252
画像をクリック頂けると原寸サイズ900×355に飛びます!

ちなみに現在の私のブログヘッダーに使用しているのは1280×505です。

そして、私は画像をヘッダーの「背景」として設定する訳ではなく、ヘッダーに画像を「ハメ込む」だけなので、
画像の段階からブログのタイトルを入れてしまってください!

フリーの画像編集ソフトなんかでいくらでも作れますよね^^

doll_logo_img_20150517223345a54.jpg


続いて、普通に記事を書くかの様にサーバーにUPして、この画像で記事を書くで下書きまでいってください!


Baidu IME_2015-5-17_21-26-58


記事を書いてる皆様ならこのような画面になりますよね!

これが後々ヘッダーにハメ込むこの画像のHTMLになるわけですが、もう少し弄りましょう。

Baidu IME_2015-5-17_21-27-23


続いてメニューボタンより「W」と書いた「高機能テキストエディタ」ボタンを押し、
高機能テキストエディタ編集に切り替えて下さい。
Baidu IME_2015-5-17_21-27-39

画像をクリックして選択して下さい。
選択されている時は、画像の四隅とそれぞれの辺の真ん中に小さい□(四角)が表示されますね!

Baidu IME_2015-5-17_21-28-2

そして、右寄せボタンを押してください。

Baidu IME_2015-5-17_21-28-21

右寄せが完了したら、もういちど「W」ボタンを押して最初の画面に戻りましょう。

Baidu IME_2015-5-17_21-28-38

するとほらっ!
この画像を表示する時右寄せして表示してくださいねー!っていうHTMLが加わって、
最初のものより少し複雑になってますよね!!

Baidu IME_2015-5-17_21-28-54

ただ、このままだと、ブログの記事用としてはいいんですけど、
ヘッダーにハメ込むにはまだ手を加えます。

Baidu IME_2015-5-17_21-29-10

この、青く選択している部分のURLはこの写真をクリックした時にどこに飛ぶかのリンク先のURLとなってます。
なので今のままだとこの画像の元画像に飛ぶだけなので、ブログの看板にするのであればやはり自分のブログのトップのURLに書き加えましょう!!!

↓↓↓
Baidu IME_2015-5-17_22-22-51

この青く選択している部分は画像にマウスオーバーした時になんてワードを表示させるのか?
というワードを設定する場所です。
現在では単に画像のファイル名になっているので、もしブログの看板にするのであれば、自身のブログのタイトルを入れましょう。
※ちなみに何故かWindowsXP時代はマウスオーバーでちゃんと表示されてたのに、7に変えてからマウスオーバーしても何も表示されなくなってしまいまして・・・?ブラウザの進化のせいなのかとかよくわかんないですが、気にならない方は最初のままでもいいと思います。
↓↓↓
Baidu IME_2015-5-17_22-23-13

よって、上記の2箇所をそれぞれ私は自分のブログのURL
http://sithapprentice.blog92.fc2.com/

見習いシスの日常
に書き換えました。さあHTMLの完成です!これをコピペでもして保存しておきましょう^^
↓↓↓
Baidu IME_2015-5-17_22-16-27

続いて、いよいよヘッダーに先ほどのHTMLを貼り付けるために
ブログの管理画面よりテンプレートの設定に進みます!

今回のテンプレート「black」のHTML編集の中からヘッダーに関わる記述を探します。

Baidu IME_2015-5-17_21-31-45

これこれ!
この<h1> ~ </h1>が今回のいじる場所です!
ちなみに下の<h2> ~ </h2>はサブタイトルの部分です。

Baidu IME_2015-5-17_21-31-53

この、青く選択した部分をまるまる先ほど作成した画像のHTMLと差し替えます。

Baidu IME_2015-5-17_21-32-5

すこし画像小さいですが、先ほど作成したHTMLを貼り付けた状態です。
画像クリックですこし大きくなります^^
↓↓↓
Baidu IME_2015-5-17_22-17-38

さーーーて!完成です。
みてみてください!ためしてください!

Baidu IME_2015-5-17_21-32-46

これはあくまでも私のやり方なのですが、
知識のある方はもっと簡単な方法とか知っているのでしょぅねー(´;ω;`)www

まぁ、何事も自分で弄りまくることによって少しづつ理解していけるのがPCの面白さだと思っていますwww

今回のやり方はたまたまこの「black」というテンプレには通用しましたが、
現在わたしが使用しているテンプレなんかにはまったく通用しなかったのですが、
なんだかんだいじくり倒して、なんとか今のテンプレでもいい感じに仕上がったりしましたwww

是非是非お暇な皆さん!ビビらずいじってみて下さい!

あ!
でもね、ホント、取り返しのつかないことがよく起こるので、FC2のテンプレの設定画面で
「テンプレの複製」っての出来るからいちど複製して、弄って、プレビューして、
いろいろ確認してから「適用」してね^^

でわでわ!
がんばって!!

ばいびろろ~~~ん!!!!ヾ(*´∀`*)ノ
スポンサーサイト

テーマ:趣味と日記 - ジャンル:趣味・実用

  1. 2015/05/18(月) 00:42:53|
  2. 雑記
  3. | トラックバック:0
  4. | コメント:0
<<【 玩遊記 ★ 東京篇 ★ 第三夜 】後編 | ホーム | 【 玩遊記 ★ 東京篇 ★ 第三夜 】前編>>

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://sithapprentice.blog92.fc2.com/tb.php/596-e6116853
この記事にトラックバックする(FC2ブログユーザー)

プロフィール

SithApprentice

Author:SithApprentice
ダークサイドに堕ちた、
玩具が好きな、見習いシスです。
心のパドメを探し続け、
日夜ライトセーバー振り回し中。
日々の出来事、アニメ、ドール、
STAR WARSのフィギュア
を中心とした玩具弄りの記録を
北国・札幌より綴ってます!! 

札幌市中央区南6条西3丁目
第二桂和ビル6階
SITH BAR DARKSIDE
(シスバーダークサイド)にて
BARのマスターとしても暗躍中。

見習いシスのお気に入り♪

ameba piggにも遊びに来てね♪

見習いシスのPiggのお部屋
↑↑↑クリック↑↑↑
☠見習いシスのお部屋にきてね☠

♪♪♪SWを彩る女性達♪♪♪

見習いシスの日常2周年記念
ダニー.Y様より頂きました! マラーシア・フェルたんLOVE
STARWARS LEGACYに登場!
フェル帝国のプリンセスにして、
インペリアル・ナイトの紅一点
マラーシア・フェルたん!

ジェイナ・ソロたんLOVE
麗しのパドメ様の血を引きし
あの、ハンとレイアの娘にして、
銀河のアイドル「ジェダイ」!
ジェイナ・ソロたん!


ジュノ・エクリプスたんLOVE
元、銀河帝国の優秀な
パイロットにして反乱同盟設立の
立役者!ジュノ・エクリプスたん! STAR WARSには
魅力的な女性キャラクターが
沢山活躍してますネ!

見習いシスは
そんな彼女達を応援します!!!

すぺしゃるさんくす:D.F.C様!

最新記事

最新コメント

カテゴリ

フィギュア (196)
Hot Toys (3)
threezero (3)
Virtual Toys VTS (2)
ドール (5)
出来事 (214)
イベント (24)
玩遊記 (16)
雑記 (9)
動画 (62)
いんでぃあな・うぉーず (29)
未分類 (0)
レイのスカベンジャー日記 (1)
SITH BAR (2)

全記事表示リンク

全ての記事を表示する

秘宝館 神崎剣抄のブログ

秘宝館
札幌から現代アートを発信する
神崎剣抄の公式ブログです!!

nuggets

nuggets
お友達のお店です。
スケボー出来るヨ!!

kanzashi japonisme Tsubakuro

kanzashi japonisme Tsubakuro
逸る春と 揚る夏 想う秋 耐え見つめる冬に日本人の意を考える。

スター・ウォーズを作ろう

スター・ウォーズを作ろう

STAR WARS FAN !!

STAR WARS FAN !!
スター・ウォーズに関する情報
アイテム・イベント・小説・ゲーム等

銀河共和国議会

銀河共和国議会

スター・ウォーズファン同盟

スター・ウォーズファン同盟

Wookieepedia

Wookieepedia
スターウォーズのWIKI。
日本語版!!

スターウォーズの鉄人

スターウォーズの鉄人
スターウォーズ情報が大量に!!
ファン必見!!

えこ~べ~す

えこ~べ~す
日本のホスと言われる
北海道から発信する、
個人的なスターウォーズに
関するホーム・ページ

リンク

このブログをリンクに追加する

月別アーカイブ

メールフォーム

名前:
メール:
件名:
本文:

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。