« 久しぶりの錫山 | メイン | ブログのデザイン »

スタイルシート修正

今回のシナプスブログのメンテ(バージョンアップ)によってCSSレイアウトが崩れてしまいました。
styles.cssを修正しただけでは上手くいきません。
styles.cssをよくよく眺めてみると、styles.cssの最初のところで別のスタイルシートbase-weblog.cssを読み込む仕様に変更になっているようです。

/* base css */
@import url(/.shared-asp09/themes/common/base-weblog.css);

base-weblog.cssはファイル・マネージャーでは見えていないので、http://〇〇〇.synapse-blog.jp(ブログのURL)/.shared-asp09/themes/common/base-weblog.cssをプラウザで読み込んで.cssとしてローカルに保存し内容を適時変更後、トップディレクトリー(私の場合はstyles.cssもトップに置いているので・・・)にアップしstyles.cssの先ほどの記述を

/* base css */
@import url(/base-weblog.css);

に変更し変更しstyles.cssから修正したbase-weblog.cssを読み込むようにしています。
今回からはbase-weblog.cssとstyles.cssを同時に変更するか、base-weblog.cssの内容を全てstyles.cssに移して一本かしてしまうかになるようです。styles.cssが後述になる為、殆どは上書きされているようですが、一部base-weblog.cssによってしか修正できないところがありました。

コメント

こんにちは、はじめまして
いつもスタイルのいいぶろぐだなぁ~と
思ってました
なるほど、細かい記述、参考になります
今回、僕はbase-weblog.cssを弄らずに
サイドバー項目で強制上書きやってみました
デザインは汚いですが(汗
目論みは成功でした(笑
では~

>改さん
コメントありがとうございます。
実は基本のまったく出来ていない私にとっては

>base-weblog.cssを弄らずに
>サイドバー項目で強制上書き

の意味するところがよく理解できませんが、頑張って(楽しんで?)下さい。
これからもちょくちょく改さんのブログの方に寄らせて頂いて
参考にさせて頂きます。

この記事へのコメントは終了しました。

Works blog-new

imocntjs