2009-01-01から1年間の記事一覧

さすがに大晦日

朝から最寄りのスーパーを物色。 普段食べない高級食品のカウントダウン(プライスダウン)お宝ゲットの時間帯は何時か? 気もそぞろで、寅の子のリニューアルどころではない。。。 年越しライブでも観ながら、やることになりそうだ。

bodyの背景を変えた

背景のイラストを寅年バージョンにしました。 h1のイラストとテイストが違うので、明日もういちど修正します。 CSSは下の通り。CSS body { background-image: url(http://toradoshi.gif); }

サイドバーのモジュールタイトルを変更

かわいすぎるプレートデザインのタイトル周りを、色指定のみに変更した。なんだか寝違いしたみたいで首と後ろ頭が痛い(泣)CSS .hatena-body .sidebar .hatena-moduletitle { background: none; background-color: #99cc66; color: #FFFFFF; }

こんどは迎春仕様

日記タイトルのヘッドマークを -テントウムシから、 -コマに換えました。-h1の画像をオリジナルに変えました。CSS .hatena-body .main .day h2 { background-image: url(http://日記タイトル.gif); background-repeat: no-repeat; }h1 { background-image: …

にぎやかに年を越そう!

ということで、かわいいsampleにトライです。来年は、寅年ということもあり、「トライ」です。(汗)あぁぁああ。かわいすぎて落ち着かん。。。

スーパーは迎春モード

帰路地元のスーパーで海の幸太巻きを購入。 店内はすっかり迎春モード。年賀状の仕度もまだだし。。。 ブログの衣替えは明日夜半ぐらいから。 う〜ん。勉強することたくさんあるなぁ。 とりあえず、記録画像をアップしておこう。

あたたかなクリスマス

とうとうクリスマス。今日は心が疲れています。あと7つ寝たらお正月。

ホワイトクリスマス

暖かめのイブの夜でホワイトクリスマスにはなりそうにないので、 ちょっとにぎやかに雪をふらせてみました。

クリスマスプレゼント

ブログタイトル右に、クリスマスプレゼントを並べてました。いつものとおり、h1のbackground-imageに画像を指定しただけ。

本文の文字色をライトグレーから、ダークグレーへ

ほんとに多忙につき、ちびちびの変更です。CSS.body .section p { font-size: 90%; line-height: 1.5em; color: #0d1117; } ついでに、プロフィールにクリスマスツリーを入れてみました。 gifアニメを入れてみたが、へんちくりんなアニメーションになったの…

本文の文字サイズとライン高を変更

今日もほんの少しだけの変更です。 CSS.body .section p { font-size: 80%; line-height: 1.5em; }

日記タイトルの文字色を変更

昼間遊び過ぎて、今日のノルマをほとんど消化できていません(泣)そんなことで、ブログの練習もちょびっとだけ。 CSS .body h3.title a { color: #ff3333; }

新しいテンプレートに変えました

さて、今度はどんなふうに料理するべきか?取り急ぎ、日付のbackgroundをライトグリーンから、クリスマスカラーのブルーにしました。下はオリジナルのデザイン CSS .day h2 span.date { background: #3366cc; }

X'mas tree

うまくいかないなぁ...

思いつく方法をいろいろ試してみましたが、ちょっとうまくいきません。

ブログタイトルのフォントカラーを変えたい

今日から冬型の気候へ向かうらしい。タイトルの薄いグレーは、どうも寒々しくていかん。

アニメを記事欄に載せてみます。

あれ?

クリスマスアニメーションがうまくいってない?

もっとクリスマスに!

ブログタイトルの画像をGIFアニメに入れ替えて、ちょっとだけバージョンアップしました。 お絵描きソフトで柊のイラストにキャンドルを追加 フォトレタッチソフトでGIFアニメに変更 h1のスタイルbackgroundの画像を入れ替える CSSh1 { background: #FFFFFF u…

サイドバーのリンクテキストの色を微妙に変えてみた

サイドバー(プロフィール、カレンダー、最新タイトル)が寂しげな色合いなので、少し変えてみました。「最新タイトル」のリンクの下線や色替えがいまいちうまくいかない。まあ、気長に練習してみます。

つづいて、雪っぽいパターンを入れてみた

お絵描きソフトで100px角の雪パターンをつくり、背景透明のGIF画像にする。 はてなフォトライフに画像をアップロードする。 body の background指定に画像のURL を追加する。 CSSは下記の通り。 body { background: #DFE9EA url("http://うんちゃらかんちゃ…

ページの左右の余白の色を変えてみた

単純に body のbackground に#FF6666を指定し、 h1のbackground指定をbackground-color: #FFFFFF; background-image :url("http:うんちゃらかんちゃら_original.gif") no-repeat 100% 0%;と記述したら、画像が表示されない?h1のbackground指定で、色を画像…

ネットにつながらない!

いやぁ、今日はびっくりしました。 PC立ち上げて、ブラウザ立ち上げても...画面が白いまんま! 昨夜25時頃まで、しっかりとネットにつながっていたのに。こんなの初めてです。 契約している通信サービス会社に問い合わせようと思っても、このところ問い合…

図書館で

ついでがあったので、図書館のWeb関連書籍コーナーを覗いてみた。 ブログ関係の入門書も結構たくさん並んでいた。 「はてな」についての記載があるものを含めて2冊ほど借りてみました。気がついたら... 手袋が右手だけになってました。歩いた場所をぐる…

クリスマス仕様にしてみました。

ブログタイトル(h1)の背景に柊のイラスト画像を配置し、日記タイトルのヘッダも緑に変え、クリスマスな雰囲気にアレンジしました。 フォトライフでオリジナル表示にしてURLをコピーして貼り込みました(先日までは気がつかなかった!) 書いたCSSは下記のと…

ベースデザインを変えてみた。

白っぽいデザインsampleに変えて、h1に貼り込んだ画像もとっぱらいました。 どの辺を触ったら、楽しくなるか? とりあえず、文字の色やサイズなど変更してみようか?

夕べふと気がついたこと

サンプルデザインのCSSを確認していた時、 background-imageとbackground-colorが指定されていて、 不思議に思っていたのですが、サンプル画像はpngだったような気もしてきて、「もしかしたら、ブラウザ対策だったのかなぁ?」などと思いながら眠ってしまい…

←このヘッドマークを変更しようと...

続いて、記事のヘッドマーク変更にチャレンジ! ヘッドマークを含む記事のタイトルは、h3でマークアップされ、titleという名前のクラスに指定されている。 さらに、titleのCSSで、background-imageにこのヘッドマークが指定されいる。 というわけで、h1のbac…

ブログタイトルの背景画像を変更してみた。

サンプルのfragments_grに使用されている、タイトル背景画像をダウンロードし、寸法を確認する。 適当な画像を用意し、フォトレタッチソフトで同じ寸法に加工し、ブログのタイトルも入れる。 gif・jpeg・pngなど適した形式で保存する。 設定/ブログの設定/…

スタート!

最初の画面です。 サンプルのfragments_grを利用した、そのままデザインです。