文字変換・画像位置

動く文字（６）ー①(HTML方式)

※注）本文にHTMLを適用させたいときは、右上のwiki文法使用のチェックマークは外しておいてください。

★右から左へ文字を動かしています。★

今回はこの様に動く文字を作りたいと思います。

（基本的入力方法）
＜marquee bgcolor=色コード width=帯の横の長さ height＝帯の高さ＞＜font size=数字 color=色コード＞？？？＜/font＞＜/marquee＞

（注）全て半角で入力してください。（日本語入力するところを除く→？？？の部分です）
　　　？？？は文字を流したい文字を入力する。
　　　色コードについてはこちらを参照してください。
　　　→http://blogs.yahoo.co.jp/hnyqs249/folder/1222519.html

(入力方法)
＜marquee bgcolor=#FF00FF width=550 height ＞＜font size=7 color=#00FFFF ＞★今日もブログの勉強がんばろう。＾＾★＜/font＞＜/marquee＞

（注）すべて半角で入力すること。（日本語入力するところを除く）

(入力後)
★今日もブログの勉強がんばろう。＾＾★

■今度は動く速さを変えたいと思います。

(入力方法)

＜marquee bgcolor=#000000 width=550 height scrollamount=50＞＜font size=7 color=#FFFFFF＞★今日もブログの勉強かんばろう。★＜/font＞＜/marquee＞

＊(注)　すべて半角で入力すること。（日本語入力するところを除く）
　　　　scrollamountの値の数字で速さを調節できます。

(入力後)

★今日もブログの勉強かんばろう。★

■今度は左から右へ動かします。

(入力方法)
＜marquee bgcolor=#FF0000 width=550 height direction=right＞＜font size=7 color=#00FFFF ＞★今日もブログの勉強かんばろう。★＜/font＞＜/marquee＞

＊(注)　すべて半角で入力すること。（日本語入力するところを除く）
　　　　direction=rightで左から右へ動きます。

(入力後)

★今日もブログの勉強かんばろう。★

■左から右へ動かす速さを変えたいと思います。

(入力方法)
＜marquee bgcolor=#FF0000 width=550 height direction=right scrollamount=25＞＜font size=7 color=#00FFFF ＞★今日もブログの勉強かんばろう。★＜/font＞＜/marquee＞

＊(注)　すべて半角で入力すること。（日本語入力するところを除く）
　　　　direction=rightで左から右へ動きます。

(入力後)

★今日もブログの勉強かんばろう。★

■文字等を往復させたいと思います。

(入力方法)

＜marquee bgcolor=#000000 width=550 height behavior=alternate ＞＜font size=7 color=#FFFFFF＞（⌒ー⌒）ニヤリ＜/font＞＜/marquee＞
＊(注)　すべて半角で入力すること。（日本語入力するところを除く）
　　　　behavior=alternateで往復します。

(入力後)

（⌒ー⌒）ニヤリ

■往復させる速さを変えたいと思います。

(入力方法)

＜marquee bgcolor=#000000 width=550 height behavior=alternate scrollamount=50 ＞＜font size=7 color=#FFFFFF＞（*⌒ヮ⌒*）ゞ＜/font＞＜/marquee＞

＊(注)　すべて半角で入力すること。（日本語入力するところを除く）

(入力後)

（*⌒ヮ⌒*）ゞ

（６）ー②へつづく・・・

[★お願い★]

参考になった方は右下の[傑作]ボタンを押していただけるとありがたいです。
転送される方はコメントに一言お書きのうえ右下の[転送]ボタンを押してください。
トラックバック自由です。

転載元: いろいろなんでも

コメント（2）

トラックバック（0）

動く文字（６）ー②（ＨＴＭＬ方式）

※注）本文にHTMLを適用させたいときは、右上のwiki文法使用のチェックマークは外しておいてください。

■上から下に文字を動かしたいと思います。

(入力方法)

＜marquee bgcolor=#000000 width=550 height=100 direction=down ＞＜font size=7 color=#FFFFFF＞上から下へ動かします。＜/font＞＜/marquee＞

＊（注）すべて半角で入力すること。（日本語入力するところを除く）
　　　　direction=downで上から下に動きます。　　　

(入力後)

上から下へ動かします。

■速さを変えて上から下に文字を動かしたいと思います。

(入力方法)

＜marquee bgcolor=#FF00FF width=550 height=100 direction=down scrollamount=25 ＞＜font size=7 color=#00FFFF＞上から下へ動かします。＜/font＞＜/marquee＞

＊（注）すべて半角で入力すること。（日本語入力するところを除く）
　　　　direction=downで上から下に動きます。　　　
scrollamountの数字で速さを調節できます。

