スポンサーサイト

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

ヘッダー部分をデザインする方法

今回は、当ブログのようにヘッダー部分をデザインする方法を紹介します。
headnewde32.png

続きからどうぞ☆

まず、ヘッダーの横幅を確認してください。
GIMP等で 横幅x35px で、レイヤーは、透明色で作成してください。


以下のような画像を作ってください。
tnav21.png
記事の背景が白なのでわからないですが、白い部分は透明色です。

先ほど作成した画像を、ヘッダー最上部(TOP画像より上)に、
background:url(画像URL);で配置してください。
その後、text-align:right;で右側にテキストを配置して、
padding等で位置を調整して完了です。
後は、HTMLで好きに文字を入れてください。


[ 2010/10/29 19:43 ] | EDIT | Web デザイン/サービス | TB(0) |   CM(3) PAGE TOP↑
なるほど。
今度参考にさしてもらいます。
[ 2010/10/29 19:46 ] [ 編集 ]
参考になればいいのですがw
[ 2010/10/29 21:10 ] [ 編集 ]
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2010/10/29 22:28 ] [ 編集 ]
コメントの投稿












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

トラックバック
この記事のトラックバック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ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。