PREV| PAGE-SELECT | NEXT

≫ EDIT

スポンサーサイト

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

| スポンサー広告 | --:-- | コメント(-) | トラックバック(-) | TOP↑

≫ EDIT

*ブログの投稿時の注意点

ブログ投稿時の注意点と小技を書いておきます。
ギルメンさんは見て下さいね。
(6/21のギルド告知に加筆をしたものです)


◎ブログのサムネイルの大きさの変更(内部設定変更)
ブログのサムネイル画像サイズを変更しました。
大きいサイズの画像をアップし、記事に貼り付ける時は
サムネイルを使用すると300x300になります。
(300x300とは下の画像の大きさです。)

test.jpg



◎画像アップ時の注意
画像をアップロードする時に元の大きさを使用するか、サムネイルを使うかを選択しなくてはならない場合があります。
(300x300以下の画像にはサムネイル作成はでません)
このブログの投稿スペースの最大は440px(~460px)ですので
幅がそれ以上の画像を使用すると、メニュー欄が投稿文の下に回りこむなど、ブログレイアウトが崩れてしまいます。
ですので、幅が440pxある画像は必ずサムネイルを使用してアップしてください。
幅440pxは何処を見ればいいのかは下記画像の赤い○部分を見てください。
test3.jpg



◎自作でサムネイルを作る方法
サムネイル画像300x300が大きいので、サイズ変更したい場合は
タグの修正が必要になります。
画像をアップすると、タグは


<a href="http://画像のアドレス.jpg" target="_blank">
<img src="http://画像のアドレス.jpg" alt="画像名.jpg" border="0">
</a><br clear="all">

と作成されます。
このタグのimg内を編集します。

<img src="http://画像のアドレス.jpg" alt="画像名.jpg" border="0" の後に
(半角スペース)WIDTH="○○" HEIGHT="△△"を追加します。
(○と△は指定するサイズ数)

例えばサムネイルの画像を150x150にする場合は


<img src="http://画像のアドレス.jpg" alt="画像名.jpg" border="0" WIDTH="150" HEIGHT="150">

と変更します。
変更すると下の画像の大きさ(150x150)になります。

test.jpg

また幅の変更は数字の入力ではなく、%でも修正できます。

ex)
<img src="http://画像のアドレス.jpg" alt="画像名.jpg" border="0" WIDTH="75%" HEIGHT="75%">



◎画像を中央に置く方法
FC2ブログでは画像を配置するとデフォルトで左配置になります。
これを中央に置く方法です。
<a href="http://画像のアドレス.jpg" target="_blank">
<img src="http://画像のアドレス.jpg" alt="画像名.jpg" border="0">
</a><br clear="all">
と、作成されたタグを<center></center>で括ります。


<center>
<a href="http://画像のアドレス.jpg" target="_blank">
<img src="http://画像のアドレス.jpg" alt="画像名.jpg" border="0">
</center>

と指定すると下の画像の様に真ん中に配置されます。

test.jpg



◎画像を右側に配置する方法
画像を右側に配置したい時は
<a href="http://画像のアドレス.jpg" target="_blank">
<img src="http://画像のアドレス.jpg" alt="画像名.jpg" border="0">
</a><br clear="all">
のimgタグを編集します。

<img src="http://画像のアドレス.jpg" alt="画像名.jpg" border="0" の後に
(半角スペース)ALIGN=RIGHTを追加します。


<img src="http://画像のアドレス.jpg" alt="画像名.jpg" border="0" ALIGN=RIGHT>

と、指定すると下の画像の様に右に配置されます。
test.jpg


ちなみに、
ALIGN=○○にCENTERと入れれば中央に、LEFTと入れれば左に配置されます。


◎画像の横に文章を置く方法
上記の画像の位置指定を使い、画像の横に文章を置く方法です。
<a href="http://画像のアドレス.jpg" target="_blank">
<img src="http://画像のアドレス.jpg" alt="画像名.jpg" border="0">
</a><br clear="all">

まず、画像を左か右に置くかを決めます。(ALIGN=LEFT{orRIGHT})
そして</a>と<br clear="all">の間に文章を入れていきます。

