テンプ、サポート用 - 鋼鉄のスカイブルー・ツヴァイ

メガネと三つ編みと褐色と人外ロリとラブコメと、あとは極上の絶望(現実以外)を

垂直雑記 + 2006 / 11/05 [19:25]

- テンプ、サポート用 -

　一応、数日前に出した共有テンプ「hatena-ver_vanguard」の説明というか何とか。
　苦情があり次第増やしていく所存でありまするが、まずはヘッダーの画像変更について。

　管理ページから「テンプレートの設定」をクリックして、まずは「hatena-ver_vanguard」の編集画面を開いてください。

　↓　↓　↓

　ＨＴＭＬはスキップして、ＣＳＳの部分。
　ヘッダーのところは「#header」と書かれてあるやつです。

　#headerの｛｝内にある、「background-image:url("");」の「""」の中に、入れたい画像のＵＲＬを代入します。

例：background-image : url("");←初期設定
　　background-image : url("http://blog-imgs-13.fc2.com/s/k/y/skywards23/top1.gif");←イメージのやつ

　という風に。

　自分の好きな画像を入れたい場合は、管理メニューの「ツール」項目、ファイルアップロードから画像をアップして、画像のサイズにタイトル部分を合わせます（逆もアリ

　ｗｉｄｔｈ＝横の長さ
　ｈｅｉｇｈｔ＝縦の長さ

　アップする前に、パソコンのペイントでサイズを収縮したりするのもいいかもしれないっす。

　なお、画像を貼る上で注意点。
「background-position: ;」と「background-repeat:;」の二つ。

　position、ポジション(開始位置)な訳ですが、基本設定では「center(中央)」を指定しています。
　位置を指定する際は列の「left」「center」「right」、行の「top」「middle(基本値)」「bottom(下」を組み合わせたりします。
　サイズが合ってる場合は「center」のみでＯＫだったりですが。

　repeatは、隙間があった際にその画像を繰り返すかどうかの指定。
「repeat」で縦横連続、「repeat-x」で横方向の繰り返し。「repeat-y」で縦方向。繰り返さない場合は「no-repeat」で。

　あ、ハルカさん、例の画像は容量大きくてこっちのサーバから引っ張れないので、画像をパソコンに落としてからアップしないと駄目っぽいです。

　右クリックでお願いしますねｗ

　あと、諸事情でテンプを若干変更しました。
　文字色変更などをやりやすくしてます。
　もう一度、ＤＬＬしてくださると大いに助かります。よろー；
←前のページに戻る