Ajaxを使用したフォトアルバムPiccyを設置してみた - 3/3

投稿日:

スタイルシートを変更する

GoogleMaps機能は置いといて、CSSをいじってみることに。できあがったページがこちら。

実際に設置したページ

テーマはストロベリー×ミント。ニットの鮮やかな色にインスピレーションを得たのかどうなのか。解説は面倒なので省略しますが、変更した箇所だけ紹介します。レイアウトはそのままで配色のみ変更しました。尚、表向き見える部分のみしか色を変えていないので、ツメが甘いです。

- スポンサードリンク -

変更する箇所

lib/theme/cssの中のpiccy.cssを開いて以下の部分を変更します。色を置き換えているだけなので、ほとんどがテキストエディタの置換機能で簡単に変えられます。

  • #F20034→#808080
  • #FF8098→#C0C0C0
  • #FF0F00→#FF1493
  • #BFFFD2→#C2ECE3
  • #A2FF00→#C2ECE3
  • #C5CAFF→#DCDCDC
  • #00BF37→102,182,187,249行のみ#FF1493に
  • #00BF37→138,179行のみ#FF82ABに
  • #00BF37→276,285行のみ#C2ECE3に

以上、書き換えてアップロードすれば完了です。

- スポンサードリンク -