EKKEN♂

このブログは http://ekken.blog1.fc2.com/ に移転しました

CSSで遊んでます

2004-11-29 | goo BLOG
 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> - フォントの説明をお読みください。
 
 まだ続く・・・と思う。
キーワード
タブブラウザ フリーソフト ブログサービス
Trackback () |  この記事についてブログを書く
Messenger この記事をはてなブックマークに追加 mixiチェック シェア
« 批判系サイトで気... | TOP | フランシスコは死... »

41 Comments

コメント日が  古い順  |   新しい順
●おしらせ (えっけん)
2004-11-29 19:02:04
読み難い点がありましたら、ご指摘いただければ幸いです。
●めも (えっけん)
2004-11-29 19:10:21
・サイドバーの色見直し
・リンク色設定見直し
・コメント欄のもじの大きさ再設定
●めも (えっけん)
2004-11-29 19:23:45
・コメント一覧の名前を大きく、記事名を小さく
・サイドバーフォント色変更
・記事の題名フォントサイズもう少し大きく
あ! (π氏)
2004-11-29 19:26:46
ここでも いじっておりますね。
オレも (南無)
2004-11-29 20:21:46
パクリ屋として工事中。
私もいじってみよう (じゅん吉)
2004-11-29 20:34:30
しばらくテンプレいじっていますのでマイブログアクセス禁止だよ。
CSSいじり (You)
2004-11-29 21:19:21
とうとうgooブログでもいじれるようになりましたね。

私は、とりあえず様子見で。皆さんのブログを見てすごそうだったらやってみようかと思います。

えっけんさんが前におっしゃっていたように文字に装飾をしているために、背景色など気を使わなくてはいけないし…。
●またいじってみた (えっけん)
2004-11-29 21:37:12
どうでしょう?


これから直したいところ。
・記事の日付・カテゴリの文字の大きさをもう少し小さく
・リンク色についてどうするか
●またいじった (えっけん)
2004-11-29 21:53:43
今回の変更点
・引用タグにスタイル指定
・カテゴリのフォントサイズ変更

今後の予定
・「前のページ」のフォントサイズを変更
・コメント欄の文字色をグレーにしたほうがいいかな?
アクセス集中 (うーん)
2004-11-29 22:40:41
仕方ないの? エラー出まくってるのです。
みんなでいじりまくってるから、仕方ないの?
おもいねぇ (えっけん)
2004-11-29 22:43:22
南無の事件帳
http://blog.goo.ne.jp/namcom
ここのCSS編集が面白いです。
●めも (えっけん)
2004-11-29 22:51:59
記事内の「コメント」の数字小さすぎ?

CSSの編集で何が良くなったかって、
引用のタグに定義づけが出来るようになったことだな!
ぶつぶつ (えっけん)
2004-11-29 23:10:07
右サイドバーが邪魔だなぁ。
エクスローラーバーを表示させた場合に、本文部分が狭く感じる・・・
オレに17インチ以上の液晶モニターを買えと言っているのか?

今後の変更予定:
記事の文字色を黒から濃いグレーに変更。
●めも (えっけん)
2004-11-29 23:51:51
今の不安。

この背景色と文字色の組み合わせが、他所の家のモニターでも読みやすいか?

やっぱ黒のほうが読みやすいかな?

それはそうと、このデザインならやはりサイドバー片側でいいなぁ・・・
サイドバーが (じゅん吉)
2004-11-30 00:16:38
ちょっと読みにくいかな?クリック前リンクの色が左サイドバーの色と同化してしまっているね。

また明日CSSいじって遊ぼう!
コメント (MIMIKA)
2004-11-30 00:24:48
コメント欄の文字が読みづらいよおー。
モニタに20センチくらいまで近付かないと読めないよお。
Unknown (モニタに20cm)
2004-11-30 00:42:25
今の楽しみは、CSS編集できねーぞと言っていた人がどういうカスタマイズするか。

私のは文字、タイトルをBLACKにしたら、かなりダサくなりました

今度は素面でがんばりまっす
おー (タチバナユウ)
2004-11-30 11:49:29
早速頑張ってらっしゃいますね〜。随分面白い感じに仕上がってると言うか…(まだ発展途上なのかもしれませんが)。

私はとりあえずCSSをテキストエディタにコピペして保存しましたんで、暇な時にでもちょっくら弄ってみようかと考えてます。
ただいま奮闘中 (koko)
2004-11-30 17:22:47
えっけんさん。
楽しいね、これね。
かなりはまりそう。
デザイン考えられるのかなぁ。
がんばろう!がんばろう!

