スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[--/--/-- --:--] スポンサー広告 | トラックバック(-) | コメント(-)

standard_wide_whiteを和風に 

standard_wide_whiteを和風にしてみましょう。
画像を入れるだけですが、シンプルな分感じがでますよ(・w・


【参考イメージ】
水墨画風カスタマイズ例

【材料】
水墨画画像 standard_wide_white(共有より入手して下さい)

【手順】
standard_wide_whiteのスタイルシート部分に以下のような記述があります。
赤字部分を以下の場所に追記してください。
画像URLは材料からDLし、アップしたものを記述します。


/**************************** ▼ ヘッダー(タイトル部) ▼ */
/* ヘッダーレイアウト */
#header {
/* ----------------------------------------------------- */
background: #ffffff; /* ヘッダー背景の色 */
/* ----------------------------------------------------- */
background : url("DLした水墨画画像URL");
background-position:top right;
background-repeat:no-repeat;
background-attachment : fixed;
height:350px;

text-align: left;

横幅が大きくなってもズレなど生じません。
ご自分で描かれた画像を使ってもよさそうですね(^^

※この画像はフリーソフトゆめいろえのぐとphotoshopで作成しました。


スポンサーサイト

新作standard_sepia用素材 

テンプレート工房さんの新作「standard_sepia」
にあわせたタイトル部分用背景をいくつか作りました。

カスタマイズイメージ 【リ・ボーンVer

【素材各種】
リ・ボーンVer
綾波レイVer
FF12サボテンVer
チェック柄Ver
タバスコのビンVer


1、以上5種類の中からお好きなものをお選び下さい。
2、選んだものをDL→ファイルをアップロードして、テンプレートの設定から修正を選んで下さい。
3、スタイルシートの以下の赤い部分を記述に追加して下さい。

/**************************** ▼ ヘッダー(タイトル部) ▼ */
/* ヘッダーレイアウト */
#header {
/* ----------------------------------------------------- */
background: #cc9966; /* ヘッダー背景の色 */
/* ----------------------------------------------------- */
background-image: url("選んだ素材のURL");
background-attachment : fixed;

text-align: left;


Finalfantasy XII Ashe風カスタマイズ 

 Ashe風カスタマイズ
Asheイラストを入れたテンプレに

【参考イメージ】 Asheカスタマイズ

【使用テンプレート】 white_eagle
【材料】 Asheイラスト 全体の背景 ボタン

【カスタマイズ方法】
1 white_eagleを共有テンプレートからDL
2 材料を右クリック→対象をファイルに保存 
3 保存した3つのファイルをツールの「ファイルアップロード」からアップロード
4 テンプレートの設定から修正を選び、以下の箇所を書き換えて下さい
※ 3箇所書き換えます(HTML部分2箇所・スタイルシート部分1箇所)


以下HTML部分

<!--▼▼ メイン表示 ▼▼-->

<!--▼ エントリー(記事)▼-->
<!--topentry-->
<h3><div style="color:#fff;">
<img src="ボタンのURI" width="30" height="8" border="0">
</div>
<a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照"><%topentry_title> </a></h3>
<div class="article">


<!--▼▼▼▼ ヘッダー(タイトル部分)▼▼▼▼-->
<tr><td id="header">

<table style="width:100%;"><tbody><tr><td>
<h1><a href="<%url>"><%blog_name></a></h1>
<h2><%introduction></h2>
</td><td style="width:17%";>
<img src="AsheイラストのURI" alt="Ashe" width="143" height="164" border="0">
</td></tr></tbody></table>


以下スタイルシート部分

/* 画面全体 */
body {
/* ----------------------------------------------------- */
background-color: #ffffff; /* 画面背景の色 */
/* ----------------------------------------------------- */
background-image: url("全体の背景画像のURI");
background-attachment : fixed;

margin: 0;



上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。