--.--.-- スポンサーサイト 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2007.03.22 文章編(回り込み) 
なんだかエライ放置してましたf(^^;
もう今更?かもしれませんが・・・

1.文章を真ん中に寄せていたり・・・
2.字を大きくしていたり・・・
3.画像の横に字を回りこませていたり・・・

の3文字を回り込ませる方法を説明したいと思います♪

ではでは続きをどうぞ~
*続きを読む*
通常画像をアップしたときって、横に文字が来ませんよね!

↓こんな感じで・・・
20070314150555.jpg

文字が写真の下に来てますよね


大きい画像の場合は良いですが・・・

2007322-01.jpg

↑の写真のように小さい画像で、文字が下にくると右側がチョット寂しいですよね~

そんなときは、画像の右側に文字を回り込ませるようにすれば良いんです!

どうやるかというと・・・

画像をアップロードして、記事を書けば↓のようなタグが現れます。

<a href="http://blog-imgs-11.fc2.com/g/s/t/gstemp/2007322-01.jpg" target="_blank"><img src="http://blog-imgs-11.fc2.com/g/s/t/gstemp/2007322-01.jpg" alt="2007322-01.jpg" border="0"></a><br clear="all">

これを・・・

<a href="http://blog-imgs-11.fc2.com/g/s/t/gstemp/2007322-01.jpg" target="_blank"><img src="http://blog-imgs-11.fc2.com/g/s/t/gstemp/2007322-01.jpg" alt="2007322-01.jpg" border="0" align="left"></a>○○○○○<br clear="all">

って赤字を追加すれば良いんです!
align="left" で、画像を左側に。
align="rigth" で、画像を右側に
○○○に書き込みたい文字を!

この赤字を入れるだけで、↓こんな感じになります。

2007322-01.jpgねっ♪右側に文字が回りこまれてるでしょ~
もしも文字が上に行き過ぎるのがイヤなら・・・




改行してやれば良いんですよ♪


とこんな感じですf(^^;

サムネイル画像を小さく設定している人とかは、この回り込みを使えば画像横が寂しくなくなるのではないでしょうか?



物凄くブログを放置しといて、コレか?って感じですがf(^^;
これで終わりです♪

次のネタ・・・
考えてませ~ん( ̄▽ ̄;)

また放置するかもですね(≧m≦)ぷぷ

2007.03.08 サムネイル画像の設定 
今日は予定を変更して・・・
昨日いただいた質問をココでお答えしたいと思います♪

Q.横幅600以上の画像をアップしたいが、サムネイル画像で記事を書くと小さくてスペースが空き過ぎて間が抜けた感じがする

ってことでした。

対処法として
1.画像を小さくして(当テンプレだと横幅520以下)アップロードする
2.サムネイル画像サイズの設定を変更する

1は画像加工ソフトによってやり方が違うので、ここでは説明できませんが・・・
2の設定変更はFC2さん全ての共通部分なので続きにてご説明いたします♪
*続きを読む*
20070308-01.jpg
サムネイル画像サイズの設定は、管理画面左メニューの中にある『環境設定の変更』から行います。

枠の『環境設定の変更』ボタンをクリックしてください。



次に↓画像と同じメニューの画面が出ます。
20070308-03.jpg


枠内の『ブログの設定』をクリック!


かなり下のほうに↓と同じ内容が出ますので、確認してください。
20070308-02.jpg

枠内がサムネイル画像サイズの設定になりますので、お好みのサイズに変更し保存ボタンをクリックして完了です。


後は記事に画像を貼り付けるときに、『記事を書く(サムネイルを使用)』ボタンをクリックして記事を仕上げてください。


注意点として・・・
テンプレートを変更した場合、横幅に差がありすぎるとレイアウトが崩れます。
その時は再度サムネイル画像サイズを変更しなければいけません。

ちなみに現在私が登録している二つのテンプレートだと、ギリギリで横幅520まで大丈夫だと思います。
ベストは500かな?

以上でサムネイル画像サイズの設定変更方法は終わりです。
次の記事は『画像の横に字を回り込ませる』です。(予定変更になるかも?笑)
2007.03.07 文章編(文字の大きさ) 
最近オレンジの香りにハマってしまったごえさくままです(^▽^)
みなさんはどんな香りが好きですか?

今日は、昨日に引き続き文章編を・・・


1.文章を真ん中に寄せていたり・・・
2.字を大きくしていたり・・・
3.画像の横に字を回りこませていたり・・・

とありましたが・・・
本日は2の『文字の大きさ』についてです!

1の文章を真ん中に!は下の記事を見てくださいね♪

では続きからどうぞ(^▽^)
*続きを読む*
他のブログを見ていてときどき

ガーン( ̄□ ̄;)

などと字が大きくなってるの見かけたりしませんか?
これは↓画像の内の『大』ボタンをクリックすれば良いのは皆さんご存知ですよね?

20070307-01.jpg


では・・・

こんな文字の大きさは?


あいう とか かきく とか・・・




ホレホレとか?笑


コレも『大』ボタンを使って、なおかつ一部を書き換えれば出来ることなんです!



まず大きくしたい言葉を書き、『大』ボタンで大きくします。

すると<span style=font-size:x-large>大きい文字</span>ってタグが編集画面に出てきますよね!

赤字の『x-large』ってところを『○○px』と書き換えるだけなんです!
○○=数字(例えば30とか40とか)
半角英数です。

注意点は・・・
あまりにも長い文章、大きすぎる文字だと途中で折り返されることですね~
どうなるかと言うと・・・

長すぎる文章を、大きくしすぎたらこんな風になっちゃいますよ~笑




なんて書いてんだ~?( ̄□ ̄;)ってなっちゃいますよね♪

テンプレートによっては、記事幅が狭いとか、広いとかで違ってきますが・・・
もしも長い文章を大きくするのであれば、途中で改行するほうが良いでしょう!

長すぎる文章を、

大きくしすぎたら

こんな風に

なっちゃいますよ~笑

ねっ♪
ちゃんと改行すれば同じ大きさでもくっつかないでしょ~

こうやって字の大きさを変えることで、ホントに『ガーン( ̄□ ̄;)』って思ってるんだな~(≧m≦)ぷぷ
って伝わるような気がしませんか?笑


次回の記事は『画像の横に字を回り込ませる』です♪
2007.03.06 文章編(位置を変える) 
二つのテンプレを登録して、二つとも後から修正を加えてチョット落ち込み気味のごえさくままです(T▽T)

こんなあほぅな管理人ですが・・・
これからもどうぞ可愛がってやってください(^▽^)

まぁ人間誰しも間違いは起こすものですから~笑

ええ!開き直るのは早っです(≧m≦)ぷぷ

さていろんなブログを見ていて、

1.文章を真ん中に寄せていたり・・・
2.字を大きくしていたり・・・
3.画像の横に字を回りこませていたり・・・

みなさん様々なレイアウトで記事を書いていますよね!

今日はその辺をチョットご紹介したいと思います。
続けて全てを書くと長くなるので、今日は1の『文章の位置を変える』だけを!

では続きからどうぞ♪
*続きを読む*
通常使っているテンプレートによっては、最初から文章の位置を左寄せにしているのが多いと思います。
でも・・・
1行の文字が少ないときなどは、今ご覧になっているような横幅が大きいテンプレートではチョット寂しくないですか?
写真は中央の位置にあるのに、文章は左寄り・・・
なんてことも!!
でも普段の記事は1行の文字数が長いし・・・
って時は!!

その記事だけ、文章や写真の位置を中央(センタリング)に寄せてしまえば良いんですよ♪

私も本家ブログの『ごえさく日記』ではよく使ってます(^▽^)

1.文章の位置を変える(センタリング)

センタリングしたい文章の頭に<center>
センタリングしたい文章の最後に</center>


赤字青字をつければ良いだけです♪
ねっ♪簡単でしょ~


2.文章の位置を変える(左寄せ)
通常は左寄せになってるテンプレが多いので、あまり使うことはないと思いますが・・・

左寄せしたい文章の頭に<div style="text-align:left;">
左寄せしたい文章の最後に</div>


3.文章の位置を変える(右寄せ)
まぁ右寄せしたい人もあまりいないかもしれませんが・・・


右寄せしたい文章の頭に<div style="text-align:right;">
右寄せしたい文章の最後に</div>


最後のcenterやdivの前に『/』をつけるのをお忘れなく!
それと全て半角英字です。
記事やセンタリング、左寄せ、右寄せしたい文章の最後に</center>や</div>を付け忘れると、コメントまでセンタリング、左寄せ、右寄せされちゃいますので、ご注意を!!

私はよく忘れてますけどねf(^^;

左寄せや右寄せも、センタリングと同じように<left>や<right>で、寄せてくれれば良いんですけどね~
なると思ってたらなりませんでした(T▽T)

やっぱりまだまだ勉強が足りませんでしたね~f(^^;


では、次の記事は『文字の大きさをイロイロと変える』です。
2007.03.05 gs_spling_2col 追加版 
先日登録されたgs_spling_2colですが・・・
通常通りプロフィールに画像を登録しても反映されていませんでした(T▽T)
プロフ欄にタグを使っての画像は反映されてたんですけどね(;^_^A


もうホントにごめんなさいm(_ _)m


本日上書きしましたので、今日以前にDLした方でプロフ画像が反映されてないって方は、再DLをお願いいたします。

もしもイロイロカスタムした後の方で、プロフィールに画像のつけ方が分からない方はコチラを参考にしてくださいm(_ _)m

本当にご迷惑ばかりかけておりますm(_ _)m
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。