wiki文法の世界

[ リスト | 詳細 ]

記事検索
検索

全3ページ

[1] [2] [3]

[ 次のページ ]

wiki文法【画像の貼り付け編】

【[[ｉｍｇ(画像ＵＲＬ)]]】の文法を使ってゲストブックに画像を貼り付ける際の方法です♪
この方法は、既に御存知の方も多いと思いますが、お付き合いお願い致します♪　ペコリ(o_ _)ｏ))
【※注意　本来この文法の【ｉｍｇ】は半角文字です。文字化けする為、あえて全角にしています。】

【手順】

【壱】まずは【非公開記事】で画像をＵＰする♪
【弐】その画像の上で【右クリック】→【プロパティ】→【アドレス(ＵＲＬ)】の手順で
　　　ＵＲＬを指定してコピーする♪　※下記画像参照
【参】【[[ｉｍｇ(画像ＵＲＬ)]]】の文法の画像ＵＲＬに先程コピーしたＵＲＬをペースト(貼り付け)する♪

以上の手順でゲストブックに画像を貼り付ける事が出来ます♪　(￣▼￣*)ﾆﾔｯ

http://img.blogs.yahoo.co.jp/ybi/1/7e/72/hiro915airgroove/folder/1011974/img_1011974_48405794_2?1248550511

でもね・・・
たまぁ〜に大きい画像を貼り付けられて、アバターに画像が引っ掛かってる場合がありませんか！？
※下記サンプル画像参照
元々縮小した画像をお使いの方は、この項は関係無いでつがネ♪　(；・∀・)ﾊｯ?

アバターに引っ掛かっている凹

これを回避する方法♪　ヽ(＊⌒∇^)ノヤッホーイ♪

[[ｉｍｇ(画像ＵＲＬなんちゃらこうちゃら〜〜〜【,450】)]]

ＵＲＬのおケツに【,450】と入力してやればＯＫなのです♪
30ピクセル分しか引っ掛かってないので、分かり難いですが見比べてみて下さい♪

アバターに引っ掛かってない♪

尚、この事はwiki文法を使用した記事にも当てはまります♪
画像を思いっきり縮小したりする事が出来ますの♪
※上記でこの記事にＵＰした画像を縮小してみた♪　(￣▼￣*)ﾆﾔｯ
【注意　【[[attached(*,center)]]】の文法はこの項には当てはまりません凹】
下記サンプル画像は【[[ｉｍｇ(画像ＵＲＬ【,100】)]]】としております♪

ミクロ〜♪　ﾍ(ﾟ∀ﾟﾍ)ｱﾋｬ