タグ例とその実際の表示のさせ方を書いておきます。


<a href="http://画像のアドレス.jpg" target="_blank">
<img src="http://画像のアドレス.jpg" alt="画像名.jpg" border="0" ALIGN=LEFT>
</a>
</a>と<br clear="all">の間に文章を入れてみました。画像の配置は左指定しています。
改行すればちゃんと文章も改行します。
そして画像の下に文章をおく場合は
<br clear="all">の後に文章をかけば

<br clear="all">
画像の下に文章がきます。


tests.jpg</a>と<br clear="all">の間に文章を入れてみました。画像の配置は左指定しています。
改行すればちゃんと文章も改行します。
そして画像の下に文章をおく場合は
<br clear="all">の後に文章をかけば
画像の下に文章がきます。

このようになります。
このときの注意点はデフォルトで左配置になるが、必ず左側配置指定をする事です。

最初は難しいかと思いますが
色々アレンジしたいな、と思った時は利用して見て下さいね。

--------------------------------

test2s.jpg露店中のSSです。
肩の色が赤だからかなり前に撮ったものですね。

最近は露店も出していませんし
何より茂みに隠れたままで狩りにも出ていません;

ブログの中の人として頑張っております(ぇ

このまま幽霊創立者になるように頑張っていきます!
管理モード|`・ω・)o))

で、今したいこと。


私ヒールされたい!    ←どっか逝け まる
スポンサーサイト

| Information | 12:45 | comments:4 | trackbacks:0 | TOP↑

COMMENT

こんにちは~~~
時音さんをジオンとかときおとさんとか言ってたのはナイショです;;(謝

ないんといいましょうか~~~~~
スゲ~~~~~~~!!!!!
html講座 勉強になりました^^
これを参考にSkyのブログも書いていこうと思います
更新 オツですペコリ(o_ _)o))

| SkyRaveヤマト | 2006/06/22 14:41 | URL | ≫ EDIT

スゲーぜお時たん!ジークジオン!!!
 
タグって何?美味しいの?という文系のおいらにもラクラクブログ作成が可能になりましたー^^
 
特にありがたかったのは、サムネイルのデフォルトサイズの拡大!
前のがちっちゃかったので、教えてもらったとおりに自分でタグをいじって大きく表示させたりしてたんだけど、何故か縦に伸びて表示されたりして、オレ的にはもうワケわかんねー!って状態ですた。
 
元祖ギルマス、本当にありがとう!今度ちゃんとヒールしますよ!(ハイヒールを履きながら

| まぐ | 2006/06/22 16:04 | URL | ≫ EDIT

すごい…これ大変だったんだろうな…
とは思うものの、既に私には宇宙語のようです。
理解不能とも言います(ばく)

ヒールします。
だから良かったら一緒にデートでも(もぢもぢ)

| 蛇歩 | 2006/06/22 22:35 | URL | ≫ EDIT

(´・ω・`)どうも、外国ではジオンと呼ばれそうなトキオトです(笑

>ヤマトさん
謝る事ではないですからね(笑
どぞどぞこれからもジオンでもトキオトとでもお呼び下さいませ(ぇ
いえいえ、何かの参考になれば嬉しいです^^

>まぐたん
大丈夫、自分も最初は美味しいの?状態でしたから(笑
サムネイルの拡大は設定部分で最初から弄ればよかったんですけどね、項目欄見逃してしまって気がつかなかったのです><;
これで少しは画像張りながらのブログが楽しくなってもらえれば、と思います^^

>たぼおうじ
今までの投稿の中で3本の指に入るくらい面倒でした(笑
ちまちーまやっていくと解っていくものなので今は軽く流す程度でいいですよ~。
毎回使うものでもありませんけどね。
でも2番目の項目だけは理解してくださいまし~~(涙

ちなみにデートは…お、おっけーですよ…(もぢもぢ

| おとき | 2006/06/23 00:09 | URL | ≫ EDIT















非公開コメント

TRACKBACK URL

http://silkguild.blog70.fc2.com/tb.php/542-7707d8e0

TRACKBACK

PREV | PAGE-SELECT | NEXT

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