すべての機能をご利用いただくためには、JavaScriptの設定を有効にしてください。
設定方法は、ヘルプをご覧ください。

メーテルリンクの徒然日記

今年こそは真面目に綴ろうと思いながら、もう２月も下旬になってしまいました。いつもの怠け癖を、今年は克服してたくさん綴ってみようと

お気に入りの人に登録/削除

ｗｉｋｉ文法の練習

[ リスト | 詳細 ]

記事検索

全2ページ

[1] [2]

[ 次のページ ]

ＵＲＬの画像の配置

[[img(http://img.blogs.yahoo.co.jp/ybi/1/24/38/koro888suke888/folder/451017/img_451017_26402673_0?1194387551,0,135,200)]]||

||<#FFFFFF' style=text-align:center;width:560px; ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/24/38/koro888suke888/folder/451017/img_451017_26402673_0?1194387551,0,135,200)]]||

||<#FFFFFF' style=text-align:right;width:560px; ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/24/38/koro888suke888/folder/451017/img_451017_26402673_0?1194387551,0,135,200)]]||

転載元: パンドラの秘宝 Ⅱ

コメント（2）

トラックバック（0）

画像に文字を入れる方法

https://blogs.yahoo.co.jp/IMG/ybi/1/80/a0/blogs_guide/folder/1146147/img_1146147_8314018_0?20071222164334

https://blogs.yahoo.co.jp/IMG/ybi/1/80/a0/blogs_guide/folder/1146147/img_1146147_8314018_1?20071222164334

全ての記事が転載ＯＫです。
ご自由に転載して下さい。

★。、：：。．：：・’゜★。、：：。．：：・’゜☆。．：：・’゜★。、：：。．：：・’゜★

１つ目の画像が自分で用意した画像（写真）で
２つ目の画像が文字を入れた画像です！！

こちらで自分の好きな画像に文字を入れることができます。

画像文字入れ

ポイント：文字入れした後にフレーム（写真の枠）をつけて
最後に拡大縮小をすると綺麗な画像に仕上がりますΣ（￣Δ￣＊）　ウォッ！

ちょっと慣れるまで作るのに時間がかかるかも知れないですけど
けっこう楽しいですよ☆♪（ｌ≧∀≦）☆

★。、：：。．：：・’゜★。、：：。．：：・’゜☆。．：：・’゜★。、：：。．：：・’゜★

追伸その１；画像の載せ方の質問がすごく多かったので紹介しておきます↓
画像の載せ方

★。、：：。．：：・’゜★。、：：。．：：・’゜☆。．：：・’゜★。、：：。．：：・’゜★

転載元: ブログの作り方

コメント（4）

トラックバック（0）

写真、フラッシュ、動画を横に並べる方法

写真を横に並べる方法

『横に２枚』

||<#ffffff'``||
||<#ffffff'style='text-align:center;width:275px'``[[attached(1)]]
||<#ffffff'style='text-align:center;width:275px'``[[attached(2)]]
||<#ffffff' ``||

『横に３枚』

||<#ffffff'``||
||<#ffffff'style='text-align:center;width:180px'``[[attached(3)]]
||<#ffffff'style='text-align:center;width:180px'``[[attached(4)]]
||<#ffffff'style='text-align:center;width:180px'``[[attached(5)]]
||<#ffffff'``||

[[attached(数字)]] は　文章の途中に画像を配置する為のwiki です。　
(数字)はアップする画像の順番です。

https://blogs.yahoo.co.jp/IMG/ybi/1/69/c5/queguaydeparaguay/folder/1266257/img_1266257_22552403_134?2006-08-17

文字と画像を並べる

||<#FFFFFF'` `||
||<#FFFFFF' style=padding:0px;``文字と
||<#FFFFFF'` `[[img(画像のＵＲＬ)]]
||<#FFFFFF' style=padding:0px;``写真を並べます。
||<#FFFFFF'` `||

（「0px」は隙間をあけたいときに数字を入力、隙間をあけたくなければ「0px」のままで）


文字と		写真を並べます。

リンク画像、フラッシュ、動画を横に並べる方法

||||
|| ''[[img(画像URL,255)]]''
|| ''[[img(画像URL,255)]]''
||||

,255はサイズです。　255でちょうと良いですよ。

||||
|| ''[[embed(動画、フラッシュのURL)]]''
|| ''[[embed(動画、フラッシュのURL)]]''
||||

転載の際はコメントと良かったら傑作ポチッ♪も宜しくお願いします。m(_ _)m

記事作成元
＊＊＊＊＊＊＊＊＊＊＊＊

by xD-Guay's Splash

＊＊＊＊＊＊＊＊＊＊＊＊

PR 在宅でお仕事

転載元: グアイ e-Guay＠横浜★独り暮らし♪（只今準備中）

コメント（7）

トラックバック（1）

wiki文法の文字入れ基本②

オカン用の覚書です間違ってたら　m(＿＿)m

小さいシンプルに赤

||<#FFFFFF' style='color:red'``小さいシンプルに赤||

太字で赤　「word-spacing:560px」は改行タグ

||<#FFFFFF'style='font:bold 15pt;color:red;word-spacing:560px '``太字で赤　「word-spacing:560px」は改行タグ||

「text-align:center」は中央になるタグ

||<#FFFFFF' style='text-align:center;width:560px;font:bold 16pt;color:#750000'``「text-align:center」は中央になるタグ||

目立つように堂々と左に♪

||<#FFFFFF' style='font-family:HGP創英角ﾎﾟｯﾌﾟ体 ;font:bold 23pt;color:#C55050;width:560px;text-align:left;``目立つように堂々と左に♪||

「font-family」で文字を変え右端に

||<#FFFFFF'; style='font-family:HGP行書体 ;color:#003AEA;font:15pt;width:560px;text-align:right;``「font-family」で文字を変え 右端に||

「font:italic」は斜体文字タグ　「bold」は太文字タグ　「letter-spacing:0.35em」字間間隔　「line-height:2.0」は行間間隔

||<#ffffff'style='font:italic bold 15pt;color:blue;word-spacing:560px;letter-spacing:0.35em;line-height:1.0'``「font:italic」は斜体文字タグ　「bold」は太文字タグ　「letter-spacing:0.35em」字間間隔　「line-height:2.0」は行間間隔||

「border: solid」でピンクの囲い

||<#FFFFFF' style='border: solid 2px #FF99CC;font:25pt'``「border: solid」で ピンクの囲い||

改行できます「width:260px」　文字も色付きで江戸勘亭流「padding:30px;」は余白タグ

||<#FFFFFF' style='padding:30px;border:solid 2px #5b9540;font-family:江戸勘亭流;font:bold 15pt;color:#5b9540;width:260px;word-spacing:260px' `` 改行できます「width:260px」　文字も色付きで江戸勘亭流　「padding:30px;」は余白タグ||

「font:bold 15pt;color:blue」文字太く１５サイズ色青

||<#FF66FF' style='width:560px;font:bold 15pt;color:blue’``「font:bold 15pt;color:blue」文字太く１５サイズ 色 青||

「background-color」背景に色を塗り　文字を白く♡

||<#FFFFFF'style='font:bold 20pt;color:white;background-color:FF66FF;word-spacing:560px' ``「background-color」背景に色を塗り　文字を白く♡||

色枠の横幅と高さを指定し文字中央寄せ

||||<#AAFFFF' width=570 height=70'``''' 色枠の横幅と高さを指定し文字中央寄せ'''||
　↑　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　↑
４本入れないと　文字は真ん中にきません　　　　　　　　　カンマは太文字にするタグ

ここに文字を記入することも出来ます。

||<#FFFFFF' style='font:bold 10pt;color:#008000;background-color:#CCCCFF'``ここに文字を記入することも出来ます。||

中央ラインに上下線を追加 width:320px

||<#FF99FF' style='width:320px;border-top:2px solid #99FFFF;border-bottom:2px solid #99FFFF;padding:0px;color:#FF99FF;font:bold 12pt;color:white'``中央ラインに上下線を追加 width:320px||

転載元: 日々、怒涛の様に過ぎて行きます。

コメント（14）

トラックバック（0）

wiki文法で画像を枠で囲む

https://blogs.yahoo.co.jp/IMG/ybi/1/9a/b2/run_7stars/folder/1484163/img_1484163_12032999_0?20070204101040

wiki文法で画像を枠で囲む

今度は画像を枠で囲みたいと思います
wiki文法使用にチェックを入れてください。
画像の位置については画像の位置についてをご覧ください。枠についてはwiki文法で枠をつけるをご覧ください。
囲みたい画像を画像添付に開いてください。
↓枠の種類です　border：の後につけたい枠の種類をいれてください。

double

solid

dashed

dotted

ridge

groove

inset

outset

まずsolidの枠で囲んでみたいと思います。

||||<#FFFFFF'style=';border:solid 2px Aqua;color:Aqua;font:bold 10pt'``[[attached(１,left)]]||

[[attached(1,left)]]

囲んでみました。でもなんかこれだけだとさびしいですね。

文字も入れてみましょう。

||||<#FFFFFF'style='width:180px;border:solid 2px Aqua;color:Aqua;font:bold 10pt'``[[attached(１,left)]]画像に枠をはめてみました||

[[attached(1,left)]]画像に枠をはめてみました

背景色も変えてみましょう。

||||<#FFFF00'style='width:180px;border:solid 2px Aqua;color:Aqua;font:bold 10pt'``[[attached(１,left)]]画像に枠をはめてみました||

[[attached(1,left)]]画像に枠をはめてみました

良くなりました。

他の枠でも作ってみましょう。

[[attached(1,left)]]画像に枠をはめてみました doubleの枠
[[attached(1,left)]]画像に枠をはめてみました dashedの枠
[[attached(1,left)]]画像に枠をはめてみました dottedの枠
[[attached(1,left)]]画像に枠をはめてみました ridgeの枠
[[attached(1,left)]]画像に枠をはめてみました grooveの枠
[[attached(1,left)]]画像に枠をはめてみました insetの枠
[[attached(1,left)]]画像に枠をはめてみました outsetの枠