さくりん＠あまつカーのブログ一覧

(」・ω・)」うー！(／・ω・)／にゃー！
ピンク分が足りなかったので
変えてみた。

車とキャラクターの仕様変更してから
変えたいと思ってたんだけどやっと変更。
タイトルも変更～。

久しぶりにやるといろいろ忘れてて大変ｗ
PictBearでやってるんだけどGimpってソフトのほうが多様性ありそうなんだよね。
でも一度操作性に慣れると別に移るのが大変なんで、少しずつなれなきゃ。

無駄にいじってみたｗ
背景サイズわからんのでループ画像にしたら
上下左右へのつなぎを考えなきゃいけないとか、結構苦労ｗ

でもどんなサイズの画像でも劣化変換されて汚いjpgで吐き出されるのは
ダメダメですね；

GIF、PNG対応箇所多々あるので、そっちだと無変換なのかな？
やりすぎると重いだけなんで、適度にいじっときます～


・・・コンセプトは見やすくｗ微エロで（ぇ

これやると重くなりそうだなぁ；
パターン画像で組むと面白いんだけどｗ
いちよ期間限定仕様ってことで。

-やり方-
スタイルシート＞カスタマイズで、最初のほうにあるbackground:を画像に変えればおｋ

例）#000000をurl('スタイル用画像からのＵＲＬ');に差し替え。

body
{
color: #cccccc;
padding-right: 2px;
padding-left: 2px;
background: #000000;←ここ
padding-bottom: 2px;
margin: 0px;
padding-top: 8px;
text-align: center;
}

画像一枚で納めたいなら幅1400ぐらいないとループしちゃうねー。
あと文字が見づらくなったら負けって思ってるｗ

以外に知られてないので、書いてみようかな～っと。
っても、タイトル背景とフッダー画像用のかえかたしか、まだ知らんｗ

１．スタイルシート＞カスタマイズ [ 上級者用 ]＞カスタマイズ1
でスタイル編集～。

２．スタイル用画像を２枚あっぷしとく。
例）タイトル背景用740x200,フッダー画像用740x400

３．スタイルシートの下地として好きなスタイルを読み込む。
例）ブラック

４．以下のタグを変更。太字は注記ね。
#Header←タイトル背景用の意味
{
padding:0px;
margin-top: 5px;←上の空欄
background: #353535;
margin-bottom: 0px;←下の空欄
width: 780px;←幅
height:200px;←高さ
background-image: url('スタイル用画像にアップしたＵＲＬ');
}

５．フッダー画像用は
#Footer～から始まる内容ね、やり方は上記に同じ。

とりあえずこんな感じかな。
やってみたらトラバでもくださいな～っと。