オマケ情報♪
先日おれが皆様の所に暑中お見舞いのイヤガラセ・・・いや御挨拶をやりに行った画像に
マウスカーソルを合わせると、【(ノ∇≦、)ノ彡☆ キャハハ!!バンバンッ!!】って
顔文字が出てたと思います♪
※おれげには来てねぇ〜ゾ！って方が御座いましたらごめんなさい凹　(_ _(--;(_ _(--; ペコペコ

通常は、上記で一番上にＵＰしている画像の様に【ｈｔｔｐ：／／なんちゃらこうちゃら〜〜〜】って
長いＵＲＬが味気なく出ると思います凹　※２番目からの画像は、変更しています♪
ぢゃけぇ〜少しオサレにしてみましょう♪

ヽ(＊⌒∇^)ノヤッホーイ♪

上記画像は【ヽ(＊⌒∇^)ノヤッホーイ♪】って顔文字が出てるてしょ♪
んでね♪　[[ｉｍｇ(画像ＵＲＬ)]]の文法の場合、センタリングされてないやん凹
センタリングしたい場合はね♪　下記を参照してみてネ♪
この項の文法はコピペで使えるゾ♪　

[[img(画像ＵＲＬ,0,0,文字を入力)]]
つまり画像ＵＲＬ,横幅,縦幅,テキストって具合に成ってますの♪
※【,横幅,縦幅,】は必須だョ！　縦幅＆横幅は【0】を入力すれば、縮小拡大は行われない♪

||<#FFFFFF' style='text-align:center;width:560px'``[[img(画像ＵＲＬ,0,0,文字を入力)]]||
上記方法でセンタリングするゾ♪　
※【,横幅,縦幅,テキスト】は付けても付けなくてもＯＫ♪


尚、この記事は転載ＯＫの記事として作成していますので
[[attached(*,center)]]の文法では無く、[[ｉｍｇ(画像ＵＲＬ)]]の文法で作成しています♪
[[attached(*,center)]]の文法の場合、転載されると画像のレイアウトが狂ってしまいますの凹

この記事の事で分からない事等がありましたら、御手数ですがこちらに記入して頂ければ、返答いたしますわョ♪

間違い等があったら、ゴメンなさい凹＆こっそり教えてネ♪　ペコリ(o_ _)ｏ))

☆最後に☆
画像を縮小している場合、画像をクリックすると元の大きさの画像が別ウインドで見れます♪

スピードの向こう側へ wiki文法に✓を忘れずにネ♪

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

wiki文法【チョットした事編】

【背景wiki】や【word-spacing:***px】の文法を使っている場合
微妙に右側がハミ出し刑事旅情編に成る事ってありませんか！？　(；・∀・)ﾊｯ?

【word-spacing:***px】とは！？
全角スペースで改行する文法です♪　ヽ(＊⌒∇^)ノヤッホーイ♪

(・∀・)ﾆﾔﾆﾔ
(・∀・)ﾆﾔﾆﾔ

あれはですねぇ〜♪
色んなケースがありますが、
一つは大きい画像を貼り付けている場合起こります凹

また、画像は小さいのしかＵＰしていないのに、はみ出すって場合もあります凹
その場合は【word-spacing:***px】の【***(数値です)】が大きすぎるのです♪
※画像を貼り付けてい無い場合も含みます凹

(・∀・)ﾆﾔﾆﾔ

ほだら、どげやって直す！？
簡単です♪　(￣▼￣*)ﾆﾔｯ

１・画像は、横幅４８０ピクセル未満に縮小する♪
※もう少し大きくても、で〜丈夫でしょうが、サイドにも背景を出した方が良いかなと思って♪
２・【word-spacing:540px】と成っていたら、その数値を【10】単位で下げて確認してみる♪
※おれげから配信しているwiki文法は、基本的に４８０ピクセル画像を貼り付ける事を前提にしています♪
※σ(✪ฺฺω✪ฺ๑)本人は、もっと小さい画像しかＵＰしないけど♪　(* ﾟ 艸ﾟ).∴∵ﾌﾞｯ!!

つまりね、記事の上の方に【点線】があるやん♪　あの幅が【５６０ピクセル】

【width:560px】で横幅を【560px】に指定していても、【word-spacing:540px】だと
両サイドに【20px】の余白が付くのでハミ出しちやうの凹
【width:***px】とは！？
背景の範囲です♪　(￣∇+￣)vキラーン

下記画像参照願う♪　※赤バッテンは、おれが画像を作る際に間違えた凹　ヾ(´▽｀;)ゝ ウヘヘ

(・∀・)ﾆﾔﾆﾔ
【word-spacing:540px】の場合

(・∀・)ﾆﾔﾆﾔ
【word-spacing:520px】の場合




上記２点は、共に【width:560px】で行っています♪

枠が無い状態でしたら【width:560px】の【word-spacing:520px】が、一番落ち着く感じですかな♪

ただね、【width:560px】の【word-spacing:520px】の状態で
【横幅５６０ピクセル】の画像を貼り付けたら・・・





(・∀・)ﾆﾔﾆﾔ
【word-spacing:540px】で【５６０ピクセル】の画像を貼り付けた場合


文字が暴走した凹　｀;:ﾞ;｀;:ﾞ;｀(;ﾟ;艸;ﾟ;）ﾌﾞｯ!!

画像を縮小したくない＆少しくらい〜♪はみだしたって〜いいさ〜♪って場合は　ｏｈ♪ｏｈ♪
夢を描いて【word-spacing:540px】でお楽しみ下さいませ♪　(￣▼￣*)ﾆﾔｯ　ｂｙさく○いさん♪
※上から３番目の画像の様に、少しはみ出した状態に成ります♪


んで、オマケ♪
分割wikiで上下に違う大きさの文法をつなげたら・・・
※今回は、上に【width:560px】下は【width:160px】にて検証♪



(・∀・)ﾆﾔﾆﾔ

ブ━━━━∵;（;:゜:鑾;゜;，）;:∵━━━ッ!!

何処まで行くねん凹　........(((((¬￣▽￣)¬マテェ♪


パソコン環境によって、違う様に見える場合もあるかも知れません凹
当方の環境(ＸＰのＩＥ７)での見え方の場合です♪
他の要因でハミ出す事も確認していますが、
今回の記事内にはその項は書いていません凹
※元絵の関連でハミ出す事です♪　(￣▼￣*)ﾆﾔｯ

注】この項、間違い等があったら、アタイにも教えて頂戴ね♪　ペコリ(o_ _)ｏ))

スピードの向こう側へ

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

文字化け凹

　　こんばんわ♪　アバターが　またスカートになっている僕です❤

　　　　　　　　　　　　　　｀;:ﾞ;｀;:ﾞ;｀(;ﾟ;艸;ﾟ;)ﾌﾞｯ!!

　今回　どうでもイイ話しですがＹａｈｏｏブログでwiki文法で記事をＵＰした際に
　文字化けするお話しです♪　(￣▼￣*)ﾆﾔｯ
　※ゲストブックも含みます♪


｀;:ﾞ;｀;:ﾞ;｀(;ﾟ;艸;ﾟ;)ﾌﾞｯ!!




　上記みたいに化ける事がありますよね凹　(；・∀・)ﾊｯ?

　※他にもあったけど　どの顔文字か忘れた凹　ヾ(▽^；)ゞうへへ

　ちなみに上記顔文字は【｀;:ﾞ;｀;:ﾞ;｀(;ﾟ;艸;ﾟ;)ﾌﾞｯ!!】です

　つまり【;)】の部分が化けているのです凹

　メッセを使う人やったら　ご存知やと思いますが　記号の組み合わせで　アイコンを使います♪
　※下記の画像はメッセのアイコンの一覧です♪　ブログのアイコンとは若干違いますね♪
　※【メッセ】＝【メッセンジャー】の事です♪


イメージ 1


　　そしてコチラが　メッセ用アイコンの使用する時の記号の一覧です♪

【:)】【:-/】【:-O】【>:)】【o:-)】【:-&】【(:|】【@-)】【:)]】【X_X】

