wiki文法

画像のなかに画像や文字をいれたい

.

画像のなかに画像や文字をいれたい

.

https://blogs.yahoo.co.jp/IMG/ybi/1/c3/14/mi_planning_miyuki/folder/1471683/img_1471683_43228039_5?20061209173343.jpg

　　　　　　　　　　　　　　　　　　　　画像の中に画像を表示する

||<#ffffff' ``||
||<#ffffff' style='font-size: ◆px;color:★;width:○;height:●;vertical-align:middle;background-image:url(☆http＆#58//～)' ``[[img(◇)]]　◎
★は文字の色　◆は文字のサイズ　○は画像の幅　●は画像の高さ　☆は画像　◇は中に入れたい画像
◎は画像の中にいれたい文字

この文法の応用で☆の部分を変えるとアパターやブログパーツも入れることが出来ます♪

～　やってみたら変なになってしまった人　～

中途半端な位置に文字が出てしまった場合には、スペースで文字位置をずらすことができます。
画像が何枚も出てきてしまって１枚にならなかった人は、「width:○;height:●;vertical」の部分の
数値を小さくしてみてください。

　　画像の中にアバタを表示する

https://blogs.yahoo.co.jp/IMG/ybi/1/bd/38/punpkinrorojp/folder/1458557/img_1458557_43904941_0?20061128041116

　　　　　　　　　　　　画像の中にパーツを表示する

「朝方のひとりごと」

転載元: 心(こころ）奮戦記ブログパーツと動画ゲーム一杯でっせ！

コメント（0）

トラックバック（0）

Wiki文法で（表組の）背景画像も指定できるばいっ！

https://blogs.yahoo.co.jp/IMG/ybi/1/c6/00/yamasita_94nsr/folder/1412784/img_1412784_28960204_4?20090510051617

https://blogs.yahoo.co.jp/IMG/ybi/1/c6/00/yamasita_94nsr/folder/1412784/img_1412784_28960204_5?20090510051617

ゲストブックで、kotoさんより…

こんにちは。添付画像の上に、文字を乗せる（添付画像を背景のように使う）ことって出来ますか？イラストの上に文字を書いていくような記事を書いてみたいのですが･･･。

ってコメントをもらってて

添付画像をそのまま…は無理だけど、ダミー？で一度記事にした添付画像ならできそうなんで

CSS（スタイルシート）を利用する方法でまとめますね～♪

①まずは、ダミー記事で良いので添付画像付きの記事を公開して下さい。

[[attached(1)]]
↑添付画像上で右クリックしてプロパティを見て、添付画像のURLをコピーします。

②違う記事内で、表組を利用してCSSで背景画像を指定します。

さきにWiki文法をまとめると…
||<#FFFFFF' style='background-image:url(http&#58;//画像のURL)' ``||

※注意点　画像URLは先は'http'だと自動リンクでNGになるので、'http&#58;//～'とします。
　添付画像のURLを貼り付けして、'http://～'のコロン（:）を"&#58;"に変えてねっ

Wiki文法で（表組の）背景画像も指定できるばいっ！

↑のWiki文法です。

||<#FFFFFF' style='background-image:url(http&#58;//img.blogs.yahoo.co.jp/ybi/1/c6/00/yamasita_94nsr/folder/1412784/img_1412784_28960204_4?20060317161014.gif)' ``Wiki文法で（表組の）背景画像も指定できるばいっ！ ||

表組のサイズを大きくしてみれば分かりますが、自動的に背景画像で繰り返し使われますよ♪

Wiki文法で（表組の）背景画像も指定できるばいっ！

↑のWiki文法です。

||<#FFFFFF' style='width:560px;height:130px;background-image:url(http&#58;//img.blogs.yahoo.co.jp/ybi/1/c6/00/yamasita_94nsr/folder/1412784/img_1412784_28960204_4?20060317161014.gif)' ``Wiki文法で（表組の）背景画像も指定できるばいっ！ ||

表組のサイズを横：560px、縦：130pxでサイズ指定をしました。

背景用の画像は…文字が上に載っても分かりやすいように、薄い色が良いみたいです…（ちょっと失敗）

http://ak.images.smileycentral.jp/cat/jk/651.gif

■アメブロ　更新情報？■

　↓急に寒くなって雪降る展開で・・・鴨鍋を美味しく頂きました♪〔2006-03-15 23:18:09〕

　http://ameblo.jp/yamasita-94nsr/entry-10010171643.html

　[[attached(2)]]

Wiki文法やHTMLタグなどのお薦め記事です↓
　●Wiki文法よかばい！利用できる文法のまとめ
　●第2版：HTMLタグ使えるばい！利用できるタグのまとめ
　●トラックバックのやり方教えるばい！！
　●ベータ版で出来るか？質問受付けるばいっ！　

---

楽しみながら、攻めつづける！

http://www.yamasita.info/

楽しみながら、飲みつづける！（アメブロ：酒ネタ中心）

http://yamasita-94nsr.ameblo.jp/

転載元: 楽しみながら、攻めつづけたい…（親ばか日記＆ヤフーブログ攻略）

コメント（0）

トラックバック（0）

記事の中にカラーラインを表示する

今回は、記事の途中に、カラーのラインを引くというものです。

ご使用の際は必ず、

https://blogs.yahoo.co.jp/IMG/ybi/1/ab/5c/qqaz_wsx_plm/folder/707563/img_707563_8504874_2?20061213011623.jpg

『Wiki文法を使用』に、チェックマークを入れて下さいね！！

この方法については、かなり簡単です。

下のコードをコピーして、記事に貼り付けるだけでも大丈夫です。

『青線』

||<#0000FF' style=width:560px;` `||

『淡い青線』

||<#809FFF' style=width:560px;` `||

『水色線』

||<#2BCFFF' style=width:560px;` `||

『うす水色線』

||<#AAFFEA' style=width:560px;` `||

『赤線』

||<#FF0000' style=width:560px;` `||

『ピンク』

||<#FF00BF' style=width:560px;` `||

『淡いピンク』

||<#FF95E4' style=width:560px;` `||

『紫線』

||<#753AAF' style=width:560px;` `||

『淡い紫線』

||<#C88FDA' style=width:560px;` `||

『黄色線』

||<#FFFF2B' style=width:560px;` `||

『薄い黄色線』

||<#FFFF80' style=width:560px;` `||

『緑線』

||<#00BF30' style=width:560px;` `||

『黄緑線』

||<#00FF40' style=width:560px;` `||

『うす黄緑線』

||<#80FF9F' style=width:560px;` `||

その他の色については、一部ファン限定ですが、下記をご参照下さい。
きっとお気に入りの色があると思います。
色のコードの部分だけをコピーして、変更してくれれば、ＯＫです。

カラーパレット1（黒～黄～茶～赤）系
カラーパレット２（赤～桃～紫～青）系（ファン限定）
カラーパレット３（青～水色～緑）系　（ファン限定）
カラーパレット４（緑系）（ファン限定）

転載する場合は下記よりお願い致します。

http://blogs.yahoo.co.jp/ygmdc029/26835507.html

現在ランキング参加中のサイト　画像の下の文字リンクのクリックをお願いします。


	http://blogscouter.cyberbuzz.jp/tag/blog.php?k=5f470e44f38e4601059b99fb07e6a8b0&s=8f9f9&c=2"

にほんブログ村　・　ブログスカウター

https://blogs.yahoo.co.jp/IMG/ybi/1/a0/48/ygmdc029/folder/1500503/img_1500503_36661011_0?1190042373

http://p-netbanking.jp/blog/in.php?blog_id=972

文章作成：『じんぶろぐin徳島』リンク→　http://blogs.yahoo.co.jp/ygmdc029

転載元: じんぶろぐin徳島☆ブログの基礎～Wiki文法☆

コメント（0）

トラックバック（0）

枠内の背景が変化？

上手く出来たかな？

 ||<#8E00CC' style='font-size:15pt;font-weight:bold;color:#FFFFFF;text-align:center;vertica
l-align:top;background-image:url(ここに１番目の画像のＵＲＬ);background-repeat:no-repeat;backg
round-position : center center;border: groove 20px #EF75BC;' onMouseOver=this.style.background
Image='url(ここに２番目の画像のURL)' onMouseOut=this.style.backgroundImage='url(ここに１番目の
画像のURL)' width=300px height=250px ``上手く出来たかな？||

