CSSが編集可なりました!
こんなことが出来るようになると、記事なんか書いてられません。
たのしーたのしーCSSいじり!!
CSS編集が可能になったことで、僕が心配していたのは「初心者へのサポート」だったのですが、CSSを編集するには の説明が非常に分かりやすく、とても親切だと思いました。
この説明を読んでも「なんのこっちゃ」と言う人は挑戦しない方が良いです。いろいろなブログサービスを試していますが、こんなに分かりやすい説明は始めて見ました。
そんなわけでデザインの編集は……出来たら良いかなぁ? において、
た、た、た、たのしぃよぅ〜っ!
CSSの変更の仕方はCSSを編集するには を読めばだいたい分かるはずです。ただ、気をつけなければならないのは、編集したCSSが、送信の途中で「緊急メンテ」に引っかかってシオシオノパーになったりすること。
仮にうまく行ったとしても、変更途中のカッチョ悪い試行錯誤を他人に見られるのは、恥ずかしいものです。
そこでCSSの編集に役に立つ、オススメのフリーソフトのご紹介。
それはIEベースのタブブラウザ、unDonutです。
別にこのブラウザでなくてもよいのですが、要するに簡単にしていしたCSSをあてることの出来るブラウザなら何でもよいのです。ローカルCSSを作って遊ぶ で既に実験済みなんですけど、編集画面からCSSカスタマイズの画面を開いた時に表示される、デフォルトのCSSをエディタ(WIN付属のメモ帳の類ですが、メモ帳よりは、フリーの高機能テキストエディタが良いでしょう)にコピペして、それをいじっては自分の分かりやすい名前をつけて、unDonutのCSSフォルダに保存し、自分のブログを表示させては、そのCSSをローカル上であてながら、気に入らない部分を変更していけば良いのです。色のバランスなどは怒涛のカラーサンプルを参考にしながら、読みやすい色を設定していくと良いでしょう。
で、ここが大事なのですが、僕が使っているカスタムブルーのデフォルトのフォントサイズは12pxの固定です。こんなブログは見たくない の中で、
文字のサイズは絶対サイズではなく、相対サイズで指定したいものです。ちなみに2004/11/29・22:23:07現在のこのブログでの設定値は95%です。
この辺の説明はとほほのWWW入門からHTMLリファレンス、<font> - フォントの説明をお読みください。
まだ続く・・・と思う。
こんなことが出来るようになると、記事なんか書いてられません。
たのしーたのしーCSSいじり!!
CSS編集が可能になったことで、僕が心配していたのは「初心者へのサポート」だったのですが、CSSを編集するには の説明が非常に分かりやすく、とても親切だと思いました。
この説明を読んでも「なんのこっちゃ」と言う人は挑戦しない方が良いです。いろいろなブログサービスを試していますが、こんなに分かりやすい説明は始めて見ました。
そんなわけでデザインの編集は……出来たら良いかなぁ? において、
でも実は僕は、フルカスタマイズはなくても良いと思ってます。などと言っていた僕も、早速いじりまくりです。
た、た、た、たのしぃよぅ〜っ!
CSSの変更の仕方はCSSを編集するには を読めばだいたい分かるはずです。ただ、気をつけなければならないのは、編集したCSSが、送信の途中で「緊急メンテ」に引っかかってシオシオノパーになったりすること。
仮にうまく行ったとしても、変更途中のカッチョ悪い試行錯誤を他人に見られるのは、恥ずかしいものです。
そこでCSSの編集に役に立つ、オススメのフリーソフトのご紹介。
それはIEベースのタブブラウザ、unDonutです。
別にこのブラウザでなくてもよいのですが、要するに簡単にしていしたCSSをあてることの出来るブラウザなら何でもよいのです。ローカルCSSを作って遊ぶ で既に実験済みなんですけど、編集画面からCSSカスタマイズの画面を開いた時に表示される、デフォルトのCSSをエディタ(WIN付属のメモ帳の類ですが、メモ帳よりは、フリーの高機能テキストエディタが良いでしょう)にコピペして、それをいじっては自分の分かりやすい名前をつけて、unDonutのCSSフォルダに保存し、自分のブログを表示させては、そのCSSをローカル上であてながら、気に入らない部分を変更していけば良いのです。色のバランスなどは怒涛のカラーサンプルを参考にしながら、読みやすい色を設定していくと良いでしょう。で、ここが大事なのですが、僕が使っているカスタムブルーのデフォルトのフォントサイズは12pxの固定です。こんなブログは見たくない の中で、
豆文字ブログ、しかも固定サイズ!はイクナイと言っているように、閲覧者が自分の見易い大きさに変えられないサイトは、あまり好ましいとはいえません。
文字のサイズは絶対サイズではなく、相対サイズで指定したいものです。ちなみに2004/11/29・22:23:07現在のこのブログでの設定値は95%です。
この辺の説明はとほほのWWW入門からHTMLリファレンス、<font> - フォントの説明をお読みください。
まだ続く・・・と思う。










