スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] | EDIT | スポンサー広告 | TB(-) | | PAGE TOP↑ CM(-)

画像の上に文字を打つ方法

副管理人のmasa173です。

いつもは、GIMP講座ばっかりなので、

今回は、画像の上に文字を打つ方法です。

こんな風です



これは、文字が書いてある画像じゃありませんよ。

やりかたは、続きからどうぞ☆

1.はじめに文字の下の画像を用意してアップロードします。
例  ORENGE

2.スタイルシートに以下を加えます。

h4 {
background: url(画像のURL);
}



画像のURLと書いてある所にさっきの画像のURLを入れます。

3.大きさを指定したい場合には、以下を加えます。

h4 {
height:20px;
}

h4 {
width:500px;
}


20のところは、高さを選択します。
500のところは、幅を選択します。

4.スタイルシートを更新します。

5.あとは、記事の所で、文字を以下でで囲います。

<h4>入れたい文字</h4>


<は<に書き換えてください。
>は>に書き換えてください。

6.記事を保存すると表示されます。

PSP・NET活用日記



いろいろな画像を使いたい場合は、4のところを5,6..と増やせばできます。

ブログを持っている人は、役に立つのでやってみてください。
[ 2010/01/17 15:31 ] | EDIT | Web デザイン/サービス | TB(0) |   CM(1) PAGE TOP↑
おお!!
便利だけどパソコンが使えないという悲劇w
参考になりました!!
せっかくなのでmasaさんが書いてくれた記事がより多くの人に読んでもらえるようにカテゴリ(フリーエリアのその他に■ブロテクの項目を作って)に加えたりしてくれたら助かります☆
それと記事を書いてくれたらついでにカテゴリ(フリーエリアの)に加えたりしてほいいです!!
相互リンクとかの方も受検終わるまで任せっきりになると思いますけどどうぞ無理のない範囲でお願い致します!!
[ 2010/01/17 20:42 ] [ 編集 ]
コメントの投稿












管理者にだけ表示を許可する

トラックバック
この記事のトラックバックURL

Category

×をクリックすると開きます。

Question

PC用、PSP用、などを書いてくれると助かります。

PC
◆おすすめ画像編集ソフト
 - GIMP2

◆スクリーンショット
 - キャプラ
 -PettyCamera

◆音楽・動画ファイル編集
 - EcoDecoTooL(えこでこツール)
 - BonkEnc Audio Encoder
 - Craving Explorer

◆PC高速化
 - Win高速化 PC+

◆強制~ソフト
 - Force Recycle Bin
 - XKillWin

◆ファイル高速コピー
 - FastCopy
 - Fire File Copy

◆HDD内ファイル検索ソフト
 - Everything

◆動画・音楽再生ソフト
 - GOM PLAYER

◆最小化ウインドウをデスクトップに表示
 - ThumbWin

◆PCで無料通話
 - Skype

◆ブラウザ
 - Mozilla Firefox

Link Exchange

GAME&PC


~壁紙&画像~

~日記~

~2ch,News速報&動画~

~Webデザイン~

~無料オンラインゲーム~

[2ch全AAイラスト化計画]

SEO
by Google Fan
フィードメーター - Perfect Evolution


copyright © 2017 Perfect Evolution all rights reserved.
    Benri-navi by myhurt  Template by FC2ブログのテンプレート工房  Customize by Perfect evolution
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。