--
--.--

スポンサーサイト

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

2013
01.30

wood1680

Category: テンプレート
【DEMO】
利用にあたって
カスタマイズ○
HTML、CSSの再配布○
"designed by potar"を消す○
スクロールスクリプトの再配布×
画像の再配布×

特徴?
小さい表示領域でちまちましたかった。昔風に800*600です。
プラグイン領域もスクロールさせることで、無理矢理おさめました。
スクロールバーが浮かないように、デザインを変えました。

デメリット
JavaScriptを無効にしていると、記事部分・サイドバー部分をスクロールできません。

カスタマイズ例
◆背景画像をかえる
スタイルシート編集から下記の部分を探し、赤色の部分を使用する背景画像のURLに書き換えます。
必要であれば、黄色の部分で指定している画像の繰り返し・画像の位置も書き換えます。
このテンプレートで使われている画像は、背景の木目写真1枚だけです。他の部分の画像置き換えは必要ありません。文字色等は適宜変更して下さい。
/*-------------------ページ全体--------------------*/
body{
width: 100%;
max-height: 100%;
font-family: Verdana,'Meiryo UI','メイリオ','Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3',Osaka,sans-serif;
margin:0px;
padding:0px;
text-align:center;
letter-spacing:1px;
font-size:100%;
line-height:1.3em;
background: url("http://blog-imgs-55.fc2.com/p/o/t/potar/wood1680.jpg") repeat-y center top;
color: #300;
}
スポンサーサイト

Comment:0  Trackback:0
トラックバックURL
http://potar.blog.fc2.com/tb.php/15-3e79ea89
トラックバック
コメント
管理者にだけ表示を許可する
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。