nanotyでは、デザインのテンプレートを簡単に量産できるようにしています。
これがベストかどうかはわかりませんが、デザインに関連するヘッダや各ボックス用のイメージを全て一つの画像に集約し、この画像一枚を変えるだけでもデザインの変更が可能になるように設計しています。
基本デザインがこれ
このようなテンプレート用の画像一枚を差し替えるだけで、こんなデザインに変更が可能
スタイルシートの構成はこんな感じ。
・ベース用CSSファイル(共通)
・テンプレート別CSSファイル
基本的なスタイルを定義したベース用のCSSファイルとテンプレート別のCSSファイルの2つが用意されています。
特にCSSの変更が無ければテンプレート用のCSSには何も定義しません。
微調整したい場合のみ、該当箇所のスタイルの定義を行います。
テンプレート用のCSSが後に読み込む順番となっており、必要な箇所だけ定義を上書きする形で個別に微調整したレイアウトが可能となっています。
これにより、特別な技術やノウハウが無くても容易にテンプレートのデザインが可能です。
現在は、運営スタッフしか変更できませんが、もっと簡単にした上でユーザーが自由にデザインできるようにしていきたい。
昨日から、nanotyのテンプレートを増やしていますので、nanotyでSNSを作成された方はテンプレートをお試し下さい。
Popular Posts
はじめての刷毛&ローラーでのバイク塗装(タカラ塗料...
久しぶりにバイクの自家塗装をしたので、その備忘録に。今までに何度となくスプレー缶で塗装してきたが、今回は初めて...
GROHE(グローエ)浴室水栓の水漏れ修理をDIY...
我が家も立ててから早10年。いろいろとガタが出始めており、先日は浴室のシャワーが止まらなくなりました。...
胆石による腹腔鏡下胆嚢摘出術 入院記...
2005年10月26日~10月31日までの腹腔鏡下胆嚢摘出術の入院記。 腹腔鏡下胆嚢摘出術とは、胆石症と...
ページを見るとダウンロードされてしまう不具合を解消...
8月末に、「JAB-NETWORK」のサイトデータを別のレンタルサーバに移設したのですが、それ以降、ページを表...
abrAsusの薄い財布ではなく小さい財布に変えて...
新しい財布が欲しくて、「薄い財布」がいいなぁと思いつつ、現物を見ないとなんとも言えないので、店舗で...
夏休みの自由研究 果物電池(レモン電池)をやってみ...
長男の宿題に付き合って夏休みの自由研究にトライ! 果物電池なるものに挑戦してみました。 レモンやオレン...
男子ごはん「具がゴロゴロのケンタロウ流ビーフカレー...
普段は料理などまったくしないのですが、最近、テレビ東京で日曜日のお昼前に放送されている「男子ごはん」が無性に気...
実は、nanotyにアクセスして最初にやったのはスタイルシート解析だったりします^^; この画像差し替えって、運営側にとっても、スキン作成(?)側にとっても便利ですよね。
たまーに、表示が崩れてたりするのを見ますが^^;
環境に依存する不安定なものなんでしょうか?
>たまーに、表示が崩れてたりするのを見ますが^^;
どんな時?
ブラウザによってはまだ未対応のもの(オペラやネスケ、macのIE)もありますが、他はだいたいいけてるような。
おかしいときは教えてね。
それが、崩れてるなーと思って、次の日見たら崩れてなかったりしたので、わからないんですよ。今も見てみましたが、崩れてる様子なく。もしかすると、最初の頃だけなのかもしれません。
枠線がずれてるやつがあったんですよ。
また見つけたら報告しますね。