(入力後)

上から下へ動かします。

■下から上に文字を動かしたいと思います。

(入力方法)

＜marquee bgcolor=#000000 width=550 height=100 direction=up ＞＜font size=7 color=#FFFFFF＞下から上へ動かします。＜/font＞＜/marquee＞

＊（注）すべて半角で入力すること。（日本語入力するところを除く）
　　　　direction=upで下から上に動きます。　　　

(入力後)

下から上へ動かします。

■速さを変えて下から上に文字を動かしたいと思います。

(入力方法)

＜marquee bgcolor=#FFFF00 width=550 height=100 direction=up scrollamount=25 ＞＜font size=7 color=#FF0000＞下から上へ動かします。＜/font＞＜/marquee＞

＊（注）すべて半角で入力すること。（日本語入力するところを除く）
　　　　direction=upで下から上に動きます。　　　
scrollamountの数字で速さを調節できます。

(入力後)

下から上へ動かします。

色コードについてはこちらを参照してください。
→http://blogs.yahoo.co.jp/hnyqs249/folder/1222519.html

（６）－③へつづく

[★お願い★]

参考になった方は右下の[傑作]ボタンを押していただけるとありがたいです。
転送される方はコメントに一言お書きのうえ右下の[転送]ボタンを押してください。
トラックバック自由です。

転載元: いろいろなんでも

コメント（0）

トラックバック（0）

画像の表示位置を変える方法

https://blogs.yahoo.co.jp/IMG/ybi/1/8a/0f/net75301/folder/537064/img_537064_44884435_0?20070318013141

https://blogs.yahoo.co.jp/IMG/ybi/1/8a/0f/net75301/folder/537064/img_537064_44884435_1?20070318013141

画像の表示位置を変える方法

wikiを使用せずに普通に画像を添付すると記事の一番上に画像が表示されます。
この画像の位置を変えるには「wiki」を使用します。
従って、新規投稿の際に「Wiki文法使用」にチェックを入れて下さい。
[[attached(2)]]

画像の表示方法は

[[img(画像のアドレス)]]

でしたよね。

この

[[img(画像のアドレス)]]

の部分をあなたが画像を載せたい場所の文章に載せるだけで、
画像の位置が変化します。

それでは実戦して見ます。

