共有テンプレートとカスタマイズ方法をちょっとだけ紹介。

スポンサーサイト

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

背景を変える

※共有テンプレート「asagi-simple01」を使った例です。
背景が変わるだけでだいぶ印象がかわってきます。

スタイルシートで↓の部分をさがす。
	body {
		color : #333333;
		font-family: "MS Pゴシック",sans-serif;
		background-color : #ffffff;
		text-align : center;
		line-height : 1.5;	
		font-size : 13px;
	}

【背景色を変える場合】
「background-color : #ffffff;」の赤い部分を変更します。(色の一覧はこちら
※6桁の数字の後にある、「;」を削除してしまうと、正しく表示されなくなります。
誤って削除しないよう気を付けてください。

【背景に画像を使用する場合】
まず始めに、使う画像を事前にアップロードしておく必要があります。
・環境設定の「ファイルのアップロード」から画像をアップロードする。
・ファイル一覧で表示される画像をの上で右クリックし、プロパティを選択する。
・アドレス(URL)の右に表示されている「http:」で始まるのがアップロードした画像のアドレスです。
※画像を使用する場合は、必ずご自身のブログにアップロードした上でご利用下さい。
画像には著作権や肖像権といったものがあります。素材サイトの素材を利用する場合は、そこの利用規約にしたがってご利用下さい。 くれぐれも他者が作ったり撮ったりした画像を無断で使用しないようご注意下さい。

スタイルシートの↓の部分(「}」の手前)に背景指定をします。

	body {
		color : #333333;
		font-family: "MS Pゴシック",sans-serif;
		background-color : #ffffff;
		text-align : center;
		line-height : 1.5;	
		font-size : 13px;
ここに背景指定をします
	}

●右下に1つ画像を置きたい時

  background-image : url("使いたい画像のアドレス"); 
  background-repeat : no-repeat;
  background-position : right bottom; 
  background-attachment : fixed; 

●画像を繰り返し、背景全面に表示させたい時

  background-image : url("使いたい画像のアドレス"); 
  background-repeat : repeat;
  background-position : left top; 
  background-attachment : fixed; 

●ページ下部にのみ画像を繰り返す時

  background-image : url("使いたい画像のアドレス"); 
  background-repeat : repeat-x;
  background-position : left bottom; 
  background-attachment : fixed; 

以上は背景に画像を使う場合の一例です。
指定を変えることで、いろんな位置や形で背景を表示させることができます。
詳しくは↓のリンクを参考にしてください。
【はじめてのFC2ブログカスタマイズ】 ⇒背景の色・画像を変更

★カスタマイズについて★

カスタマイズはご自由にどうぞ。
再配布も○ですが↓のことを守ってください。

・ページ下部の「Template designed by SYU_ASAGI」のリンクは削除しないで下さい。

・カスタマイズした場合、「arranged by ●●」と追記してください。

プロフィール

管理人  浅葱 愁(あさぎ しゅう)

▽ブログ名▽
浅葱愁のつれづれなるままに
▽URL▽
http://syuasagi.blog95.fc2.com/


当ブログはリンクフリーです。

MENU

◆共有テンプレート◆
「asagi-simple01」
「asagi-simple02」
注意事項も記載してますので、ご利用前にそれぞれ目を通してください。
コメントナンバーの表示について(01.02共通)
検索バーを非表示にする
◆テンプレートカスタマイズ◆
「asagi-simple01」を使った簡単なカスタマイズ方法を紹介。
はじめに
準備
色について
■文字のカスタマイズ
文字の色を変える
リンク部分の文字色を変える
本文を左寄せにする
■幅のカスタマイズ
幅を広げる
■枠のカスタマイズ
線の種類を変える
■背景のカスタマイズ
背景を変える

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