なおままのにっき

神戸在中★子供達も社会人に！孫欲しいです(^_^;)

Wiki文法〜★

[ リスト | 詳細 ]

記事検索
検索

全5ページ

[1] [2] [3] [4] [5]

[ 次のページ ]

第４回：高度な Wiki タグを使う�□�

http://www.geocities.jp/for_you_jpn/banner/wikieditor.png
Wiki エディタ Neo とは、初心者でも簡単にWiki文法を使って、記事が書けるお助けツールです (^^
※ 最新版は、ダウンロード 書庫にあります。

http://www.geocities.jp/for_you_jpn/blogfile/bnr.gif
ブログランキング・ブログ王へ(文字をクリック)
下の文字をクリックしてください
ブログランキング・にほんブログ村へ(文字をクリック)

第４回：高度な Wiki タグを使う�� (^^

前回のあらすじ

前回は『高度な Wiki タグ』を使い、『文字の大きさ・色・書体を変更する』ということを行いました https://s.yimg.jp/images/mesg/emoticons/7/26.gif

忘れてしまった方などは↓を読んでください https://s.yimg.jp/images/mesg/emoticons/7/77.gif
第３回：高度な Wiki タグを使う♪

で、今回は『セルのサイズや文字位置を変更』に挑戦です。

基本ルール

これは、しっかりと押さえておいてくださいね https://s.yimg.jp/images/mesg/emoticons/7/30.gif
《ルール�　�
背景の色以外は、すべて [ style=' ' ] の [ ' ]（アポストロフィ）中に指定する。

《ルール�◆�
スタイルの中は、[ font-size:13pt; ] のように
プロパティ名：値（あれば単位）；の組み合わせを羅列する。
※ ：（コロン）と；（セミコロン）は半角
※ 単位には、px（ピクセル）・pt（ポイント）・em（イーエム）などがある

《ルール��》
値に、半角スペースが混ざっている場合は、[ " ] （クオーテーション マーク）で値を囲む。

では、ここからが本番です https://s.yimg.jp/images/mesg/emoticons/7/105.gif

セルのサイズや文字位置を変更する例

上下左右中央配置
※ セルのサイズを分かりやすくするために背景に色を付けています。

||<#DFBFFF' style='width:540px;text-align:center;height:30px;vertical-align:middle;' ``上下左右中央配置||

例プロパティ名値単位説明
width:540px;width540pxセルの幅を 540 ドットに指定
height:30px;height30pxセルの高さを 30 ドットに指定
text-align:center;text-aligncenterなし文字の水平位置を中央に指定
vertical-align:middle;vertical-alignmiddleなし文字の垂直位置を中央に指定

※ セルの幅は、540 以下が望ましい（ Yahoo! ブログの仕様による制限）
※ 水平位置は他の値として、left（左寄せ）・right（右寄せ）がある
※ 垂直位置は他の値として、top（上寄せ）・bottom（下寄せ）がある


分かりましたか https://s.yimg.jp/images/mesg/emoticons/7/7.gif
さらに、もうひとつ

セルのサイズを違った方法で変更する例

全角スペースがあると　横幅を指定サイズまで広げる　これにより、セル内での改行を実現

||<#DFBFFF' style='word-spacing:530px;' ``全角スペースがあると　横幅を指定サイズまで広げる　これにより、セル内での改行を実現||

例プロパティ名値単位説明
word-spacing:530px;word-spacing530px全角スペースによりセルの幅を 530 ドットに指定

※ 値が 540 でないことに注意。


今回は、これでおしまいですが。。。
最後に、とっておきの技をご紹介します https://s.yimg.jp/images/mesg/emoticons/7/13.gif
まだ、出てきてない『プロパティ名』も登場しますが
がんばって、読んでみてください https://s.yimg.jp/images/mesg/emoticons/7/77.gif

word-spacing の応用技

《リンク付き画像》
　
↑の画像をクリックすると、僕のブログ トップが別窓で開きます♪

||<#FFFFFF' style='font-size:18px;word-spacing:48px;padding:0px;background-image:url(http＆＃58;//img.blogs.yahoo.co.jp/ybi/1/a9/f8/for_you_jpn/home/imgnick?1195791711);background-repeat:no-repeat;' ``[http://blogs.yahoo.co.jp/for_you_jpn 　]||
※ ＆＃は、説明のため全角にしてあります。

例プロパティ名値単位説明
font-size:18px;font-size18px文字の高さを 18 ドットに指定
word-spacing:48px;word-spacing48px全角スペースの横幅を調整
padding:0px;padding0pxセルの余白を 0 ドットに指定
background-image:url(xxx);background-imageurl(xxx)なしセルの背景画像を指定
background-repeat:no-repeat;background-repeatno-repeatなし背景画像を一回表示

※ 使用した画像は、17×60 で、文字の高さは、アンダーライン分(17+1=18)高く指定しています。
※ 画像の横幅が、高さよりも 10 ドット以上大きくないと、うまくいかないかも。。。
※ word-spacing の値は、微調整が必要です。

[http://blogs.yahoo.co.jp/for_you_jpn 　]
の部分が重要で、リンク先の URL の後ろに、半角と全角スペースが並んでいます。

次回をお楽しみに♪


By 優（ゆう） https://blogs.yahoo.co.jp/IMG/ybi/1/a9/f8/for_you_jpn/home/imgnick?1195791711

転載元転載元: 優（ゆう）の良品

開く トラックバック（0）

【ブログ素材】チマキャラ・ミニ素材の文中での使い方　参考までに

＊注意＊記事作成時にＷＩＫＩ文法にチェックを忘れずにね♪

まっブログ歴１ヶ月くらいの方ならご存知だと思いますが、一応初心者の為に！！

これらの素材は文章の末に上手く組み合わせるとユニークになりますよ♪

[ブログ素材アドレス.gif]を使って説明

画像アドレスって・・・何？そんな方はこの記事へ

一応上記の記事では[[img(画像アドレス)]]で説明していますが

[画像アドレス.gif]でもブログ素材は自分の記事へ転載可です

■□では試しに短い文章で説明□■


��

もう子供がミルク飲みすぎて大変だよ〜〜https://blogs.yahoo.co.jp/IMG/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25103562_10?1235973121.gif

何なら寝ながらだってこんな感じだし（爆）https://blogs.yahoo.co.jp/IMG/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25103562_2?1235974328.gif

ミルクが切れた時なんか大暴れ（汗）https://blogs.yahoo.co.jp/IMG/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25103562_21?1235974328.gif

■タグ的にはこんな感じになってます■

��

もう子供が'''ミルク'''飲みすぎて大変だよ〜〜[http://img2.blogs.yahoo.co.jp/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25103562_10?1235973121.gif]

何なら寝ながらだってこんな感じだし（爆）[http://img2.blogs.yahoo.co.jp/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25103562_2?1235974328.gif]

ミルクが切れた時なんか大暴れ（汗）[http://img2.blogs.yahoo.co.jp/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25103562_21?1235974328.gif]

＊余談＊

'''ミルク'''の左右の【'''】は何？　　　　＊初心者への解説＊　
これは文字を強調する場合に【'''】で強調したい文字を挟むと上記みたいになります


��

明日はデートだからお泊りコースかな〜https://blogs.yahoo.co.jp/IMG/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25103301_1?1235974794.gif

起きてみたら・・・・台風だしっ汗　https://blogs.yahoo.co.jp/IMG/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25103301_5?1235974794.gif

楽しみにしてたのに〜〜何でやねんhttps://blogs.yahoo.co.jp/IMG/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25103301_9?1235974794.gif

■タグ的にはこんな感じになってます■

明日はデートだからお泊りコースかな〜[http://img2.blogs.yahoo.co.jp/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25103301_1?1235974794.gif]

起きてみたら・・・・台風だしっ汗　[http://img2.blogs.yahoo.co.jp/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25103301_5?1235974794.gif]

楽しみにしてたのに〜〜何でやねん[http://img2.blogs.yahoo.co.jp/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25103301_9?1235974794.gif]

��

明日はデートだからお泊りコースかな〜https://blogs.yahoo.co.jp/IMG/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25102929_4?1235973419.gif

起きてみたら・・・・台風だしっ汗　https://blogs.yahoo.co.jp/IMG/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25102929_5?1235973419.gif

楽しみにしてたのに〜〜何でやねんhttps://blogs.yahoo.co.jp/IMG/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25102929_6?1235973419.gif

■タグ的にはこんな感じになってます■

明日はデートだからお泊りコースかな〜[http://img2.blogs.yahoo.co.jp/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25102929_4?1235973419.gif]

起きてみたら・・・・台風だしっ汗　[http://img2.blogs.yahoo.co.jp/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25102929_5?1235973419.gif]

楽しみにしてたのに〜〜何でやねん[http://img2.blogs.yahoo.co.jp/ybi/1/39/f2/nacchan5555/folder/1108704/img_1108704_25102929_6?1235973419.gif]


上記の様にちょっとした工夫でだいぶ記事への印象も変わりますし、

この様に色々文末にミニ素材を取り込むと見てる側も楽しくなりますよ

是非お試し下さいね♪



ブログ素材・キャラ素材・チマキャラ素材・ポイント素材・ブログのお勉強等アップしてます
素敵なブログ作り　https://blogs.yahoo.co.jp/IMG/ybi/1/39/f2/nacchan5555/folder/1114588/img_1114588_19234000_5?1225112692

転載元転載元: 大和ワールド別館

開く トラックバック（0）

⇒ＷＩＫＩ文字■面白研究結果■　転載可

　　https://blogs.yahoo.co.jp/IMG/ybi/1/39/f2/nacchan5555/folder/1112787/img_1112787_19650669_5?1225879037
必ず記事作成時に赤丸部分のＷｉｋｉ文法使用にチェック
そのまま切り取って使って下さいコメントもよろしくね


大和パパの素材ワールド

||<#ffffff' style='text-align:center;width:560;line-height:1;font-family:HGP創英角ﾎﾟｯﾌﾟ体;font-size:23pt;color:#ffffff;believe;filter:wave(freq=30,Strength=1,)glow(color=#000000,strength=10);background : ; clear;word-spacing:560' ``大和パパの素材ワールド||

大和パパの素材ワールド

||<#ffffff' style='text-align:center;width:560;line-height:1;font-family:HGP明朝E;font-size:23pt;color:#ffffff;believe;filter:wave(freq=30,Strength=1,)glow(color=#000000,strength=10);background : ; clear;word-spacing:560' ``大和パパの素材ワールド||

大和パパの素材ワールド

||<#ffffff' style='text-align:center;width:560;line-height:1;font-family:HGP創英角ﾎﾟｯﾌﾟ体;font-size:30pt;color:#ffffff;believe;filter:wave(freq=90,Strength=1,)(color=#aaaaaa,strength=7);background : ; clear;word-spacing:560' ``大和パパの素材ワールド||

大和パパの素材ワールド

||<#ffffff' style='text-align:center;width:560;line-height:1;font-family:HGP明朝E;font-size:30pt;color:#ffffff;believe;filter:wave(freq=10,Strength=1,)(color=#aaaaaa,strength=7);background : ; clear;word-spacing:560' ``大和パパの素材ワールド||

大和パパの素材ワールド

||<#ffffff' style='text-align:center;width:560;line-height:1;font-family:HGP創英角ﾎﾟｯﾌﾟ体;font-size:30pt;color:#ffff00;believe;filter:wave(freq=15,Strength=1,)glow(color=#aaaaaa,strength=7);background : ; clear;word-spacing:560' ``大和パパの素材ワールド||


文字色変更をなさりたい方はこちらからカラー番号参考に

文字の字体を変更なさりたい方はこちらを参考に


Ｗｉｋｉ文字・Ｗｉｋｉ文法・Ｗｉｋｉ勉強
大和素材ワールドへようこそ
気に入ったＷＩＫＩ文字あったらコメント残して使って下さい
転載はここから出来ますよ■大和素材ワールド■

転載元転載元: 大和ワールド別館

開く トラックバック（0）

⇒面白ＷＩＫＩ文字�� 転載可

https://blogs.yahoo.co.jp/IMG/ybi/1/39/f2/nacchan5555/folder/1145779/img_1145779_19547397_0?20090421185852

[[attached(1,center)]]
必ず記事作成時に赤丸部分のＷｉｋｉ文法使用にチェック
そのまま切り取って使って下さいコメントもよろしくね



大和パパ素材ワールド

||<#ffffff' style='width:560px;padding:17px;font-family:HGP創英角ﾎﾟｯﾌﾟ体;font-size:20pt;color:#BFFFFF;text-align:center;filter:dropshadow(color=#0040FF,offX=5,offY=1)dropshadow(color=#001B6A,offX=5,offY=5)glow(color=#FFFF00,strength=12);background : ; clear;word-spacing:560px;line-height:1.0' ``大和パパ素材ワールド||


大和パパ素材ワールド

||<#ffffff' style='width:560px;padding:17px;font-family:HGP創英角ﾎﾟｯﾌﾟ体;font-size:20pt;color:#00FF40 ;text-align:center;filter:dropshadow(color=#0040FF,offX=5,offY=1)dropshadow(color=#001B6A,offX=5,offY=5)glow(color=#FFFF00,strength=12);background : ; clear;word-spacing:560px;line-height:1.0' ``大和パパ素材ワールド||


大和パパ素材ワールド

||<#ffffff' style='width:560px;padding:17px;font-family:HGP創英角ﾎﾟｯﾌﾟ体;font-size:20pt;color:#BFFFFF;text-align:center;filter:dropshadow(color=#0040FF,offX=5,offY=1)dropshadow(color=#FFFFFF,offX=5,offY=5)glow(color=#80E2FF,strength=12);background : ; clear;word-spacing:560px;line-height:1.0' ``大和パパ素材ワールド||

大和パパ素材ワールド

||<#ffffff' style='width:560px;padding:17px;font-family:HGP創英角ﾎﾟｯﾌﾟ体;font-size:20pt;color:#FFFF00;text-align:center;filter:dropshadow(color=#CF2BFF,offX=5,offY=1)dropshadow(color=#FF809F,offX=5,offY=5)glow(color=##FF2B60,strength=12);background : ; clear;word-spacing:560px;line-height:1.0' ``大和パパ素材ワールド||

大和パパ素材ワールド

||<#ffffff' style='width:560px;padding:17px;font-family:HGP創英角ﾎﾟｯﾌﾟ体;font-size:20pt;color:#FFFFFF;text-align:center;filter:dropshadow(color=#FF2B2B,offX=5,offY=1)dropshadow(color=#FF809F,offX=5,offY=5)glow(color=#FF2B60,strength=12);background : ; clear;word-spacing:560px;line-height:1.0' ``大和パパ素材ワールド||

大和パパ素材ワールド

||<#ffffff' style='width:560px;padding:17px;font-family:HGP創英角ﾎﾟｯﾌﾟ体;font-size:20pt;color:#000000;text-align:center;filter:dropshadow(color=#FF2B2B,offX=5,offY=1)dropshadow(color=#5F5F5F,offX=5,offY=5)glow(color=#AAAAAA,strength=12);background : ; clear;word-spacing:560px;line-height:1.0' ``大和パパ素材ワールド||

Ｗｉｋｉ文字・Ｗｉｋｉ文法・Ｗｉｋｉ勉強
お前の選抜素材ＧＯＯＤって思ったら↓ブログ村応援　　　https://www.blogmura.com/img/www100_33.gif
にほんブログ村　でランキングに参加してるので応援下さいね(ココをクリックでＰａｇｅ開いたら閉じてＯＫです)

転載元転載元: 大和ワールド別館

開く トラックバック（0）

改行可能ＷＩＫＩ文字★長い文章に最適です００２★転載可

　　https://blogs.yahoo.co.jp/IMG/ybi/1/39/f2/nacchan5555/folder/1112787/img_1112787_19650669_5?1225879037
必ず記事作成時に赤丸部分のＷｉｋｉ文法使用にチェック
そのままタグ切り取って使って下さいコメントもよろしくね


この部分に文章を入れてください　改行したい箇所に『全角のスペース』を入れると　この様に【改行】されます　大和ワールドから転載ご自由に

||<#FFFFFF' style='width:530px;line-height:9px;font-size:10px;word-spacing:530px;text-align:center;color:#000000' ``この部分に文章を入れてください　改行したい箇所に『全角のスペース』を入れると　この様に【改行】されます　大和ワールドから転載ご自由に||


この部分に文章を入れてください　改行したい箇所に『全角のスペース』を入れると　この様に【改行】されます　大和ワールドから転載ご自由に

||<#FFFFFF' style='width:530px;line-height:9px;font-size:10px;word-spacing:530px;text-align:center;color:#95e8ff' ``この部分に文章を入れてください　改行したい箇所に『全角のスペース』を入れると　この様に【改行】されます　大和ワールドから転載ご自由に||


この部分に文章を入れてください　改行したい箇所に『全角のスペース』を入れると　この様に【改行】されます　大和ワールドから転載ご自由に

||<#FFFFFF' style='width:530px;line-height:9px;font-size:10px;word-spacing:530px;text-align:center;color:#00ff40' ``この部分に文章を入れてください　改行したい箇所に『全角のスペース』を入れると　この様に【改行】されます　大和ワールドから転載ご自由に||


この部分に文章を入れてください　改行したい箇所に『全角のスペース』を入れると　この様に【改行】されます　大和ワールドから転載ご自由に

{
||<#FFFFFF' style='width:530px;line-height:9px;font-size:10px;word-spacing:530px;text-align:center;color:#ea003a' ``この部分に文章を入れてください　改行したい箇所に『全角のスペース』を入れると　この様に【改行】されます　大和ワールドから転載ご自由に||


この部分に文章を入れてください　改行したい箇所に『全角のスペース』を入れると　この様に【改行】されます　大和ワールドから転載ご自由に

||<#FFFFFF' style='width:530px;line-height:9px;font-size:10px;word-spacing:530px;text-align:center;color:#c600ff' ``この部分に文章を入れてください　改行したい箇所に『全角のスペース』を入れると　この様に【改行】されます　大和ワールドから転載ご自由に||


この部分に文章を入れてください　改行したい箇所に『全角のスペース』を入れると　この様に【改行】されます　大和ワールドから転載ご自由に

||<#FFFFFF' style='width:530px;line-height:9px;font-size:10px;word-spacing:530px;text-align:center;color:#0040ff' ``この部分に文章を入れてください　改行したい箇所に『全角のスペース』を入れると　この様に【改行】されます　大和ワールドから転載ご自由に||


この部分に文章を入れてください　改行したい箇所に『全角のスペース』を入れると　この様に【改行】されます　大和ワールドから転載ご自由に

||<#FFFFFF' style='width:530px;line-height:9px;font-size:10px;word-spacing:530px;text-align:center;color:#ff8000' ``この部分に文章を入れてください　改行したい箇所に『全角のスペース』を入れると　この様に【改行】されます　大和ワールドから転載ご自由に||





文字色変更をなさりたい方はこちらからカラー番号参考に

Ｗｉｋｉ文字・Ｗｉｋｉ文法・Ｗｉｋｉ勉強
大和パパ素材ワールド　https://blogs.yahoo.co.jp/IMG/ybi/1/39/f2/nacchan5555/folder/1114588/img_1114588_19234000_5?1225112692

こちらから記事転載出来ます

転載元転載元: 大和ワールド別館

開く トラックバック（0）

全5ページ

[1] [2] [3] [4] [5]

[ 次のページ ]

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

.
ちゃいぽけ★なおまま
ちゃいぽけ★なおまま
女性 / B型
人気度
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

最新のコメント

最新のトラックバック

スマートフォンで見る

モバイル版Yahoo!ブログにアクセス！

スマートフォン版Yahoo!ブログにアクセス！

過去の記事一覧

Yahoo!からのお知らせ

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

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
11／30まで５周年記念キャンペーン中！
Amazonギフト券1000円分当たる！
ふるさと納税サイト『さとふる』
お米、お肉などの好きなお礼品を選べる
毎日人気ランキング更新中！
コンタクトレンズで遠近両用？
「2WEEKメニコンプレミオ遠近両用」
無料モニター募集中！
話題の新商品が今だけもらえる！
ジュレームアミノ　シュープリーム
プレゼントキャンペーン

その他のキャンペーン

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

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

みんなの更新記事
前へ 次へ