今朝と変りました? (じゃすみん)
2004-11-30 17:52:43
いや変わってないのかなぁ?
なんだか全体に黒というよりグレーっぽくなりましたね。
じゅん吉さんちから飛んできたので字の大きさの違いにびっくり。
これからまだいじるんですよね?
頑張ってね。また観にきます♪
●皆様 (えっけん)
2004-11-30 18:19:49
残念ながら僕はケータイの電波も寂しい、山奥の秘湯に来ております。
暫くまともにいじれません…
あら・・・。 (じゃすみん)
2004-12-01 08:09:16
そうなんだ・・・。
じゃあ週末明けを楽しみにしています♪
このバックの薄いピンク、わたしが好きな色だなぁ。
またチェックしにきましょ。
もしかして (mameta)
2004-12-01 13:54:49
いじり倒した最後はノーマルのテンプレートとほぼ同じになったりして(笑)
・コメントやトラックバックの数表示()の中の数字はもうちょっと大きくして欲しいナリ
一時戻し中 (えっけん)
2004-12-01 18:58:24
また変更するよ。
薄いピンク? (MIMIKA)
2004-12-01 22:40:44
じゃ、じゃすみんさん、このバックって薄いピンクなんですか?
●皆様 (えっけん)
2004-12-01 22:47:34

とりあえず、現状の両サイドバー型カスタマイズは、こんな感じになりました。
サイドバーのリンク色が見難いのかどうかが不明也。

両サイドバーはあんまり好きじゃないです。
パセリクラブのモノトーン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
●MIMIKAさん (えっけん)
2004-12-01 22:48:18
いや、実は僕も同じこと思ってました。

ピンクは使ってないよう・・・
●mametaさん (えっけん)
2004-12-01 23:46:36
>いじり倒した最後はノーマルのテンプレートとほぼ同じになったりして

ブログの題名部分などに画像を入れると、オリジナリティが出て良いのですが、僕は極力画像を使いたくないので、既存のテンプレとあまり代わり映えしないですね。

この雰囲気のまま、右サイドバーをなくしたいのです。
バックの色 (MIMIKA)
2004-12-02 02:23:45
IEな私には、オリーブグリーンに見えています。
しかしMozillaで見ると薄いグレーなんです。
うちの環境がおかしいのかと思いました。いえ、すでにおかしいですね。
オリーブグリーンに蛍光黄緑の文字に見えてるんですけど、本当は何色なんでしょう?
ウチは平気ですが…。 (タチバナユウ)
2004-12-02 07:58:03
え?、と割りと平気でエクスプローラーで見ている人です。バージョンをアップしたりしたらもしかしたら、見られるかもしれないですね。
目から鱗が落ちる様だ (ボンバー犬)
2004-12-02 11:39:32
俺もCSSいじるの好きなんですが、ローカルCSSのこと忘れてた。(ちなみにブラウザは「悲しみの」Sleipnir)

毎回毎回ちょっと直しては再構築、更新を繰り返していたあの日々。

再構築中に重さで落ちた時は、あわわ、あわわと泡を吹いていたあの日々とはもうお別れなんですね!

でも、取り敢えずいじりたいところはもういじってしまったのだが…。
全面的にデザインを変更してみるかな(そんな時間はありません)
えっ? (じゃすみん)
2004-12-02 20:07:35
いやん、変ってる・・・。
以前来たときはサイドバーがクロで背景が白というよりオフピンクみたいな感じに見えたの。
白だったの?

今は濃いピンクだけど。
ルージュ色。っていうか 思わずパセリ倶楽部かと。(^ ^;)
たぶん廻りが濃い色だと 白でも色が入ってるように見えるんでしょうね。
●MIMIKAさん (えっけん)
2004-12-02 21:31:46
>IEな私には、オリーブグリーンに見えています。
>しかしMozillaで見ると薄いグレーなんです

http://blogimg.goo.ne.jp/user_image/5b/9f/c191746b4f17b916091efe408154379d.png

↑これがIEで見た、つい数時間前までの色構成なんですけど・・・

オリーブグリーンに見える?
基本的にモノトーン調しか使ってないつもりなんですが。
う〜んWEBセーフカラー
http://e-words.jp/p/r-websafecolor.html
だけで色を決めないとダメだろうか?
●タチバナユウさん (えっけん)
2004-12-02 21:33:59
僕は記事中で何度も書いてある通り、あんドーナツなんですよ。
IEベースだから、同じように見えているはずだけど。
ファイアフォックスも悪くないんでしょうけど、起動の早さや、カスタマイズの簡単さから、あんドーナツの勝ち!!
つか、ファイアフォックス、敷居が結構高いと思うので、そのうち廃れると思う。
●ボンバー犬さん (えっけん)
2004-12-02 21:36:17
ライブドア&Seesaaは特に再構築が時間かかりますからね。
僕もSeesaaでは泣かされました。
Seesaaのあの面倒なCSS編集経験があるから、たいした知識なくても、なんとなくいじれるんですけど。