※画像のURL　http://～　⇒　http＆＃５８//に変更する（英小文字）
修正を行うと＆＃５８が消えてしまうので注意

転載元: フリー素材＆水槽！

コメント（0）

トラックバック（0）

(^●^)タイトル文字その１

(^●^)『Ｗｉｋｉ文法使用』にチェックして、コピペして使用してね♪


ピンク系

||<#cc6666' style='width:550px;height:8px' ``||
||||<#ff9999' style='font-size:20px;color:#993333' ``''ピンク系''||
||<#cc6666' style='height:4px' ``||


オレンジ白文字

||<#FFD700' style='width:550px;height:8px' ``||
||||<#FF8C00' style='font-size:20px;color:#FFFAFA' ``''オレンジ白文字''||
||<#FFD700' style='height:4px' ``||


ピンク白文字

||<#FF1493' style='width:550px;height:8px' ``||
||||<#FF69B4' style='font-size:20px;color:#F8F8FF' ``''ピンク白文字''||
||<#FF1493' style='height:4px' ``||


水色

||<#1E90FF' style='width:550px;height:8px' ``||
||||<#00BFFF' style='font-size:20px;color:#F8F8FF' ``''水色''||
||<#1E90FF' style='height:4px' ``||


青系

||<#0000ff' style='width:550px;height:8px' ``||
||||<#9999ff' style='font-size:20px;color:#0000ff' ``''青系''||
||<#0000ff' style='height:4px' ``||


緑系白文字

||<#66CDAA' style='width:550px;height:8px' ``||
||||<#98FB98' style='font-size:20px;color:#F8F8FF' ``''緑系白文字''||
||<#66CDAA' style='height:4px' ``||


緑系緑文字

||<#66CDAA' style='width:550px;height:8px' ``||
||||<#98FB98' style='font-size:20px;color:#66CDAA' ``''緑系緑文字''||
||<#66CDAA' style='height:4px' ``||

転載元: アロハでの出来事(^●^)ﾉTommy with ジェミン

poohさんの素材部屋

画像のなかに画像や文字をいれたい

コメント（0）

トラックバック（0）

Wiki文法で（表組の）背景画像も指定できるばいっ！

コメント（0）

トラックバック（0）

記事の中にカラーラインを表示する

転載する場合は下記よりお願い致します。

現在ランキング参加中のサイト　画像の下の文字リンクのクリックをお願いします。

コメント（0）

トラックバック（0）

枠内の背景が変化？

コメント（0）

トラックバック（0）

(^●^)タイトル文字その１

コメント（0）

トラックバック（0）

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

最新のコメント

最新のトラックバック

訪問者履歴

ブログリンク

標準グループ

Yahoo!からのお知らせ

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

wiki文法

転載する場合は下記よりお願い致します。

現在ランキング参加中のサイト 画像の下の文字リンクのクリックをお願いします。

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

最新のコメント

最新のトラックバック

標準グループ

Yahoo!からのお知らせ

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

現在ランキング参加中のサイト　画像の下の文字リンクのクリックをお願いします。