[チワワ・名前アイコン・動画] Let it be...

名前アイコン・アニメーションGIF・HTML文法・Wiki文法・顔文字。ファン登録400人達成!!

ブログ装飾の基礎知識

[ リスト | 詳細 ]

記事検索
検索

全2ページ

[1] [2]

[ 次のページ ]


Wikiの記述は下記の通りです。
[[embed(http://paipo.jp//ticker/type2.swf?BASE_URI=http://paipo.jp/&USER_ID=ユーザー名,1,140,92)]]
※embedは半角英数にしてくださいねー
※登録は記事の一番下にリンクしてある所で登録できます。

 RSSリーダーとは
RSSリーダーにRSSファイルを登録しておくとブラウザで各サイトを毎回見回らなくても、情報を得ることができるためアンテナのように使うことができます。
RSSを公開しているサイトにはblogの他にもニュースサイトやいろんなサイトがあります。

 RSSとは
RSSとは「Rich Site Summary」または「RDF Site Summary」の略でウェブページのメタデータと呼ばれるものです。メタデータとは「データに対するデータ」という意味でブログの場合ではその記事、サイトに対するデータが記述されているものです。
例えば記事のタイトル、概要、投稿日、投稿者などが記されています。様々なブログサービスでほぼ一定の書式が統一されているためデザインやhtmlが違っても、同じようにデータを扱うことができます。

 blogとRSS
普通にブラウザで見ると意味のわからない文字列の羅列になっていますが RSSリーダーと呼ばれるソフトウェアに登録することで blogサイトのタイトルや、記事のタイトル、記事の概要を読むことができます。



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

前回、文字の色の設定の仕方がありましたが、以下の色が使用できます。

参照「HTML文法」→ http://blogs.yahoo.co.jp/u1643jp/1299578.html

※注意:表示の都合上「<」「>」が全角になっていますので、「<」「>」というように半角で打つようにして下さい。

<font color=○○○>ああああ</font>
↑の「○○○」に下記の■の後ろに書いてある英語を入力します。
【例】
ああああ → <font color=cornflowerblue>ああああ</font>

■ lightskyblue
■ lightslategray
■ lightsteelblue
■ lightyellow
■ lime
■ limegreen
■ linen
■ magenta
■ maroon
■ mediumaquamarine
■ mediumblue
■ mediumorchid
■ mediumpurple
■ mediumseagreen
■ mediumslateblue
■ mediumspringgreen
■ mediumturquoise
■ mediumvioletred
■ midnightblue
■ mintcream
■ mistyrose
■ moccasin
■ navajowhite
■ navy
■ oldlace
■ olive
■ olivedrab
■ orange
■ orangered
■ orchid
■ palegoldenrod
■ palegreen
■ paleturquoise
■ palevioletred
■ papayawhip
■ peachpuff
■ peru
■ pink
■ plum
■ powderblue
■ purple
■ red
■ rosybrown
■ royalblue
■ saddlebrown
■ salmon
■ sandybrown
■ seagreen
■ seashell
■ sienna
■ silver
■ skyblue
■ slateblue
■ slategray
■ snow
■ springgreen
■ steelblue
■ tan
■ teal
■ thistle
■ tomato
■ turquoise
■ violet
■ wheat
■ white
■ whitesmoke
■ yellow
■ yellowgreen

※この記事は初心者さんのための記事ですので、上級者・玄人さんのコメントはご遠慮願います。
※役に立ったなぁ〜と少しでも思った方は一番下にある「傑作」ボタンを押してくれ〜ぃ!
※お気に入り登録もおねがいしま〜っす


【ブログ装飾の基礎知識】
http://blog.yahoo.co.jp/u1643jp/folder/138431.html
【名前アイコンの作り方(ペイント)】
http://blogs.yahoo.co.jp/u1643jp/409672.html
【HTMLで使える色[Color Name](1)】
http://blog.yahoo.co.jp/u1643jp/1407795.html
にも挑戦してみてくださいねー!

株式会社カザ(勤めている会社のHP)
http://www.j-kaza.com/

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

前回、文字の色の設定の仕方がありましたが、以下の色が使用できます。

参照「HTML文法」→ http://blogs.yahoo.co.jp/u1643jp/1299578.html

※注意:表示の都合上「<」「>」が全角になっていますので、「<」「>」というように半角で打つようにして下さい。

<font color=○○○>ああああ</font>
↑の「○○○」に下記の■の後ろに書いてある英語を入力します。
【例】
ああああ → <font color=cornflowerblue>ああああ</font>

■ aliceblue
■ antiquewhite
■ aqua
■ aquamarine
■ azure
■ beige
■ bisque
■ black
■ blanchedalmond
■ blue
■ blueviolet
■ brown
■ burlywood
■ cadetblue
■ chartreuse
■ chocolate
■ coral
■ cornflowerblue
■ cornsilk
■ crimson
■ cyan
■ darkblue
■ darkcyan
■ darkgoldenrod
■ darkgray
■ darkgreen
■ darkkhaki
■ darkmagenta
■ darkolivegreen
■ darkorange
■ darkorchid
■ darkred
■ darksalmon
■ darkseagreen
■ darkslateblue
■ darkslategray
■ darkturquoise
■ darkviolet
■ deeppink
■ deepskyblue
■ dimgray
■ dodgerblue
■ firebrick
■ floralwhite
■ forestgreen
■ fuchsia
■ gainsboro
■ ghostwhite
■ gold
■ goldenrod
■ gray
■ green
■ greenyellow
■ honeydew
■ hotpink
■ indianred
■ indigo
■ ivory
■ khaki
■ lavender
■ lavenderblush
■ lawngreen
■ lemonchiffon
■ lightblue
■ lightcoral
■ lightcyan
■ lightgoldenrodyellow
■ lightgreen
■ lightpink
■ lightsalmon
■ lightseagreen

※この記事は初心者さんのための記事ですので、上級者・玄人さんのコメントはご遠慮願います。
※役に立ったなぁ〜と少しでも思った方は一番下にある「傑作」ボタンを押してくれ〜ぃ!
※お気に入り登録もおねがいしま〜っす


【ブログ装飾の基礎知識】
http://blog.yahoo.co.jp/u1643jp/folder/138431.html
【名前アイコンの作り方(ペイント)】
http://blogs.yahoo.co.jp/u1643jp/409672.html
【HTMLで使える色[Color Name](2)】
http://blog.yahoo.co.jp/u1643jp/1407834.html
にも挑戦してみてくださいねー!

株式会社カザ(勤めている会社のHP)
http://www.j-kaza.com/

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

HTML文法

先日「Wiki文法」を掲載しましたが、今日は「HTML文法」を掲載します。
使い勝手が悪いのですが、「Wiki文法」と「HTML文法」の併用は原則的に出来ませんのでご注意ください。

表示の都合上「 < 」「 > 」は全角で記載してありますので、コピー&ペーストでは表示されません。
使用する時は必ず半角英数[直接入力の状態]で書くようにしてくださいねー

「開始タグ」と「終了タグ」があります。
その「開始タグ」と「終了タグ」で装飾したい文字を挟むと表示されます。
「終了タグ」には必ず「 / 」(スラッシュ)を入れるようにしましょう!

後程出てくる【属性】を複数入れる場合、属性と属性の間には半角スペースを入れましょう!
属性はタグの種類によって使えるもの使えないものがあります。
例】<font>には「color」属性と「size」属性が使用できます。
  <b>には使用できる属性はありません。

複数のタグ(「 < 」と「 > 」で囲まれたもの)を使用する場合、入れ子にするようにしてください。
例】× → <■■■> <▲▲▲> </■■■> </▲▲▲>
  ● → <■■■> <▲▲▲> </▲▲▲> </■■■>

どうしても表示されない場合、ほとんどの場合スペルミスもしくは全角入力してしまっている半角スペースを入れていない「Wiki文法使用」をチェックしてしまっている場合が多いので、もう一度確かめるようにしましょー




太字

【記述】
<b>太字</b>



斜体

【記述】
<i>斜体</i>



アンダーライン

【記述】
<u>アンダーライン</u>



打ち消し

【記述】
<s>打ち消し</s>



ルビ[るび]

【記述】
<RUBY><RB>ルビ<RP>[<RT>るび<RP>]</RUBY>



上付き文字

【記述】
<sup>上付き文字</sup>



下付き文字

【記述】
<sub>下付き文字</sub>



文字の色

【記述】
<font color=red>文字の色</font>
「color=」の後にみんなが知っているような色を英語で書くとその色になります。
「light○○」とか「dark○○」というようなものも出来ますので、とにかく思いつくものでやってみるべし!



文字の大きさ
文字の大きさ
文字の大きさ
文字の大きさ
文字の大きさ
文字の大きさ
文字の大きさ

【記述】
<font color=1>文字の大きさ</font>
<font color=2>文字の大きさ</font>
<font color=3>文字の大きさ</font>
<font color=4>文字の大きさ</font>
<font color=5>文字の大きさ</font>
<font color=6>文字の大きさ</font>
<font color=7>文字の大きさ</font>

<font size=1〜7>文字の大きさ</font>
上にも書いたとおり「size=」の後に「1」〜「7」まで数字を入れます。
「3」が通常のサイズなので、「1」にすると小さくなり、「7」にすると大きくなります。



【応用】
太・斜体・アンダーライン・打ち消し・青・サイズ4

【記述】
<b><i><u><s><font color=blue size=4>太・斜体・アンダーライン・打ち消し・青・サイズ4</font></s>
</u></i></b>



流れる文字

【記述】
<marquee height=20 width=600 hspace=0 vspace=0 behavior=scroll direction=right loop=10 scrolldelay=85
scrollamount=6 bgcolor=#0066cc><font color=white size=4><b>流れる文字</b></font></marquee>

以下の「属性」を変更すると表示の仕方が変わります。
●height="高さ"
  スクロール範囲の高さ(ピクセルまたは%で指定)
●width="幅"
  スクロール範囲の幅(ピクセルまたは%で指定)
●hspace="左右の余白"
  左右の余白(ピクセルで指定)
●vspace="上下の余白"
  上下の余白(ピクセルで指定)
●behavior="動作の仕方"
  スクロール動作の仕方
    behavior="scroll" 画面を横切る動作を繰り返す
    behavior="alternate" 画面を往復する動作を繰り返す
    behavior="slide"   スクロールの端まで来ると停止する
●direction="方向"
  スクロール方向(leftまたはrightで指定)
●loop="回数"
  スクロール回数(デフォルトは無限)
●scrolldelay="時間の間隔"
  再描画までの時間の間隔
  (秒数で指定。値が大きいと遅く、値が小さいと速くなる。単位は1/1000秒、デフォルトはscrolldelay="85")
●scrollamount="進む距離"
  再描画までに進む距離
  (ピクセルで指定。値が大きいと速く、値が小さいと遅くなる。デフォルトはscrollamount="6")
●bgcolor="背景色"
  スクロール部分の背景色

【例】
<marquee>デフォルト</marquee>
<marquee width="90%">幅90%</marquee>
<marquee behavior="scroll">横切る(デフォルト)</marquee>
<marquee behavior="alternate">往復する</marquee>
<marquee behavior="slide">端で停止する</marquee>
<marquee direction="left">右から左へ(デフォルト)</marquee>
<marquee direction="right">左から右へ</marquee>
<marquee scrolldelay="100">ちょっと遅く</marquee>
<marquee scrollamount="8">ちょっと速く</marquee>

※この記事は初心者さんのための記事ですので、上級者・玄人さんのコメントはご遠慮願います。
※役に立ったなぁ〜と少しでも思った方は一番下にある「傑作」ボタンを押してくれ〜ぃ!
※お気に入り登録もおねがいしま〜っす


【ブログ装飾の基礎知識】
http://blog.yahoo.co.jp/u1643jp/folder/138431.html
【名前アイコンの作り方(ペイント)】
http://blogs.yahoo.co.jp/u1643jp/409672.html
【HTMLで使える色[Color Name](1)】
http://blog.yahoo.co.jp/u1643jp/1407795.html
にも挑戦してみてくださいねー!

株式会社カザ(勤めている会社のHP)
http://www.j-kaza.com/

Wiki文法【1】

[[embed(ファイルのURL)]]
※embedは半角にします。

自動再生、ループ、横幅、縦幅も指定する事ができます。

[[embed(ファイルのURL,0 width=幅 height=高さ)]]
もしくは
[[embed(ファイルのURL,0,X,Y)]]
X:幅 Y:高さ
※embedは半角にします。

動画やFlashについては、「Yahoo!ブリーフケース」を使用する事をお勧めします。
ブログ開設者(Yahoo!IDを持っている方)なら誰でも使えます。
ブリーフケースではファイルをアップしておく事が出来ます。

ブログの一番上に「Yahoo!Japan」へのリンクがあるので、それをクリックしてYahoo!Japanトップページに行きます。
トップページ右側に青い四角で囲まれた「個人ツール」というものがあるはずです。
その中に「ブリーフケース」というものがあります。
(表示されていない場合、ログインしてないと思いますのでログインしてください。)
そこで動画・Flashをアップする事により、上のWiki文法を使用すれば表示されるというわけです。
http://www.mat.gr.jp/fc/works/flaclo_027_040712.swf
見れない方は こちらからFlash Playerをダウンロードしてくださいね^^

※この記事は初心者さんのための記事ですので、上級者・玄人さんのコメントはご遠慮願います。
※役に立ったなぁ〜と少しでも思った方は一番下にある「傑作」ボタンを押してくれ〜ぃ!



全2ページ

[1] [2]

[ 次のページ ]


.
ユウ
ユウ
男性 / O型
人気度
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

同僚

お犬様な人々

おハム様な人々

お猫様な人々

お魚様な人々

おジュエリー様な人々

絶対笑います!

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

もっと見る

[PR]お得情報

数量限定!イオンおまとめ企画
「無料お試しクーポン」か
「値引きクーポン」が必ず当たる!
ふるさと納税サイト≪さとふる≫
実質2000円で好きなお礼品を選べる
毎日人気ランキング更新中!

その他のキャンペーン


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

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

みんなの更新記事