学習!いろんなこと学びたいな〜○○もまた××も ※週7個限定

現学び事は、「ブログてく、英語」です。この後も増えます(予定)。他に 「癒し写真館と質問コーナ」もあるのでよかったら見てねん!

ブログを学ぶだ!

[ リスト | 詳細 ]

記事検索
検索

全1ページ

[1]


先日、ブロガ友達のピーチさん※からコメントが届いた!
http://blogs.yahoo.co.jp/peach621

゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛
ピーチさん!!>文字スクロールをやってみたかったんだ〜。
ピーチさん!!>文字大きくしてカラーにしてスクロールってどうすればいいのかな?
゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛゛
なるほど!ピーチさんらしいかわいらしい質問だ!むずかしいね(笑)
動くかな〜!テストしてみましょう!!

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■文字をサイズ大きく、ピンク色にする■
・入力例↓↓↓↓↓
<marquee><font color="pink" size="10">こんなかんじかなーピーチさん</font></marquee>

・表示例↓↓↓↓↓
こんなかんじかなーピーチさん
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−


動きましたよ!!ピーチさん!
ついでにいろいろ試しましょう!
以下、番外編


−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■文字の背景色を指定します■
・入力例↓↓↓↓↓
<marquee BGCOLOR="red">ピーチさん背景が赤いよ!</marquee>

・表示例↓↓↓↓↓
ピーチさん背景が赤いよ!

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■逆方向に動くかな■
・入力例↓↓↓↓↓
<marquee DIRECTION="right">ピーチさん逆にも動くよ!</marquee>

・表示例↓↓↓↓↓
ピーチさん逆にも動くよ!

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■往復に動くかな■
・入力例↓↓↓↓↓
<marquee BEHAVIOR="alternate">ピーチさん!往復もできます</marquee>

・表示例↓↓↓↓↓
ピーチさん!往復もできます

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■高速に動くかな?■
・入力例↓↓↓↓↓
<marquee SCROLLDELAY="50" SCROLLAMOUNT="15">こんなかんじかなーピーチさん-ハヤイヨー</marquee>

・表示例↓↓↓↓↓
こんなかんじかなーピーチさん-ハヤイヨー

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■止まるかな?■ ←loop=3をつけて3回目に止まるようにしてます!
・入力例↓↓↓↓↓
<marquee behavior="slide" loop="3">ピタッと止まるよーピーチさん!</marquee>

・表示例↓↓↓↓↓
ピタッと止まるよーピーチさん!

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■縦方向に動くかな?■
・入力例↓↓↓↓↓
<marquee DIRECTION="down" HEIGHT="100">ピーチさん縦にも動くよん!</marquee>

・表示例↓↓↓↓↓
ピーチさん縦にも動くよん!

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■あっちこっちに動くかな?■
・入力例↓↓↓↓↓
<marquee DIRECTION="down" BEHAVIOR="alternate" HEIGHT="100">
<marquee BEHAVIOR="alternate">●ピーチさん動きまくるよん●</marquee>
</marquee>

・表示例↓↓↓↓↓

●ピーチさん動きまくるよん●


■応用編?流れ星■
・入力例↓↓↓↓↓
<marquee direction="down" height="250" width="250"><marquee direction="left" scrollAmount=5><FONT color="orange">  /
<I>★</I></FONT></marquee><marquee direction="left" scrollAmount=12><FONT color="deeppink">  /
<I>★</I></FONT></marquee><marquee direction="left" scrollAmount=10><FONT color="yellow">  /
<I>★</I></FONT></marquee><marquee direction="left" scrollAmount=8><FONT color="skyblue">  /
<I>★</I></FONT></marquee></marquee>



・表示例↓↓↓↓↓
  /
  /
  /
  /


■応用編2-桜が散る■
・文法例↓↓↓↓↓
<marquee scrollamount=2 behavior="scroll" direction="down">
<marquee behavior="alternate" direction="right" width=60 height=70><font color="deeppink">桜</font></marquee>
<marquee behavior="alternate" direction="left" width=80 height=40><font color="deeppink">桜</font></marquee>
</marquee>

・表示例↓↓↓↓↓





■応用編3-カラフル鏡面的メッセージバー■
・文法例↓↓↓↓↓
<marquee bgcolor="yellow" width="20%">まなびたい</marquee><marquee bgcolor="lime" width="20%" direction="right">まなびたい</marquee><marquee bgcolor="pink" width="20%">まなびたい</marquee><marquee bgcolor="orange" width="20%" direction="right">まなびたい</marquee>

・表示例↓↓↓↓↓
まなびたいまなびたいまなびたいまなびたい

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

