--.--.-- スポンサーサイト 
上記の広告は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
2007.03.02 gs_spling_2col サポート1 
承認されたからには、やっぱりサポート!!

ってことで今日は『gs_spling_2col』のサポート的なことを・・・

特徴1.プロフィールを大きくし、TOP画像に持ってきました。
プロフィールにチョット大きめの画像を貼る
プロフィールを長く書きたい人
に良いかなと(^▽^)
(但し、プラグインプロフィールを表示しないこと。詳しくは続きを見てね)

特徴2.記事内の写真を大きく貼れる

記事内に写真を貼るには、サムネイル方式(記事内では写真を小さく・クリックすると大きい画像が別窓で開く)ですが・・・
最初から大きく見せたいの♪って人のために、横幅を大きくしています。

特徴3.管理画面へのリンクを一番下へ持って行きました。
管理画面へのリンクがサイドにあると、気になる!!って人もいることや
共有プラグインのリンクなどを使った際に、管理画面リンクが消えて困るって人のために!!
ヘッダー(ブログの一番下)に持って行くことで、あまり人目に触れないというか・・・
プラグインから消えても使えるようにしてみました。

画像サイズ等の説明は続きを見てね♪
*続きを読む*
1.プロフィールをサイドバーから消す。

このテンプレはヘッダー(TOP画像)にプロフィールを持ってくるタグを使っています。
今まで通りにプラグインのプロフィールを貼り付けたままだと、プロフィールが二つになってしまいますので、プラグインのプロフィールを一旦使えないようにしてください。
わかる人はスル~と
わからない人は↓

プラグインプロフィールの停止方法
20070302-01.jpg



←管理画面の左側にあるメニューです。
で囲まれた『プラグインの設定』をクリックします。


次に↓画像が表示されますので、『プロフィール』プラグインの右側枠の『設定の変更』をクリックします
20070302-02.jpg



次に表示された画面が↓画像です。
20070302-03.jpg

枠で囲まれたところが現在『表示する』になっている人は、
『∨』のボタンをクリック → 『表示しない』をクリック → 『変更』ボタンをクリック

これでブログを確認すればプロフィールがTOP一つだけになってると思います。

画像の貼り付け方はコチラの『プロフィールに画像を貼り付ける』を参照してください。


2.画像サイズ
・TOPランダム画像は 横370×縦150
・メニュータイトル画像は 横210×縦15
・記事タイトル画像は 横540×縦20
・フッター画像は 横800×縦40
・背景画像(変更前は斜線の画像)はお好きなサイズで
・記事に貼り付ける画像は 横最大520まで大丈夫だと思います。
この画像サイズは管理人がテンプレートを作ったときに使用したサイズです。
大きさが変わるとレイアウトが崩れる可能性があります。ご了承ください。


画像の変更方法がわからない人はコメントで質問お願いします

画像を変更された方は、コチラの一番下部分に記載してある『フッター部分について(記事下の著作権・削除禁止部分)↓部分』の方法で著作権部分を変更してください。


何かありましたらコメントへお願いします。m(_ _)m
2007.03.02 gs_spling_2col 承認されました 
2月26日に登録した『gs_spling-2col』が本日承認されました(^▽^)

とりあえずDLしてくれた人。
使ってくれた人。

どうもありがとうございますm(_ _)m

何か不具合がありましたら、コメントお願いします♪
2007.03.01 プロフィール(スクロール) 
先日から続いているプロフィールの設定ですが・・・

1.プロフィールに画像をいくつも入れたい!
2.プロフィール画像にリンクを張りたい!
3.プロフィールが長くなると、サイドメニューが下に下がりすぎて困る

本日は3を説明したいと思います。

プロフィールに数枚の画像を入れたり、説明書きが長くなると、ほとんどのブログはプロフィール欄が伸びてしまいますよね
そうすると、サイドメニューが下に長くなってしまいます。

プロフィールだけだとそんなに気にならないかもしれませんが・・・
リンクが長くなるとチョット見づらいかも。

そんなときスクロールするようにすれば、良いのではないでしょうか?

説明は続きを見てね♪
*続きを読む*
画像の貼り付け方はコチラ
画像や言葉にリンクをつける方法はコチラ

今回もタグの説明だけです。
尚、この方法は基本プラグインで使用しています。
DLした共有プラグインが、カスタムOK以外なものでは使用しないでください。

もし何かあっても私は責任取れませ~んf(^^;


今回はプロフィール欄を使って説明します。
←サイドメニューのプロフィールを確認してね♪

まずプロフィールの設定をクリックして、カスタム前のものをコピペでメモ帳などにバックップしましょう!!


プロフィール欄をカスタムする前のタグが↓こんな感じになっているはずです。

<!--myimage-->
<p class="plugin-myimage" &align>
<img src="<%image>" alt="<%author_name>">
</p>
<!--/myimage-->
<p &align>
Author:<%author_name<br>
<%introduction2>
</p>



そこに↓タグを貼り付けるだけでOKなのです。

<div style="height:100px;overflow:auto;"> と </div>

『と』はムシしてくださいねf(^^;
height:100px=枠の長さ(数字が小さいほど短く、大きいほど長くなります)
overflow:auto=指定した長さを超えた場合勝手にスクロールバーが登場します。
スクロールバーの色は使っているテンプレートで指定されている色になります。
テンプレートとは別の色が良いと言う人は・・・コメントで依頼して♪
お使いのネットソフトがInternet Explorer以外では色指定しても反映されません。


何処に貼り付けるの?って思われた方は↓を参考に!

<div style="height:100px;overflow:auto;">
<!--myimage-->
<p class="plugin-myimage" &align>
<img src="<%image>" alt="<%author_name>">
</p>
<!--/myimage-->
<p &align>
Author:<%author_name<br>
<%introduction2>
</p></div>

赤字で書かれた部分が追加するところ。
一番先頭と、一番最後に貼り付けます。

以上でプロフィール欄カスタムが終わりです。

次回は・・・・
1記事ごとに使えるタグなんてどうかな?(まぁ未定ですが)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。