Riceの活動 飛奈姫的DK育成などなど(*'ω'*)

"HINA MODE"banner

CHARACTER DATA

SERVER::SAKULA
NAME::俚
JOB::Priest
LEVEL::91



SERVER::SUMOMO

NAME::碑凪
JOB::Night Load
LEVEL::128


NAME::飛奈姫
JOB::Dark Knight
LEVEL::152
GUILD::Rice

Riceとは、ヒナの出身サバである桜サバでデッチャンことデルキシス氏が"Rise"というギルドを作成したのをきっかけに、勝手にRise李支部としてネタで作ったギルドです。

Riceのモットーは、
  • 明るく
  • 楽しく
  • 元気よく
  • よりアホを目指して
元気いっぱい活動中b

※ギルド結成費用、マーク作成費用はすべて焔昂が出資していますw
MainMember
  • 碑凪 [ギルマス]
  • 瑠ヵ [家出中]
  • 焔虎皇 [仕事中]
  • w柚希w [残念な子]
  • あんぎゃあ [捕獲済]
  • りりちょび [ヒデオ]
  • qツヵサp [失踪中]
Intern
  • 随チョン
  • vだいくんv
  • ふかっちだよ
  • 大塚だよ
  • うじぷー
  • その他各サブ
Official
  • デル・・なんとか
  • ぽて・・なんとか
  • その他
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
画像にリンクを貼る。
前の記事にバナーの貼り方のご質問がありましたので
バナーの貼り方をご紹介します。

画像を貼り付けるタグは、生まれて初めてヒナが知ったタグです。
今のヒナのすべてはこのタグで始まりましたw

画像を挿入する為には『img src』というタグを使います。


↑↑↑
<img src="http://mokoann.pupu.jp/milk/bn_moon_02.gif">

これにはhtmlで書く場合閉じるタグは必要アリマセン(</font>みたいなね)
※xhtmlの場合は「 />」で閉じなければいけませんょ。これについては今回は触れませんが。

上記のURLは画像の場所を表します。
上記のタグをブログで使う場合はフルパス(http://からはじまるパス)で、指定してください。
※ブログで使う場合はフルパスですが、自分のWebサイトで使う場合は相対パスを使います。
相対パスについては今回は説明しません(´-ω-`)

フルパスを調べるには画像を右クリックして『プロパティ』を開いてください。
右クリックでコピーが使えないので、キーボードの『Ctrl+c』でコピーして(*´・ω・`)bネッ☆


直リンクについて....

画像をリンクをするにあたって注意しないといけない点は『直リンク』です。
まず、直リンクを説明します。

c0040352_4341061.gif
















AとBのサイトがあります。
画像「1」「2」「3」は見た目はすべて同じ画像ですが、パスが違います。(赤い線のとこ)
画像「2」はAのサイトからの画像の『直リンク』です。
画像「3」は自分のサーバーにアップロードしたものをリンクしています。

Bのサイトを表示させる時に、画像「2」は必ずAのサイトにアクセスすることになります。

ん~・・・説明が下手でごめんなさぃ(´・ω・`)ショボーン

直リンクが1ヵ所ならそう問題ないのですが、たとえば・・・1000個所でリンクされた場合
同じ時間に1000個所それぞれ3人が開いたらAのサイトは一瞬で3000のアクセスが
殺到してしまいます。
例えるなら、メイポイベントの時のリスですょ!!!重いでしょ?(´ノωノ`)メソメソ
リンクのマナーとしては相手のサーバーに負担をかけては迷惑になるので
自分が持っているサーバーにアップロードしてから貼り付けるのがいいのですが、
自分がブログしかもっていない場合、それが出来ませんょd(>ω<。)ネッ!

サイトによっては、常に新しいバナーを使ってもらう為に直リンクを指定しているところもあります。

自分がWebサイトのスペースを持っていない場合は、
リンク先のリンクの注意事項をよく読み、画像の直リンクをしていいかどうか
確かめて、とくに「直リンクはご遠慮ください」との表記が無い場合は・・・まぁいっかトカw
・・・アクセス数の多いサイトは直リンク禁止のところ多いですので。
友達のとこ~とかならOKではないでしょうか?w
基本的にはサーバが禁止しているところもありますのでご注意を。

んで、画像が表示できたらサイトをリンクしましょう。

そう。応用です(*´艸`)

前に・・・話したっけ?w
<a href="http://リンクしたいURL/"></a>を使います。

そぅ、囲んじゃうの(*´艸`)

テキストにリンクを貼る場合は
<a href="http://リンクしたいURL/">○○のサイト</a>ですょね?
画像に貼るには
<a href="リンクしたいURL"><img src="http://xxxx.jp/xx.gif"></a>
です(*´・ω・`)bネッ☆

ここで、このままの状態だと画像の周りに「リンクがありますょー」って枠線が表示されてしまいます。
枠線が嫌な場合は、画像のタグに『属性』をつけてあげます。
<img
src="http://mokoann.pupu.jp/milk/03.gif" border=0>

↑別に改行はいりませんょ...なんでだか改行禁止タグ使っても改行しちゃうの(´ノωノ`)メソメソ

border=0
境界線=なし

ってことです(*´・ω・`)bネッ☆
属性はイロイロありますが、今回はコレだけ(*-ω-)(-ω-*)ネー

ちなみに・・・左がborder指定をしてない場合で右がborder指定有りの場合です。





さてさて、、、お分かりいただけましたでしょうか。。。
いまいち・・・教えることに自信のないヒナです(´・ω・`)ショボーン

そうそう、エキサイトブログの場合、スキンで変わるかもしれないけど、
←に表示できる画像の横幅は150pxが限界のようです。
150px以上の場合は画像が切れてしまいます。

なので・・・焔昂とデッチャンとこのバナーはあわてて150pxで作り直しました。
ミルポのはブログでしか活用しないであろうと思い最初から150pxで作りましたw

焔昂とデッチャンのブログ用バナーはヒナのサーバーにアップしてありますので、
それぞれ下記のタグを使ってクダサィ。


↑↑↑
<a href="http://maple-enkou.main.jp/" target="_blank"><img
src="http://mokoann.pupu.jp/milk/bn_moon_02.gif" border=0></a>


↑↑↑
<a href="http://rise-we-are.hp.infoseek.co.jp/index4.html" target="_blank"><img
src="http://mokoann.pupu.jp/milk/bana_02.gif" border=0></a>

余談ですが↑のバル・・・ゼラドス・デッチャン・ルルチュ・ヨウチャ・ヒナで挑んで、
ヒナ1人墓ドロしたときのバルですね・・・。



まぁ・・最後に。。。
写真の加工ですが・・・効果以外は、ヒナが使ってるPhotoshopの素材だったりします。
前回のノリィsの写真にいれた、羽はブラシ素材で、、、
クリックするだけで羽ができちゃうんです(*´艸`)スゴィネ

羽はちゃちゃさんが作ったブラシ素材です。
ヒナは、なにもすごくなぃの(ノ∀`*)ペチ
好きな場所でクリックしただけ(ノω`)プププ
もし、、、Photoshopを持ってる人がいて、使い方がよくわかんない方は、
こういう簡単に使えるブラシなんかからやってみてはいかがでしょうか?
[PR]
by milk_hina | 2005-09-23 05:21 | 俚系*豆知識
<< 強化♪ Webサイト >>


以前の記事
その他のジャンル
検索
ファン
記事ランキング
ブログジャンル
画像一覧