最後に補足・・
※「WIKI文法使用」のチェックを入れないこと!
※ すべて半角文字で入力すること!つまり上記をコピペしてもダメです!
※上記フォント色、背景色は
black→黒 silver→銀 gray→灰色 maroon→赤茶色 red→赤
purple→紫 fuchsia→ピンク green→緑 lime→黄緑 olive→黄土色 yellow→黄色
navy→紺色 blue→青 teai→深緑 aqua→水色
が使えますよん。
※■文字をサイズ大きく、ピンク色にする■のように<marquee>タグの後に
<font>タグを入れると文字サイズも自由に指定できます。
※<marquee>タグの中のHEIGHTやSCROLLAMOUNTの””内の数字を
変えるといろいろ見栄えが変わるよん!いろいろ試してみてください!

※設定プロパティの詳細※
WIDTH: スクロール領域の幅
HEIGHT: スクロール領域の高さ
DIRECTION:スクロールの方向
BEHAVIOR: スクロールの振る舞いwhat type of scrolling
SCROLLDELAY: スクロールの遅れ
SCROLLAMOUNT:スクロールのジャンプする幅
LOOP: スクロール何回回る?
BGCOLOR: スクロー

開く トラックバック(8)


前記事でWIKI文法を学びましたが

YAHOOブログでは「 HTML文法 」も使えるそうです。

早速試してみましょう!


−−−−−−−−−−−−−−−−−−−−−−−−−
■文字のサイズを指定する■
・文法↓↓↓↓↓↓↓
  <font size="5">コチラに文字入力します</font>

・表示例↓↓↓↓↓↓
  コチラに文字入力します

■文字の色を指定する■
・文法↓↓↓↓↓↓↓
  <font color="red">コチラに文字入力します</font>

・表示例↓↓↓↓↓↓
  コチラに文字入力します

■文字を太くする■
・文法↓↓↓↓↓↓↓
  <b>コチラに文字入力します</b>

・表示例↓↓↓↓↓↓
  コチラに文字入力します

■取り消し線を入れる■
・文法↓↓↓↓↓↓↓
  <s>コチラに文字入力します</s>

・表示例↓↓↓↓↓↓
  コチラに文字入力します

■文字を斜体にする■
・文法↓↓↓↓↓↓↓
  <i>コチラに文字入力します</i>

・表示例↓↓↓↓↓↓
  コチラに文字入力します

■文字にアンダーラインを入れる■
・文法↓↓↓↓↓↓↓
  <u>コチラに文字入力します</u>

・表示例↓↓↓↓↓↓
  コチラに文字入力します

■文字をスクロール表示する■
・文法↓↓↓↓↓↓↓
  <marquee>コチラに文字入力します</marquee>

・表示例↓↓↓↓↓↓
  コチラに文字入力します

−−−−−−−−−−−−−−−−−−−−−−−−−
※「WIKI文法使用」のチェックを入れないこと!
※ すべて半角文字で入力すること!つまり上記をコピペしてもダメです!
※上記フォント色は
black→黒 silver→銀 gray→灰色 maroon→赤茶色 red→赤
purple→紫 fuchsia→ピンク green→緑 lime→黄緑 olive→黄土色 yellow→黄色
navy→紺色 blue→青 teai→深緑 aqua→水色
が使えますよん。

どうでしたか?みなさんの参考になりましたらうれしいです!

WIKI文法について学ぶ!

WIKIってしってます?
メッセージ文字の表示方法を装飾できるらしいけどなんだか???。
ヘルプ見てもよーわからん!そこで・・・


よく使う文法だけを!!!簡単に使えるように
さあ  Lets 学びましょう!! 

 ※要は 「装飾したい文字」の前後に「記号」を置くだけですよん!



−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■1.太字■
・文法↓↓↓↓
 ’’’太くしたい文字’’’

・表示例↓↓↓↓
 太くしたい文字
−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■2.見出し■
・文法↓↓↓↓
 = 見出し文字 =

・表示例↓↓↓↓
?H1>見出し文字 −−−−−−−−−−−−−−−−−−−−−−−−−−−−
■3.枠囲み1(引用というらしい)■
・文法↓↓↓↓
  {{{囲みたい文字}}}
 
・表示例↓↓↓↓
  囲みたい文字
−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■4.枠囲み2(引用2というらしい)■
・文法↓↓↓↓
 {{{:
  囲みたい文字2
  }}}

・表示例↓↓↓↓
 
 囲みたい文字2
 
−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■5.枠囲み3(引用3というらしい)■
・文法↓↓↓↓
 {{{
  囲みたい文字3
  }}}

・表示例↓↓↓↓
 
 囲みたい文字3
 