【:(】【:x】【X-(】【:((】【:-B】【:-$】【=P~】【:^O】【:-c】【:!!】

【;)】【:">】【:->】【:))】【=;】【[-(】【:-?】【:-w】【~x(】【\m/】

【:D】【:-P】【B-)】【:|】【I-)】【:o)】【#-o】【:-<】【:-h】【:-bd】

【;;)】【:-*】【:-S】【/:)】【8-|】【8-}】【=D>】【>:P】【:-t】【:-q】

【>:D<】【=((】【#:-S】【=))】【L-)】【<:-P】【:-SS】【<):)】【8->】【^#(^】

　　これをブログ記事(wiki文法使用)に使ってみると・・・


【:)】【:-/】【:-O】【>:)】【o:-)】【:-&】【(:|】【@-)】【:)]】【X_X】

【:(】【:x】【X-(】【:((】【:-B】【:-$】【=P~】【:^O】【:-c】【:!!】

【;)】【:">】【:->】【:))】【=;】【[-(】【:-?】【:-w】【~x(】【\m/】

【:D】【:-P】【B-)】【:|】【I-)】【:o)】【#-o】【:-<】【:-h】【:-bd】

【;;)】【:-*】【:-S】【/:)】【8-|】【8-}】【=D>】【>:P】【:-t】【:-q】

【>:D<】【=((】【#:-S】【=))】【L-)】【<:-P】【:-SS】【<;):)】【8->】【^#(^】

　上記の様に化けてしまいました凹

　つまり【:)】【:(】【;)】が化けてます凹
　また【<)】の組み合わせの時の【)】も化けます凹

　では　とうすれば化けないか！？
　対策は簡単です♪

　【)】を全角に変えてやれば化けません

　半角の場合【:)】【:(】【;)】【<;)】
　全角の場合【:）】【:（】【;）】【<）】
　半角の場合【:)】【:(】【;)】【<)】
　全角の場合【:）】【:（】【;）】【<）】
　上記の文字列です♪