gooブログの場合は、HTMLベースが一緒の、他人のブログを使っても、ローカルでいじれるので、作業がしやすいです。
●じゃすみんさん (えっけん)
2004-12-02 21:39:08
>いやん、変ってる・・・。

また変えますよん。
期間限定のお遊びCSSです。

>以前来たときはサイドバーがクロで背景が白というよりオフピンクみたいな感じに見えたの。

ピンクの前の色は、パセリクラブモノトーン1の地の色と同じだったはずですよ。灰色です。
http://blog.goo.ne.jp/info/spread/paseri/monotone1.html
お騒がせしてすみません (MIMIKA)
2004-12-03 01:37:03
MacOS9+IE5の問題のようですね。
こう見えていました。↓
http://jmac.dma-j.net/mika/041203mudadukai.jpg

今もセンターのバックはオリーブグリーンです。
ブラウザが古くてgooのCSSに対応できないんでしょうかねえ。
MacOS9ではこれより新しいIEは使えないのでしょうがないです。
セイフティカラーでも同じでした。

Mozillaでは(ファイアフォックスはosXじゃないと使えないので)、えっけんさんがアップして下さったのと同じに見えています。いろいろブラウザを併用していますので、どうかお気になさらずに。本当は何色なのか知りたかったの。
うわぁっ! (じゃすみん)
2004-12-03 09:49:08
MIMIKAさんの色すごい・・・。ど派手にみえてたんですね。モノトーンだったのに。

えっけんさんへ
うん、灰色でしたよ。でもコメント書くところが
うすいピンク地に見えたの。たぶん白だったんでしょうね。わたしの目がおかしいのかも。ごめんなさい。
●MIMIKAさん じゃすみんさん (えっけん)
2004-12-03 12:34:09
対応ブラウザをどこまで考えるか、というのは難しい問題ですよね。
あんまり古いブラウザは切り捨てても仕方がないかな、とは思うんです。
マックOSのブラウザの確認はしたくても出来ないし。

ファイアフォックスが好調のようですが、僕は後1年もすれば、下火になると思ってます。
アレ、初心者には敷居が高すぎる。
タブブラウザとしてまともに使うには、カスタマイズが必要だから、デフォでも使いやすいあんドーナツバンザイ、ってことで。
便利だね!! (じゅん吉)
2004-12-04 18:44:53
unDonutって便利だね!!何度もえっけんさんから聞いてたけど、CSSをローカルで編集できるって言うのがなんと言っても便利!!タブブラウザとしても便利だろうけど、今回、CSSのカスタマイズで大活躍でした!これはいけるね!!
●じゅん吉さん (えっけん)
2004-12-04 22:20:01
便利っすよー
作成したCSSを、あんどーなつで管理しておけば、変えたくなったときにいつでも変えられますし。

post a comment

現在、コメントを受け取らないよう設定されております。
※ブログ管理者のみ、編集画面で設定の変更が可能です。

4 Trackbacks

Trackback  Ping-URL
ブログ作成者から承認されるまでトラックバックは反映されません。
  • 送信元の記事内容が半角英数のみのトラックバックは受け取らないよう設定されております。
  • このブログへのリンクがない記事からのトラックバックは受け取らないよう設定されております。
  • ※ブログ管理者のみ、編集画面で設定の変更が可能です。
文字サイズの指定 (S嬢のPC日記)
インターネット上には、年齢の壁ができにくい。 世代を越えて、同じページを見ていることがよくあります。 ただ。 30代の人間と、40代の人間との間に、 ある、大きな「壁」がある。 はい、加齢による視力の衰えが出てくる現象、 老眼です。 早い人では、38〜9から
CSSが弄れるようになったので (Oui! monsieur! 〜むっしゅの戯言〜)
さっそく弄ってみました。 元々スーパーアイドルのむっしゅはプレーンピンクを使っていました。 と言うことで、元々のテイストを損なわない感じで弄ってみましたが、いかがでしょうか? やりだすとどうしても独りよがりな感じになってしまいます。 通な方々、ぜひアドバイス
はてなアンテナが (南無の事件帳)
■サーバー負荷と急激なブロガーの増加 昨日はgooのデーターベースの不具合でCSSの記述がピンチに陥ったのだが、今朝は現在時点で「はてなアンテナ」がパンクしている。そのせいだとはいうつもりはないが「巡回」が不能に陥った。何処もサーバー・ピンチに見舞われている
CSSカスタマイズ中:とりあえず解決 (BLUE_SKY_BLOG)
「プレーンブルー」と「空」テンプレートを融合させたようなテンプレートを作成中です。 しばらく見づらい状態が続くかもしれませんがご了承くださいませ。 とりあえず、終了。 ベースにしたのは「クリアブルーの左メニュー」 メニューの配色がイマイチだなぁ。 メニュー

Related Topics