全体表示

[ リスト ]

記事に背景をつけ、文字の大きさを変える。

『字を大きくセンターにおくWikiと背景をつけるWikiを使ったら、両立しないのでしょうか?』
というご質問がありました。

背景をつける方法はこちらの記事で。
文字の大きさはこちらの記事で説明しています。

まず背景をつけるWikiの
||||<#ffffff' style='background-image:url(☆☆☆);width:540px;letter-spacing:2px;line-height:30px;word-spacing:540px★' ``||
★の部分に

;font-size:14pt
を挿入します。すると文字が大きくなります。14ptは例ですので、お好きな大きさを入れてください。

次に太くする場合。
;font-weight:bold
を挿入します。

色を変える場合。
;font-color:#ffffff
を挿入します。#ffffffは白です。色はお好きなカラーコードを入れましょう。
カラーコード表はこちらの記事でリンクしています。


まとめて全部入れても大丈夫です。

ではやってみます。
こんな感じに文字の大きさや色、太さも変えられます。 チャレンジしてみてください♪

↑のWikiです。font-colorだけは省略できるので、font-を省略しています。
||||<#ffffff' style='background-image:url(http://img.blogs.yahoo.co.jp/ybi/1/8c/07/syuukiti3/folder/980515/img_980515_20163266_9?1183674063);width:540px;letter-spacing:2px;line-height:30px;word-spacing:540px;font-weight:bold;font-size:14pt;color:#ffff00' ``こんな感じに文字の大きさや色、太さも変えられます。 チャレンジしてみてください♪||

http://img.dendou.jp/b_b_rd.gif
人気ブログランキング【ブログの殿堂】←参加しています。クリックしてもらえると嬉しいです♪

閉じる コメント(19)

Yahoo!アバター

これは便利ですよね。(* ̄▽ ̄*)~゚
いつもご苦労様です。(*^^)v

2007/12/13(木) 午前 8:51 かつみ

顔アイコン

さっそくありがとうございました。
ただ私の場合、一行目だけを大きい字にして、背景がある部分は普通の大きさの文字にしたかったので、一行目だけを分けてみたら、背景の方は成功し、大きい字にしたい一行目がダメでした。

2007/12/13(木) 午前 11:01 kosumosu

Yahoo!アバター

かつみさん。色々試してみると、楽しいですよ♪

2007/12/13(木) 午前 11:16 あすか

Yahoo!アバター

こすもすさん。記事を見せてもらいました。
両立しますよ〜♪
何が原因かというと『こんばんわ ぴょんきちです』の前に『``』が抜けています。
Wikiは一文字でも抜けていると、ちゃんと表示されませんから、やっかいですね♪

2007/12/13(木) 午前 11:21 あすか

顔アイコン

ほんとうにありがとうございます。
ところがしつこいようですが、修正画面ではちゃんと『``』が入っています。
一行目を背景をつけて成功すると、今度は画像下の背景がつかなくなります。

2007/12/13(木) 午前 11:49 kosumosu

Yahoo!アバター

背景の中に画像を入れるのですか?
それとも、背景をつけて、一度区切って画像を入れて、また背景をつけるのですか?
いろんなWikiを混在させるという意味でしょうか?

2007/12/13(木) 午後 0:27 あすか

Yahoo!アバター

こんにちは♪
これ頂いて帰っていいですか〜?
ちょっとチャレンジしたいです^^;

2007/12/13(木) 午後 5:01 ホワイト

Yahoo!アバター

はい。チャレンジしてください。
がんばってね♪

2007/12/13(木) 午後 11:39 あすか

顔アイコン

こんにちわ!わかりやすいですね!^^♪転載させてください!傑作ポチさせていただきます!

2007/12/15(土) 午後 10:34 犬絵師

顔アイコン

すいません。
質問なんですが、これでやると画像が表示されないんですよ・・・

文字しか書かれていなくて.。。

どうすればいいでしょうか? wikiに打ち間違えはないんです↓

教えて下さい


ちなみに、画像は
http://img.blogs.yahoo.co.jp/ybi/1/93/31/hirone411/folder/1209313/img_1209313_21158101_0?1212658330
です

2008/6/5(木) 午後 7:01 [ bx`*)ノゆず.+ ]

Yahoo!アバター

Yuzuさん。この記事は質問に答えた形で書かれています。
まずは、http://blogs.yahoo.co.jp/syuukiti3/21919630.htmlこちらの記事を見てください。
画像URLの:を&#58に変えないと表示されません。
それから画像が大きいので記事の幅540pxを520pxに変えると、きれいに収まりますよ。
あなたの画像でやってみたら、きれいにできましたよ♪

2008/6/5(木) 午後 8:24 あすか

顔アイコン

はい・・・やってみましたが、画像の↑らへんが少しだけしか表示されません///↓

どうしてでしょうか??

2008/6/6(金) 午後 5:49 [ bx`*)ノゆず.+ ]

顔アイコン

もしよければ、ゆずの画像でやってみて綺麗にできた記事の文をコピーして、ここに貼ってもらえませんか・・・??

2008/6/6(金) 午後 6:53 [ bx`*)ノゆず.+ ]

Yahoo!アバター

わかりやすいように、記事にしちゃいました(笑)
真剣に質問してもらって、嬉しいですよ♪

2008/6/6(金) 午後 11:05 あすか

顔アイコン

本当にありがとうございましたっ

ご迷惑かけてくみませんでした

2008/6/7(土) 午後 7:45 [ bx`*)ノゆず.+ ]

Yahoo!アバター

***さん。転載、ヾ(^∇^ ) どうぞ♪

2008/9/29(月) 午前 7:04 あすか

顔アイコン

wiki文法のしくみが少しずつわかってきました。
二つの文法の合わせ方、応用が利くのか、これからが楽しみです。
転載させてくださいね。

2009/2/16(月) 午後 0:10 コロンブスの卵

Yahoo!アバター

hat**ome6ha**さん。
先に答えを言ってしまえば、できます。
できないものもありますが、基本はHTMLと同じです。
研究が必要ですけどね〜(笑)

2009/2/17(火) 午前 8:14 あすか

Yahoo!アバター

突然失礼致しますm(__)m

参考記事から偶然お邪魔しています♪

素敵な壁紙のご紹介?がありましたので
お勉強がてら使わせて頂きましたので
ご報告いたします@^ー^)♪

ありがとうございます+.ヽ(★゚∀`★)ノ.+

2011/1/24(月) 午後 4:26 rira*

コメント投稿
名前パスワードブログ
投稿

閉じる トラックバック(0)

トラックバックされた記事

トラックバックされている記事がありません。

トラックバック先の記事

  • トラックバック先の記事がありません。


.
検索 検索

あすか
人気度

ヘルプ

Yahoo Image

ブログバナー

  今日 全体
訪問者 2 90031
ブログリンク 0 172
コメント 0 24706
トラックバック 0 128

ケータイで見る

モバイル版Yahoo!ブログにアクセス!

モバイル版Yahoo!ブログにアクセス!

URLをケータイに送信
(Yahoo! JAPAN IDでのログインが必要です)

1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

その他のサイト

外部ブログ

標準グループ

開設日: 2006/9/4(月)


プライバシーポリシー -  利用規約 -  ガイドライン -  順守事項 -  ヘルプ・お問い合わせ

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