　つまり【｀;:ﾞ;｀;:ﾞ;｀(;ﾟ;艸;ﾟ;)ﾌﾞｯ!!】の【)】を全角に変えてやれば
　半角の場合【｀;:ﾞ;｀;:ﾞ;｀(;ﾟ;艸;ﾟ;)ﾌﾞｯ!!】
　全角の場合【｀;:ﾞ;｀;:ﾞ;｀(;ﾟ;艸;ﾟ;）ﾌﾞｯ!!】

　半角の場合【｀;:ﾞ;｀;:ﾞ;｀(;ﾟ;艸;ﾟ;)ﾌﾞｯ!!】
　全角の場合【｀;:ﾞ;｀;:ﾞ;｀(;ﾟ;艸;ﾟ;）ﾌﾞｯ!!】
　上記の文字列です♪

　引用の【｛｛｛：改行｝｝｝】や【｛｛｛改行｝｝｝】で囲んでやれば化けなかったりもします
　※本来【｛】等は半角です

　記事をＵＰした際に文字化けがあったなら【)】を全角に変換して化けない様にしてみてネ♪

　☆おまけ☆
　(✪ฺ▽✪ฺ;)✧ฺ等の特殊記号を使用した顔文字の場合も同様に【)】を全角にすればＯＫです　(✪ฺ▽✪ฺ）✧ฺ

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

wiki文法【さらに分割編】

イメージ 3

　三分割です♪　　全角スペースで　改行します♪　　文字列の最後に　全角スペースを　一個入れて下さい→★　 　
イメージ 1
　150pixel画像です　文字も入れられます→★　 		　三分割です♪　　全角スペースで　改行します♪　　文字列の最後に　全角スペースを　一個入れて下さい→★　 

||<#FFFFFF' ``||
||||<#fffaea'style='width:160px;text-align:center;font-family;font-size:10pt;color:#6a5000;word-spacing:150px;line-height:10pt;border:groove 5px #6a5000'``　三分割です♪　　全角スペースで　改行します♪　　文字列の最後に　全角スペースを　一個入れて下さい→★　
||||<#eaffef'style='width:160px;text-align:center;font-family;font-size:10pt;color:#006a1b;word-spacing:150px;line-height:10pt;border:groove 5px #006a1b'``　[[attached(*,center)]]　150pixel画像です　文字も入れられます→★　
||||<#fffaea'style='width:160px;text-align:center;font-family;font-size:10pt;color:#6a5000;word-spacing:150px;line-height:10pt;border:groove 5px #6a5000'``　三分割です♪　　全角スペースで　改行します♪　　文字列の最後に　全角スペースを　一個入れて下さい→★　

イメージ 3

　四分割です♪　　全角スペースで　　改行します♪　　文字列の最後に　全角スペースを　一個入れて　下さい→★　 　
イメージ 2
　百pixel画像です　文字も　入れられます→★　 		　四分割です♪　　全角スペースで　　改行します♪　　文字列の最後に　全角スペースを　一個入れて　下さい→★　 　
イメージ 2
　百pixel画像です　文字も　入れられます→★　 

||<#FFFFFF' ``||
||||<#fffaea'style='width:120px;text-align:center;font-family;font-size:10pt;color:#6a5000;word-spacing:100px;line-height:6pt;border:groove 5px #6a5000'``　四分割です♪　　全角スペースで　　改行します♪　　文字列の最後に　全角スペースを　一個入れて　下さい→★　
||||<#eaffef'style='width:120px;text-align:center;font-family;font-size:10pt;color:#006a1b;word-spacing:100px;line-height:6pt;border:groove 5px #006a1b'``　[[attached(*,center)]]　百pixel画像です　文字も　入れられます→★　
||||<#fffaea'style='width:120px;text-align:center;font-family;font-size:10pt;color:#6a5000;word-spacing:100px;line-height:6pt;border:groove 5px #6a5000'``　四分割です♪　　全角スペースで　　改行します♪　　文字列の最後に　全角スペースを　一個入れて　下さい→★　
||||<#eaffef'style='width:120px;text-align:center;font-family;font-size:10pt;color:#006a1b;word-spacing:100px;line-height:6pt;border:groove 5px #006a1b'``　[[attached(*,center)]]　百pixel画像です　文字も　入れられます→★　

イメージ 3

イメージ 2
イメージ 2
イメージ 2
イメージ 2

　　画像のみの場合
||<#FFFFFF' ``||
||||<#fffaea'style='width:120px;text-align:center;border:groove 5px #6a5000'``[[attached(*,center)]]
||||<#eaffef'style='width:120px;text-align:center;border:groove 5px #006a1b'``[[attached(*,center)]]
||||<#fffaea'style='width:120px;text-align:center;border:groove 5px #6a5000'``[[attached(*,center)]]
||||<#eaffef'style='width:120px;text-align:center;border:groove 5px #006a1b'``[[attached(*,center)]]

イメージ 3

☆今回のまとめ＆注意点☆
お手持ちの画像を記事にＵＰする前に適切な大きさにに縮小して下さい♪
左右の大きさ調整は【width:○○○px及びspacing:○○○−10px】の数値を変更して下さい♪
文字の大きさ調整は【font-size:10pt】の数値を変更して下さい♪
行の高さ調整は【line-height:10pt】の数値を変更して下さい♪
画像を入れないで文字列だけの場合は【[[attached(*,center)]]】を取っ払って下さい


要注意
左右の大きさ調整は　左右足して560pxを越えない様にして下さい♪
※レイアウトが崩れます凹

文字列の最後には必ず全角スペースを最低でも１個入れて下さい♪　(★の所です)
※入れないと最後の文字が勝手に改行します凹

大きさの違う左右分割を続けて上下に並べる事は出来ません凹
(一番大きいサイズになりレイアウトが崩れます凹)
※上記の様に２５０ピクセルVersionは上下に並べられますが
２５０と３００Versionを続ける場合は　一行列を空けて下さい♪

分からない事等が御座いましたら　遠慮なく聞いて下さい♪　(￣▼￣*)ﾆﾔｯ
※文法に間違いがあったら　ごめんなさいです凹

転載＆使用の際に　コメント＆傑作を頂けると次回の励みになります♪
https://avtimg.yahoo.co.jp/yai/hiro915airgroove_64x64.gifwiki文法に✓を忘れずにネ♪
スピードの向こう側へ

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

フォント色々

貴方のＰＣの標準フォントです１２３ＡＢＣａｂｃ
ＭＳ 明朝
ＭＳ ゴシック
HGS創英角ﾎﾟｯﾌﾟ体
HGS祥南行書体
HGS行書体
有澤太楷書
恋文ペン字
麗流隷書
有澤真筆行書
江戸勘亭流
有澤行書
ふみゴシック
魚石行書
祥南行書体
有澤楷書
富士ポップ
STROKE
Victorian LET
One stroke script LET
Ruach LET
Milano LET
Jokerman LET
貴方のＰＣの標準フォントです１２３ＡＢＣａｂｃ

【基準フォーム】
||<#FFFFFF' style='text-align:center;width:560px;font-size:15pt;font-family:"●●●";color:#000000'``ココに文字||

☆今回の纏め＆注意点☆
使い方→まず上記の基準フォームをメモ帳等にコピペしておく♪
上記の使いたいフォント名をコピーして【font-family:"●●●"】の●の部分にペーストする♪

貴方のＰＣに入っていないフォントは反映されません凹
その場合は標準フォントに見えます　黒枠の標準フォントと見比べてみて下さい♪
最後の６個は半角英数文字専用です凹　
全角英数文字＆平仮名＆片仮名＆漢字は標準フォントになります凹　下記ＴＥＳＴを参照
上記の半角英数文字専用だけフォントの大きさを25ptでＵＰしております♪
上記の基準フォームは白背景に黒文字です♪
背景＆文字の色はお好みの色に変えてお楽しみ下さい♪　カラーパレット参照して下さい
今回の基準フォームには全角スペースで改行するwiki文法は組み込んでおりません

その他分からない事等がありましたら質問等は遠慮なくど〜ゾ♪　(*゜▽゜*)
転載＆使用の際にはコメント＆傑作を頂けると次回の励みになります♪
TEST　123　ＴＥＳＴ　１２３　てすと　テスト　ﾃｽﾄ　手巣兎

https://avtimg.yahoo.co.jp/yai/hiro915airgroove_64x64.gifwiki文法に✓を忘れずにネ♪
スピードの向こう側へ

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

全3ページ

[1] [2] [3]

[ 次のページ ]

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

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

もっと見る

[PR]お得情報

いまならもらえる！ウィスパーうすさら
薄いしモレを防ぐ尿ケアパッド
話題の新製品を10,000名様にプレゼント
コンタクトレンズで遠近両用？
「2WEEKメニコンプレミオ遠近両用」
無料モニター募集中！
ふるさと納税サイト『さとふる』
お米、お肉などの好きなお礼品を選べる
毎日人気ランキング更新中！
ふるさと納税サイト『さとふる』
11／30まで５周年記念キャンペーン中！
Amazonギフト券1000円分当たる！

その他のキャンペーン

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

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

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