tak@北海道のブログ一覧

観測所	気温	時分
帯広	32.8	11:29
池田	32.4	11:50
浦幌	32.2	14:00
糠内	32.2	11:40
駒場	31.9	12:00

今日は帯広方面が上位を占めていたようですねぇ。

ちなみに北見は10:20で30.2℃でした。
今日は風が強めだったのと、
日中曇り空で昼に雨もぱらっと降ったりで
割と涼しく過ごせましたねぇ。
記録を見た限りでは、全般的にどこも
午前中に最高気温を記録している感じでしたし、
同じような感じだったのでしょうかね？

明日もこれくらい過ごしやすい日だといいな(´ー`)

観測所	気温	時分
小清水	31.1	14:40
美幌	30.8	12:10
山口	30.7	14:30
北見	30.7	13:40
女満別	30.7	13:20

いやいや、暑いですねぇヽ(;´Д`)ノ
明日も予想最高気温が北見で31℃。
とろける日が続きますね(;;;´Д`)




そういえば、もう全国区でニュース流れたようですが、
あの暑い中、盗んだママチャリで大阪～静岡まで300キロ走った人。
走るのにかかった日数とその有り余る体力を、
別の方向へ向けることができたならば、
旅費の確保はできたんじゃないかという突っ込みは

やっぱり無粋でぃすか？

どういう経緯でそういう結論に至ったのか、知りたいところです。

さて、ヘッダに書かれていた内容の補足など。

padding:20px 0px 20px 20px;
これは、ヘッダ内の余白を上下左右の順番に指定しています。
何に影響するかと言うと、ブログタイトルの位置。
特に指定が無ければ、ブログタイトルは左上になりますので、
この指定ですと、上20ピクセル、左20ピクセルの位置に
ブログタイトルが表示されます。つまり
これが、
こうなります。

margin-top: 5px;
これは、ヘッダ上の余白を指定しています。つまり
これが、
こうなります。
微妙に下に移動しているのがわかるでしょうか？

background-repeat: no-repeat;
これは、background-imageで指定した背景画像の並べ方を指定しています。
repeat（敷き詰める）※規定値なので、何も指定していない時はこれになります。
repeat-x（横方向のみ並べる））
repeat-y（縦方向のみ並べる））
no-repeat（ひとつだけ表示する））
が指定できます。

他には、背景画像の開始位置を指定できる
background-position:横位置 縦位置;
があります。
横位置が、left(左端) center(中央) right(右端) または%による割合を指定できます。
縦位置が、top(上端) center(中央) bottom(下端) または%による割合を指定できます。
上記のbackground-repeatと組み合わせることにより表現に幅が出ます。

例)右端に縦方向のみ並べる
background-repeat: repeat-y;
background-position: right top;
例)中央に一つだけ表示する
background-repeat: no-repeat;
background-position: center center;

まずは画像の準備から。
カスタマイズ [ 上級者用 ]を見ると、
スタイル編集 ボタンの横に スタイルシート用画像 というリンクがあります。
これをクリックすると、画像の保存画面になります。
操作感はフォトギャラリーの登録と同じだと思います。
登録すると、画像の横にURLが表示されますので、
これをメモ帳などにコピーしておくといいでしょう。
注)あまり大きい画像を用意すると見た目にあまりよろしくないです。

では、スタイルシートを編集してみます。
編集画面を開き
#Header
と書かれている箇所を探してください。
#Header a
ではありませんので注意。

仕組みを説明すると、ブログを表示しようとする時、
ヘッダに関しては#Headerと書かれている部分をを探し出して
そのカッコ {　} 内部に書かれた命令を読んで表示させているのです。
以下はブルーを読み込んだ場合の内容です。
この部分がヘッダ表示に使われる事になります。
ここで、ヘッダ(画面上部)の画像を変更できます。
下線の部分を保存したヘッダ用のURLに置き換えてください。

ただ、このままではプレビューしてみるとわかりますが、
大きめの画像だと上の極一部分しか表示されません。なので、
このように高さを指定すると良いと思います。
数値は、画像に合わせて調整してください。

フッタについても同様です。
#footer
と書かれている箇所を探してカッコ {　} 内部を書き換えてください。

少々説明が雑になってしまったかも・・・。
質問等あればコメント下さいm(__)m