・リンク色設定見直し
・コメント欄のもじの大きさ再設定
・サイドバーフォント色変更
・記事の題名フォントサイズもう少し大きく
私は、とりあえず様子見で。皆さんのブログを見てすごそうだったらやってみようかと思います。
えっけんさんが前におっしゃっていたように文字に装飾をしているために、背景色など気を使わなくてはいけないし…。
これから直したいところ。
・記事の日付・カテゴリの文字の大きさをもう少し小さく
・リンク色についてどうするか
・引用タグにスタイル指定
・カテゴリのフォントサイズ変更
今後の予定
・「前のページ」のフォントサイズを変更
・コメント欄の文字色をグレーにしたほうがいいかな?
みんなでいじりまくってるから、仕方ないの?
http://blog.goo.ne.jp/namcom
ここのCSS編集が面白いです。
CSSの編集で何が良くなったかって、
引用のタグに定義づけが出来るようになったことだな!
エクスローラーバーを表示させた場合に、本文部分が狭く感じる・・・
オレに17インチ以上の液晶モニターを買えと言っているのか?
今後の変更予定:
記事の文字色を黒から濃いグレーに変更。
この背景色と文字色の組み合わせが、他所の家のモニターでも読みやすいか?
やっぱ黒のほうが読みやすいかな?
それはそうと、このデザインならやはりサイドバー片側でいいなぁ・・・
また明日CSSいじって遊ぼう!
モニタに20センチくらいまで近付かないと読めないよお。
私のは文字、タイトルをBLACKにしたら、かなりダサくなりました
今度は素面でがんばりまっす
私はとりあえずCSSをテキストエディタにコピペして保存しましたんで、暇な時にでもちょっくら弄ってみようかと考えてます。
楽しいね、これね。
かなりはまりそう。
デザイン考えられるのかなぁ。
がんばろう!がんばろう!
なんだか全体に黒というよりグレーっぽくなりましたね。
じゅん吉さんちから飛んできたので字の大きさの違いにびっくり。
これからまだいじるんですよね?
頑張ってね。また観にきます♪
暫くまともにいじれません…
じゃあ週末明けを楽しみにしています♪
このバックの薄いピンク、わたしが好きな色だなぁ。
またチェックしにきましょ。
・コメントやトラックバックの数表示()の中の数字はもうちょっと大きくして欲しいナリ
とりあえず、現状の両サイドバー型カスタマイズは、こんな感じになりました。
サイドバーのリンク色が見難いのかどうかが不明也。
両サイドバーはあんまり好きじゃないです。
パセリクラブのモノトーン1が、やっぱり見やすかったな。
あのテンプレで、カスタマイズできたらいいな。
基本的にやりたいことは、引用タグのスタイル指定くらいなんですよ。
2段テンプレのカスタマイズ可能になるまで、しばらくはこれで行く予定です。
ここのテンプレートがステキ!!
--------------------
とがねっとろぐ
http://blog.goo.ne.jp/mama76
psychic.goo:1008
http://blog.goo.ne.jp/copper_the_public
Oui! monsieur! 〜むっしゅの戯言〜
http://blog.goo.ne.jp/oui_monsieur
RemのDigitalCaravan
http://blog.goo.ne.jp/remmaya
ピンクは使ってないよう・・・
ブログの題名部分などに画像を入れると、オリジナリティが出て良いのですが、僕は極力画像を使いたくないので、既存のテンプレとあまり代わり映えしないですね。
この雰囲気のまま、右サイドバーをなくしたいのです。
しかしMozillaで見ると薄いグレーなんです。
うちの環境がおかしいのかと思いました。いえ、すでにおかしいですね。
オリーブグリーンに蛍光黄緑の文字に見えてるんですけど、本当は何色なんでしょう?
毎回毎回ちょっと直しては再構築、更新を繰り返していたあの日々。
再構築中に重さで落ちた時は、あわわ、あわわと泡を吹いていたあの日々とはもうお別れなんですね!
でも、取り敢えずいじりたいところはもういじってしまったのだが…。
全面的にデザインを変更してみるかな(そんな時間はありません)
以前来たときはサイドバーがクロで背景が白というよりオフピンクみたいな感じに見えたの。
白だったの?
今は濃いピンクだけど。
ルージュ色。っていうか 思わずパセリ倶楽部かと。(^ ^;)
たぶん廻りが濃い色だと 白でも色が入ってるように見えるんでしょうね。
>しかしMozillaで見ると薄いグレーなんです
http://blogimg.goo.ne.jp/user_image/5b/9f/c191746b4f17b916091efe408154379d.png
↑これがIEで見た、つい数時間前までの色構成なんですけど・・・
オリーブグリーンに見える?
基本的にモノトーン調しか使ってないつもりなんですが。
う〜んWEBセーフカラー
http://e-words.jp/p/r-websafecolor.html
だけで色を決めないとダメだろうか?
IEベースだから、同じように見えているはずだけど。
ファイアフォックスも悪くないんでしょうけど、起動の早さや、カスタマイズの簡単さから、あんドーナツの勝ち!!
つか、ファイアフォックス、敷居が結構高いと思うので、そのうち廃れると思う。
僕もSeesaaでは泣かされました。
Seesaaのあの面倒なCSS編集経験があるから、たいした知識なくても、なんとなくいじれるんですけど。
gooブログの場合は、HTMLベースが一緒の、他人のブログを使っても、ローカルでいじれるので、作業がしやすいです。
また変えますよん。
期間限定のお遊びCSSです。
>以前来たときはサイドバーがクロで背景が白というよりオフピンクみたいな感じに見えたの。
ピンクの前の色は、パセリクラブモノトーン1の地の色と同じだったはずですよ。灰色です。
http://blog.goo.ne.jp/info/spread/paseri/monotone1.html
こう見えていました。↓
http://jmac.dma-j.net/mika/041203mudadukai.jpg
今もセンターのバックはオリーブグリーンです。
ブラウザが古くてgooのCSSに対応できないんでしょうかねえ。
MacOS9ではこれより新しいIEは使えないのでしょうがないです。
セイフティカラーでも同じでした。
Mozillaでは(ファイアフォックスはosXじゃないと使えないので)、えっけんさんがアップして下さったのと同じに見えています。いろいろブラウザを併用していますので、どうかお気になさらずに。本当は何色なのか知りたかったの。
えっけんさんへ
うん、灰色でしたよ。でもコメント書くところが
うすいピンク地に見えたの。たぶん白だったんでしょうね。わたしの目がおかしいのかも。ごめんなさい。
あんまり古いブラウザは切り捨てても仕方がないかな、とは思うんです。
マックOSのブラウザの確認はしたくても出来ないし。
ファイアフォックスが好調のようですが、僕は後1年もすれば、下火になると思ってます。
アレ、初心者には敷居が高すぎる。
タブブラウザとしてまともに使うには、カスタマイズが必要だから、デフォでも使いやすいあんドーナツバンザイ、ってことで。
作成したCSSを、あんどーなつで管理しておけば、変えたくなったときにいつでも変えられますし。