ここから本文です

背景wiki文法

sab********さん

2009/7/1114:54:32

背景wiki文法

--------------------------------------------

背景wikiにwiki文字を使いたいのですが、どうやればいいのか
分かりません。
入れたい文字は、小さめ(8か9位のサイズ)で色は、青、紫、水色系
のグラデーションwikiです。
背景画像のURLだけ★などにして、タグをのせてくれると嬉しいです。

--------------------------------------------

補足えーと...
画像がぶれてもいいので、
グラデーションの文字のをUPして
もらえますか?

閲覧数:
1,187
回答数:
3

違反報告

ベストアンサーに選ばれた回答

xxx********さん

編集あり2009/7/1210:40:35

グラデーションWikiという事は、
filter:wave(add=1)blur(strength=2,direction=135)
のような文法を使って文字に色の変化を与えているものでしょうか?
出来なくはありませんが、画像にも波状の効果が出て歪んだ
感じになってしまいます。
filter:blur(ブレの効果)のみを使って文字を書いた方が画像に
あまり影響が出ず、綺麗だと思います。
「strength」の数値はブレの強さですが、ココの数値を大きくすると、
やはり画像にブレが加わり過ぎてしまいます。
ここの数値はせいぜい2か3くらいにとどめておきましょう。
(画像全体に幻想的な効果を加えたいのであれば、大きめの数値でも
OKだと思いますが。。)

【青】
||<#FFFFFF'style='background-image:url(http&#58//画像のURL);background-repeat:no-repeat;width:画像の横幅px;height:画像の縦幅px;text-align:center;font-size:8pt;filter:blur(strength=2,direction:135);color:#0000FF;word-spacing:530px;line-height:10pt'``ココに文字。||

【紫】
||<#FFFFFF'style='background-image:url(http&#58//画像のURL);background-repeat:no-repeat;width:画像の横幅px;height:画像の縦幅px;text-align:center;font-size:8pt;filter:blur(strength=2,direction:135);color:#AA55FF;word-spacing:530px;line-height:10pt'``ココに文字。||

【水色】
||<#FFFFFF'style='background-image:url(http&#58//画像のURL);background-repeat:no-repeat;width:画像の横幅px;height:画像の縦幅px;text-align:center;font-size:8pt;filter:blur(strength=2,direction:135);color:#AAECFF;word-spacing:530px;line-height:10pt'``ココに文字。||

*「Wiki文法使用」にチェックを入れてください。
*背景画像は予め非公開書庫にアップし、
右クリック⇒プロパティで開いた小窓の中にあるURLをコピーして
おいて下さい。
*その後、url(http&#58//~画像のURL);のカッコ内に
コピーしたURLを貼り付け、URLの:を「&#58(半角)」に
書き直してください。
(書き換えは修正毎に必要です。)
*文章は全て繋げて書き、改行したい場所に「全角スペース」を
挿入してください。
*width,heightのところには画像の横と縦のサイズをそれぞれ
半角で入れてください。
(画像のサイズに合わせて数値を変えて下さい。)
*color:#000000のカラーコードを変えると文字の色を変えられます。
http://web-img.com/color/full.php
↑カラーパレット。
*「font-size:8pt」の数値を変えると文字の大きさを変えられます。
*「text-align:center」を、「text-align:left」と書き換えれば
文字が左寄せに、「text-align:right」と書き換えれば右寄せになります。

□補足へ□
【青】
||<#FFFFFF'style='background-image:url(http&#58//画像のURL);background-repeat:no-repeat;width:画像の横幅px;height:画像の縦幅px;text-align:center;font-size:8pt;filter:wave(add=1)blur(strength=2,direction=135);color:#0000FF;word-spacing:530px;line-height:10pt'``ココに文字。||

【紫】
||<#FFFFFF'style='background-image:url(http&#58//画像のURL);background-repeat:no-repeat;width:画像の横幅px;height:画像の縦幅px;text-align:center;font-size:8pt;filter:wave(add=1)blur(strength=2,direction=135);color:#AA55FF;word-spacing:530px;line-height:10pt'``ココに文字。||

【水色】
||<#FFFFFF'style='background-image:url(http&#58//画像のURL);background-repeat:no-repeat;width:画像の横幅px;height:画像の縦幅px;text-align:center;font-size:8pt;filter:wave(add=1)blur(strength=2,direction=135);color:#AAECFF;word-spacing:530px;line-height:10pt'``ココに文字。||

この回答は投票によってベストアンサーに選ばれました!

このQ&Aで解決しましたか?質問する

閉じる

ベストアンサー以外の回答

1〜2件/2件中

並び替え:回答日時の
新しい順
|古い順

ひろさん

2009/7/1115:14:02

||<#FFFFFF'style='background-image:url(画像URL);width:560px;text-align:center;font-size:8pt;color:#95ffff;word-spacing:530px;line-height:8pt'``水色文字全角スペースで改行||

||<#FFFFFF'style='background-image:url(画像URL);width:560px;text-align:center;font-size:8pt;color:#002baa;word-spacing:530px;line-height:8pt'``青色文字全角スペースで改行||

||<#FFFFFF'style='background-image:url(画像URL);width:560px;text-align:center;font-size:8pt;color:#aa0080;word-spacing:530px;line-height:8pt'``紫色文字全角スペースで改行||

上記文法で出来ると思います。

2009/7/1115:11:45

①文章は全て繋げて書き、改行したい部分に「全角スペース」を挿入する。
②背景にしたい画像のURLの「http://~」の「:」を「&#58(半角)におき換る。(修正ごとに必要)
③画像のサイズに合わせてwidth(幅)やhight(高さ)の数値を書き換る

たとえば、こんな感じですかね

||<#FFFFFF'style='background-image:url(http&#58//背景にしたい画像のURL);background-repeat:no-repeat;width:550px;height:942px;text-align:center;filter:Blur(strength=3,direction=135);color:#ff69b4;word-spacing:530px;line-height:15pt'``ココに文字。||

あわせて知りたい

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる