|
http://www.geocities.jp/for_you_jpn/banner/wikieditor.png Wiki エディタ Neo とは、初心者でも簡単にWiki文法を使って、記事が書けるお助けツールです (^^ ※ 最新版は、ダウンロード 書庫にあります。
前回のあらすじ前回は『高度な Wiki タグの背景を追う��』で、背景について説明しました で、今回は『高度な Wiki タグの背景を追う��』で、さらに詳しく追いかけて行きます。  ||<#FFFFFF' style='word-spacing:537px;font-size:12px;background-image:url(http＆＃58;//i.yimg.jp/i/jp/mesg/v6/site/func/tout_hiddenface1.gif);' ``'''改行のある文字列の背景に 画像を表示するサンプル♪ by優（ゆう）'''|| ※ ＆＃は、本来は半角ですが、ここでは全角になっています。 どうです、改行のある文字列の背景に画像が表示されましたか  でも、このままでは、納得できませんね。  セルの高さを背景の画像に合わせる||<#FFFFFF' style='height:112px;word-spacing:537px;font-size:12px;background-image:url(http＆＃58;//i.yimg.jp/i/jp/mesg/v6/site/func/tout_hiddenface1.gif);' ``'''改行のある文字列でも セルの高さを背景の画像に合わせたサンプル♪ by優（ゆう）'''|| ※ ＆＃は、本来は半角ですが、ここでは全角になっています。 文字領域の高さ[ height ]＝ 画像２個分の高さ−（（上辺＋下辺の境界線の幅）＋（上部＋下部の余白）） 文字領域の高さ[ height ]＝64×2−（（0＋0）＋（8＋8）） 文字領域の高さ[ height ]＝112 高さについては、マスターできましたよね  では、横幅もこの調子でがんばりましょう  改行のある文字列でもセルの横幅を画像が途中で切れないように合わせる||<#FFFFFF' style='width:304px;height:112px;word-spacing:295px;font-size:12px;background-image:url(http＆＃58;//i.yimg.jp/i/jp/mesg/v6/site/func/tout_hiddenface1.gif);' ``'''改行のある文字列でも セルの横幅を画像が途中で 切れないように合わせたサンプル♪'''|| ※ ＆＃は、本来は半角ですが、ここでは全角になっています。 横幅[ width ]＝画像5個分の幅−（（左辺＋右辺の境界線の幅）＋（左側＋右側の余白）） 横幅[ width ]＝64×5−（（0＋0）＋（8＋8）） 横幅[ width ]＝304 横幅[ word-spacing ]＝ 画像5個分の幅−（文字の高さ×0.75＋（（左辺＋右辺の境界線の幅）＋（左側＋右側の余白））） 横幅[ word-spacing ]＝64×5−（9×0.75＋（0＋0）＋（8＋8）） 横幅[ word-spacing ]＝295 上の式、正しくは 横幅[ word-spacing ]＝64×5−（12×0.75＋（0＋0）＋（8＋8））
です。。。(^^; [ 2009/06/17 更新 ]横幅[ word-spacing ]＝295 『禁断の背景ワールド』、お楽しみいただけましたか？ 
By 優（ゆう）  |
- >
- コンピュータとインターネット
- >
- インターネット
- >
- その他インターネット
すでに、相当時間がた...
あー、れんれんくん。σ(→,←)の授業も待ってるぞい。(￣∀￣*)ｲﾋｯ
2009/6/17(水) 午前 1:23
ﾎﾞｹﾎﾞｹﾎﾞｰｲの不埒な曲者＆鼻血吹雪北町奉行ｏｒ貴女の心にピットイン♡いちびりちゃん、おはようございます
色々な意味で、ここより『重たい』授業ですけどね。。。（笑）
2009/6/17(水) 午前 9:05
はぁ〜、今日は小ガッコに行って来ました〜ε=(￣。￣;A フゥ…
やっとゆっくり記事が見れました〜(*^.^*)
(＠｀▽´＠)/ ハイッ！
センセ、あの〜、
最下の計算式なのですが〜
ココ【12】？ ↓
横幅[ word-spacing ]＝64×5−（9×0.75＋（0＋0）＋（8＋8））
横幅[ word-spacing ]＝295
(´･ω･｀)アレ?
2009/6/17(水) 午後 4:44
(＠゜Д゜＠;)あら・・・?
ココは、スペースが詰まるんだぁ〜Σ(T□T)
( ﾟдﾟ)ノ ﾊｲ!ｾﾝｾ!
上の矢印は、数字の9を指して書いたつもりで〜〜す(o^―^o)シ
2009/6/17(水) 午後 4:52
あっ...そうそう♪
いちびりちゃんの授業、Σ(｀艸´；)ﾊｯ!!
...忘れてた〜〜〜ｗ(￣△￣;)ｗ ウソ！（爆）
跡で遅刻気味になりますが、授業に出席しま〜す(✪ฺܫ✪ฺ)b
優さんも一緒にいかがですか？？ ｸｸｸｯ(´ﾟ艸ﾟ｀*)
...あ、女子だけ？？((ﾉｪ`*)っ))ﾀｼﾀｼ
2009/6/17(水) 午後 4:53
跡...あ〜変換ミスだぁ〜〜〜〜(；´∀｀)
＿|￣|○∠))ﾊﾞﾝﾊﾞﾝ !!
れんれん、お疲れの様子ですね。。。(￣w￣) ぷっ！
2009/6/17(水) 午後 4:56
れんれんさん、こんばんは
記事は。。。修正を入れておきました
センセも、人の子なので間違いはあります。。。（笑）
2009/6/17(水) 午後 7:41
矢印の位置ズレは、すぐに分かりましたよ
2009/6/17(水) 午後 7:42
いちびりちゃんの授業でも。。。
バシバシ、間違いを指摘してあげてくださいね
2009/6/17(水) 午後 7:43
そうそう、今回の記事の修正は、WE の新しい機能により
とっても簡単に出来ました
ということで、上の誤りは、実はわざとなんですよねぇ〜〜〜
ﾍ((┯＿┯ﾍ)☆＼(￣(●●)￣ﾒ)れん┐『ウソつけ』っ!!
2009/6/17(水) 午後 7:48
何となくわかったかも・・・。。
れんれんさんの指摘の前の式を見た時は、(/|||￣▽)/ゲッ!!!・・・でしたけど、フォント12*0.75は、こちらでならった記憶が。。
ぽち☆
2009/6/17(水) 午後 8:57
*ハニエル*さん、こんばんは
その話題は。。。（汗）
わざとっていうことで。。。(///o///)ゞ テレテレ
2009/6/18(木) 午前 0:26
やっとここまで来たよ！
分かったような・・・解らんような・・・・
あっ！字が違うなぁ
遊んでみないと 解らない事もあるから
じっくりやろうっと！
ありがとう
解らない事がったら 課外授業で・・・・へへへへへ（///0///)v
2009/6/18(木) 午前 10:40
わんさん
お疲れさまでした
はい、分からないことがあれば、お気軽にお尋ねください
って、『課外授業』。。。そういうことですか (//o///)ゞ テレテレ
まさか、この落ちのために。。。読破してくださったのですか？
2009/6/18(木) 午前 11:37
そんな事ないよ！
たまたま こうなった
先入観で 最初から無理 ってのは 勿体無いから
根性で 読みました・・・
意外に 解らないで 使ってたと思って！
時間はかかりますが 挑戦してみます！
そうそう 動く顔文字？？だっけ？
あれも 作りますね・・・
そのまま 放置してたのよねぇ
それでは 退散！
2009/6/18(木) 午前 11:45
わんさん
そうなんですね
僕が、真面目に回答したばっかりに、記事を読む羽目になってしまったのかと
ちょっと、心配しました
はい、動く絵文字も楽しいですから、試してみてください
2009/6/18(木) 午前 11:55
恐縮です...ペコm(_ _;m)三(m;_ _)mペコ
2009/6/18(木) 午後 2:10
れんれんさん
いえいえ、とんでも有りません
ご指摘は、『真摯に受け止め』。。。『ただちに修正』が一番ですから
2009/6/18(木) 午後 2:15
こんな風に背景と文字のあわせ方があるなんて
知りませんでした。
すんばらしいですねっ！
読んでいればわかるけど、
いざ使うとなると･･･年期がいりますかしら･･･^^；
転載させてくださいね♪
ポチ
2009/11/5(木) 午前 10:54
ぽこたんさん
高度な Wiki タグは、本当に高度です。。。
僕自身もすべてを理解できているわけではありません。。。
いざ使うときは、Wiki エディタ が手助けをしてくれますよ。。。
2009/11/5(木) 午前 11:24