−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■6.リンクの張り方■
・文法↓↓↓↓
 [http://www.yahoo.co.jp/  表示したい文字]

・表示例↓↓↓↓
 表示したい文字
−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■7.画像の張り方■
・文法↓↓↓↓
 [[img(http://画像へのパス)]]

・表示例↓↓↓↓
 https://img.yahoo.co.jp/i/jp/blog/p2/images/com/premium_gold2.gif
−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■8.動画(FLASH、SVG)などの張り方
・文法↓↓↓↓
[[embed(ファイルのURL,0,表示幅,表示高)]] 

・表示例↓↓↓↓
http://www18.tok2.com/home/nab0320/sozai/ban.swf
−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■9.横線■
・文法↓↓↓↓↓↓
−−−−
・表示例


−−−−−−−−−−−−−−−−−−−−−−−−−−−−
■10.かおもじ■
・文法↓↓↓↓↓
;) :) :(

・表示例
;) :) :(
−−−−−−−−−−−−−−−−−−−−−−−−−−−−



※メッセージ入力欄右上の 「WIKI文法使用」をチェックすること。
※2全部半角文字で入力すること。上記をコピペしてもダメだよ!

どうですか?わかりやすかったですか?

http://www18.tok2.com/home/nab0320/bk/ranking_nab.swf ←ポチっ!とよろしくお願います!

開く トラックバック(1)

ブログペットってご存知ですか?
私のブログでも いかろす を飼ってます。
皆さんも飼ってみたらどうでしょう?
飼うまでの手順を書きますね。参考になればうれしいな。



■ユーザ登録します!■
1.ブログペットのサイトhttp://www.blogpet.net/index.php を開く!
2.上のサイトの説明に従い、ユーザ登録を行います。※メールアドレスが必要です
3.2.で登録したメールアドレスに メールが届きます。そのメールの中のリンクをクリック!
4.以上でユーザ登録が完了しました。

■ペットを作成します■
1.ペットの名前を入力します!
・・・→あなたのペットの名前を自由に決めます!
2.あなたの名前を入力します!
・・・→あなたの名前を決めます!ユーザ登録で指定したユーザ名でいいでしょう
3.背景画像のURL を入力します!
・・・→ペットの背景に表示される画像を指定します。
・・・※よく分からない人は ↓ から選んで入れたらいいよ。
・・・http://www18.tok2.com/home/nab0320/bk/cherry.jpg
・・・http://www18.tok2.com/home/nab0320/bk/jangle.jpg
・・・http://www18.tok2.com/home/nab0320/bk/p_b-kaigan.jpg
・・・http://www18.tok2.com/home/nab0320/bk/p_b-nanohana.jpg
・・・※http://memo.2004.lolipop.jp/さんが無料で提供されてる画像です
4.フレームの選択を入力します!
・・・→好みに応じて適当に選びます!
・・・※(HELP)を押すとサンプルがでるよん!
5.BlogのURLを入力します!
・・・→あなたのブログアドレスを入れます。
・・・・※ 例: http://blogs.yahoo.co.jp/ここが人によって違いますよ/
・・・・※2ちなみに私は http://blogs.yahoo.co.jp/naminoneko/ となります
6.BlogのRSSを入力します!
・・・→あなたのブログアドレスを入れます。
・・・・※ 例: http://blogs.yahoo.co.jp/ここが人によって違いますよ/rss.xml
・・・・※2ちなみに私は http://blogs.yahoo.co.jp/naminoneko/rss.xml となります。
7.「決定/変更」ボタンをクリックします。
8.ページ最下部に表示される「■コード生成」で表示された
<script language=・・・を メモします。
9.以上でペット作成終了

■あなたのブログに表示させます■
せっかく作りましたのであなたのブログに表示させましょう!
1.あなたのYahooブログページを開き、毎日ブログを書いているように
「新規投稿」ボタンを押します。
2.「タイトル」を適当に入れましょう
3.Wiki文法使用のチェックを入れます。
4.ペットを表示させるWIKIをメッセージ入力部に入力します。
[[embed(http://www.blogpet.net/usa.swf?username=ここに各個人のIDを入力します&tseconds=1,0,130,200)]]
※半角文字で手入力してください。コピペはダメです!

5. 4.の ”ここに各個人のIDを入力します” のところに、
上記■ペットを作成します■の8.でメモした文字列の
http://www.blogpet.net/js/d1f1aff0e388f77880a2dc5d97de1de7.js
から読み取れるID d1f1aff0e388f77880a2dc5d97de1de7 を入力します
※半角文字で手入力してください。コピペはダメです!

6.「OK決定」ボタンでメッセージを投稿します。
7.以上で終了。ペットは表示されましたか?

全1ページ

[1]


.
naminoneko
naminoneko
男性 / 非公開
人気度
Yahoo!ブログヘルプ - ブログ人気度について

ブログバナー

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

もっと見る

[PR]お得情報

衛生対策製品クレベリンの姉妹ブランド
クレベ&アンドハンドジェルが新登場
今だけ。お試しキャンペーン実施中!
ふるさと納税サイト『さとふる』
実質2000円で特産品がお手元に
10/31まで秋の行楽キャンペーン実施中

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事