CALENDAR
S M T W T F S
1234567
891011121314
15161718192021
22232425262728
293031    
<< October 2017 >>
PR
ARCHIVES
MOBILE
qrcode
スポンサーサイト
0

    一定期間更新がないため広告を表示しています

    | - | | - | - |
    ラベンダーの季節に備えて
    0
      以前から少しずつラベンダースポットを登録していたマップを公開しました。
      自分がラベンダーを見たいと思った時にプランを練るために参考になるものは何か?を考えた時に

      「開花の時期とその場所」と考えています。

      この二つがあって初めて「今の時期ならここ」とか「ここへ行くならいつ頃」というプランを作成できるわけです。
      閉鎖してしまった香る庭の「ラベンダーを見に行こう」では見頃の時期を一覧にまとめていましたが、これは特に「今の時期ならここ」という調べ方で使うことを目的に作っていました。
      今度のマップでは「こっち方面に行くけどどんなラベンダースポットがあるのか」と言うことを調べるために使うことを目的としています。
      さらに、自分が行ったことのないスポットも登録することで「この辺に行ったらここに寄る」という新スポットへの訪問機会を増やしたいと考えています。

      右、LINKSのラベンダーガーデンからどうぞ

      訪問済みスポット  未訪問スポット
      | - | 22:47 | comments(0) | trackbacks(0) |
      デザインをいじってみる#03
      0

        記事の文字を大きくする。

        記事の文字が小さいので大きくしてみます。
        Webフォントを使っているのである程度文字が大きい方が分かりやすいですし、何より自分で読みにくいので、

        日付は以下の場所でfont-sizeを16px→20pxに
        .entry_date {
        font-size: 16px;
        font-weight: bolder;
        color: #336666;
        margin: 10px 0px 10px 0px;
        padding-bottom: 3px;
        border-bottom: 1px dotted #CCCCCC;
        }

        記事のタイトルはここ、14px→18pxに
        .entry_title {
        font-size: 14px;
        font-weight: bolder;
        color: #666666;
        margin: 15px 0px 5px 0px;
        }

        本文はここ、12px→16pxに
        .entry_body {
        font-size: 12px;
        line-height: 170%;
        color: #666666;
        margin: 15px 0px 15px 0px;
        }

        | - | 15:55 | comments(0) | trackbacks(0) |
        ラベンダーの冬支度
        0
          最近忙しくてほったらかしのラベンダーですが、雨の降る前に何株かを麻紐で縛って冬支度をしました。
          3号のビニールポットから地植にして2年目になるラバンディンのスーパーです。
          Super(縛る前)
          下のように紐をグルグルっとまいて、上に雪が積もって株が割れないようにします。
          Super(縛った後)
          この状態なら雪の積もる面積が狭いので株が割れることもありません。
          運が悪いと倒れてしまうこともありますが、春に起こしてあげればなんとかなります。
          Super(開花)
          今年の開花時(7月10日)の写真です。
          沢山咲いてくれました。
          うまく冬越し出来ますように!
          | - | 21:51 | comments(3) | trackbacks(0) |
          デザインをいじってみる#02
          0

            幅を広げる。

            CSSを見ると以下のようになっています。

            #layout {
            margin: 0 auto;
            width: 800px;
            text-align: left;
            }

            #header {
            }

            #contents #left {
            float: left;
            width: 170px;
            }

            #contents #center {
            float: left;
            width: 460px;
            }

            #contents #right {
            float: right;
            width: 170px;
            }

            #footer {
            clear: both;
            }

            このサイトは幅800ピクセルでデザインされていてcontentsが3カラムに分かれており、leftが170ピクセル、centerが460ピクセル、rightが170ピクセルとなり、上にheader、下にfooterがついています。
            少し幅が狭いので全体の幅を1000ピクセルにまで広げます。
            layoutのwidthを640→1000へ変更し、leftとrightのwidthを170→200、centerのwidthを460→600としてみます。

            #追加
            デザインをいじってみる#01のフォントの変更について動作確認を取ったらIE6=×/IE7=×/IE8=×/IE9=〇と言う結果でした。
            少し悩んでいます。
            #追加 2012.11.9
            その後、別の環境で確認したらIE8=〇でした。
            動作を確認する基準が分かりません。

            | - | 21:46 | comments(0) | trackbacks(0) |
            デザインをいじってみる#01
            0
              フォントを変える。

              このブログのデザインはテンプレートのPlain3を使っています。
              このデザインを少しずつカスタマイズしてみます。
              最近Webフォントと言うのを知りましたが、利用者の使用しているフォント環境に依存しないで文字を表示する事ができます。
              CSSは初めて触るので、おそるおそる最低必要な場所だけをいじってみます。
              まず、CSSの先頭に@font-faceを挿入します。

              @font-face {
                font-family: 'mplus-1c-light';
                src: url(http://???.?????????.???/?????/mplus-1c-light.eot);
                src: local('☺'),url(http://???.?????????.???/?????/mplus-1c-light.ttf) format('truetype');
              }

              ?の所はフォントファイルの存在する場所となりますが、個人的に作った環境なので伏字にしておきます。
              記述については以下のサイト等を参考にしました。

              http://terkel.jp/archives/2010/05/bulletproof-font-face-smiley-variation/

              続いて、表示用のデフォルトのフォントを変更します。CSS中の、

              div, td {
              font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
              }



              div, td {
              font-family: "mplus-1c-light";
              }

              と書き換えました。

              CSSを更新して表示してみます。

              たしかにフォントが変更されました。(自分の環境でしか確認していませんが)
              | - | 20:44 | comments(0) | trackbacks(0) |
              | 1/2PAGES | >>