[[img(http://img.yahoo.co.jp/i/jp/blog/p2/images/folder/bg/31/top_logo.gif)]]

と記述すれば

一番上でなく、こんなところに

と表示されます。

「画像のアドレス」の調べ方が分からない方はこちらをご覧下さい。
画像のアドレスの調べ方
http://blogs.yahoo.co.jp/net75301/folder/854900.html

皆さんも色々とご自分でお試し下さい。

Yahooブログ入門書としてご利用下さい。
記事は転載して頂いてもＯＫです。
『傑作』『お気に入り』『コメント』『トラックバック』など大歓迎です。
宜しくお願い致します。

記事作成
はじめてのヤフーブログ(初心者のための入門書)
http://blogs.yahoo.co.jp/net75301

転載元: はじめてのヤフーBlog（初心者のための入門書）

コメント（0）

トラックバック（0）

画像の表示位置を変える方法

https://blogs.yahoo.co.jp/IMG/ybi/1/8a/0f/net75301/folder/537064/img_537064_46505365_0?20070318012837

https://blogs.yahoo.co.jp/IMG/ybi/1/8a/0f/net75301/folder/537064/img_537064_46505365_1?20070318012837

https://blogs.yahoo.co.jp/IMG/ybi/1/8a/0f/net75301/folder/537064/img_537064_46505365_2?20070318012837

https://blogs.yahoo.co.jp/IMG/ybi/1/8a/0f/net75301/folder/537064/img_537064_46505365_3?20070318012837

https://blogs.yahoo.co.jp/IMG/ybi/1/8a/0f/net75301/folder/537064/img_537064_46505365_4?20070318012837

[[attached(1,center)]]

画像の表示位置を変える方法

記事に画像を表示するには
記事投稿の際に画像添付欄の「参照」をクリックして使いたい画像を選択して
決定ボタンをクリックすれば
投稿した記事に載せたい画像が表示されます。

しかし、このままでは、画像が記事の一番上に表示されます。

この画像の表示位置を変える方法をご紹介致します。

①この画像の表示位置を変えるには「wiki」を使用します。
従って、新規投稿の際に「Wiki文法使用」にチェックを入れて下さい。
[[attached(2,center)]]

②次に
記事投稿の際に画像添付欄の参照で使いたい画像を選択して下さい。
[[attached(3,center)]]

③そして最後に
記事本文の好きな位置に

[[attached(画像番号,center)]]

と入力します。
たったこれだけで画像の表示位置を変更することができます。
（※実際は画像番号の部分に半角の数字を入力します。）
[[attached(4,center)]]

それでは少し詳しく解説していきます。
この

[[attached(画像番号,center)]]

中の
画像番号には
使用する画像が何枚目の画像かを数字で入力します。
（例１）１枚目もしくは１枚しか使わない場合なら

[[attached(１,center)]]

（例２）２枚目の場合なら

[[attached(２,center)]]

（例３）３枚目の場合なら

[[attached(３,center)]]

と入力します。
※例では説明のために全角の数字で書いておりますが、
実際はこの数字の部分は半角の「1,2,3,4,5」などで入力してください。
これを全角にしてしまうといつまでたってもできませんので、ご注意を。

それでは実践してみます。
ここに

[[attached(１,center)]]

と記述すれば

一番上でなく、こんなところに
[[attached(1,center)]]

と表示されます。

さらに　center　(中央）の部分を
left　(左)
right　（右）
に変えると写真に対する文字の表示位置を変えることもできます。

例①left　(左よせの場合)

[[attached(画像番号,left)]]

と入力すれば
[[attached(5,left)]]
画像を左側に配置して、右側に文章を回り込ませて表示します。

例②center　(中央の場合)

[[attached(画像番号,center)]]

と入力すれば
画像を中央に配置します。

例③right　(右よせの場合)

[[attached(画像番号,right)]]

と入力すれば
画像を右側に配置して、左側に文章を回り込ませて表示します。

画像を横並びに何枚か表示させたい場合は

[[attached(画像番号)]][[attached(画像番号)]][[attached(画像番号)]]

と入力すると

[[attached(5)]][[attached(5)]][[attached(5)]]
このようなこともできます。

まずは、皆さんも色々とご自分でお試し下さい。

Yahooブログ入門書としてご利用下さい。
記事は転載して頂いてもＯＫです。
『傑作』『お気に入り』『コメント』『トラックバック』など大歓迎です。
宜しくお願い致します。

記事作成
はじめてのヤフーブログ(初心者のための入門書)
http://blogs.yahoo.co.jp/net75301

転載元: はじめてのヤフーBlog（初心者のための入門書）

コメント（0）

トラックバック（0）

文字の『色』と『大きさ』と『太さ』を同時に変える方法

まず先に以下の３つを覚えて下さい。

①文字の色を変える方法
http://blogs.yahoo.co.jp/net75301/folder/95627.html

②文字の大きさを変える方法
http://blogs.yahoo.co.jp/net75301/folder/95567.html

③文字の太さを変える方法
http://blogs.yahoo.co.jp/net75301/folder/1467825.html

文字の『色』と『大きさ』と『太さ』を同時に変える方法

まず文字の色と大きさと太さをそれぞれ単独で変える場合は

①文字の色を変える方法
あいうえおと記述すれば
あいうえお

②文字の大きさを変える方法
あいうえおと記述すれば
あいうえお

③文字の太さを変える方法
あいうえおと記述すれば
あいうえお

でしたよね！

それではまず
①と②の色と大きさの二つを同時に変える方法です。

あいうえおと記述すれば
あいうえおと記述されます。

①あいうえおと②あいうえおが
あいうえお
となっただけですね。

簡単ですよね・・・。

これにさらに③の太字に変える方法も加えて

あいうえおと記述すれば
あいうえおと記述されます。
こんな感じです。

それでは皆さん頑張って下さい！

Yahooブログ入門書としてご利用下さい。
記事は転載して頂いてもＯＫです。
『傑作』・『お気に入り』・『コメント』・『トラックバック』など大歓迎です。
宜しくお願い致します。

記事作成
はじめてのヤフーブログ(初心者のための入門書)
http://blogs.yahoo.co.jp/net75301

転載元: はじめてのヤフーBlog（初心者のための入門書）

思うがままに。。。& Ｔｉｇｅｒｓ！

動く文字（６）ー①(HTML方式)

コメント（2）

トラックバック（0）

動く文字（６）ー②（ＨＴＭＬ方式）

コメント（0）

トラックバック（0）

画像の表示位置を変える方法

画像の表示位置を変える方法

コメント（0）

トラックバック（0）

画像の表示位置を変える方法

画像の表示位置を変える方法

コメント（0）

トラックバック（0）

文字の『色』と『大きさ』と『太さ』を同時に変える方法

コメント（0）

トラックバック（0）

Yahoo!ブログからのお知らせ

最新のコメント

訪問者履歴

ブログリンク

標準グループ

Yahoo!からのお知らせ

よしもとブログランキング

日	月	火	水	木	金	土
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