4・Web Safe カラーのカラーコード表
2007年12月31日
| Web Safe カラー 216 色のカラーコード表 | |||||||||||
|
|
|||||||||||
| #000000 | #003300 | #006600 | #009900 | #00cc00 | #00ff00 | ||||||
| #000033 | #003333 | #006633 | #009933 | #00cc33 | #00ff33 | ||||||
| #000066 | #003366 | #006666 | #009966 | #00cc66 | #00ff66 | ||||||
| #000099 | #003399 | #006699 | #009999 | #00cc99 | #00ff99 | ||||||
| #0000cc | #0033cc | #0066cc | #0099cc | #00cccc | #00ffcc | ||||||
| #0000ff | #0033ff | #0066ff | #0099ff | #00ccff | #00ffff | ||||||
|
|
|||||||||||
| #330000 | #333300 | #336600 | #339900 | #33cc00 | #33ff00 | ||||||
| #330033 | #333333 | #336633 | #339933 | #33cc33 | #33ff33 | ||||||
| #330066 | #333366 | #336666 | #339966 | #33cc66 | #33ff66 | ||||||
| #330099 | #333399 | #336699 | #339999 | #33cc99 | #33ff99 | ||||||
| #3300cc | #3333cc | #3366cc | #3399cc | #33cccc | #33ffcc | ||||||
| #3300ff | #3333ff | #3366ff | #3399ff | #33ccff | #33ffff | ||||||
|
|
|||||||||||
| #660000 | #663300 | #666600 | #669900 | #66cc00 | #66ff00 | ||||||
| #660033 | #663333 | #666633 | #669933 | #66cc33 | #66ff33 | ||||||
| #660066 | #663366 | #666666 | #669966 | #66cc66 | #66ff66 | ||||||
| #660099 | #663399 | #666699 | #669999 | #66cc99 | #66ff99 | ||||||
| #6600cc | #6633cc | #6666cc | #6699cc | #66cccc | #66ffcc | ||||||
| #6600ff | #6633ff | #6666ff | #6699ff | #66ccff | #66ffff | ||||||
|
|
|||||||||||
| #990000 | #993300 | #996600 | #999900 | #99cc00 | #99ff00 | ||||||
| #990033 | #993333 | #996633 | #999933 | #99cc33 | #99ff33 | ||||||
| #990066 | #993366 | #996666 | #999966 | #99cc66 | #99ff66 | ||||||
| #990099 | #993399 | #996699 | #999999 | #99cc99 | #99ff99 | ||||||
| #9900cc | #9933cc | #9966cc | #9999cc | #99cccc | #99ffcc | ||||||
| #9900ff | #9933ff | #9966ff | #9999ff | #99ccff | #99ffff | ||||||
|
|
|||||||||||
| #cc0000 | #cc3300 | #cc6600 | #cc9900 | #cccc00 | #ccff00 | ||||||
| #cc0033 | #cc3333 | #cc6633 | #cc9933 | #cccc33 | #ccff33 | ||||||
| #cc0066 | #cc3366 | #cc6666 | #cc9966 | #cccc66 | #ccff66 | ||||||
| #cc0099 | #cc3399 | #cc6699 | #cc9999 | #cccc99 | #ccff99 | ||||||
| #cc00cc | #cc33cc | #cc66cc | #cc99cc | #cccccc | #ccffcc | ||||||
| #cc00ff | #cc33ff | #cc66ff | #cc99ff | #ccccff | #ccffff | ||||||
|
|
|||||||||||
| #ff0000 | #ff3300 | #ff6600 | #ff9900 | #ffcc00 | #ffff00 | ||||||
| #ff0033 | #ff3333 | #ff6633 | #ff9933 | #ffcc33 | #ffff33 | ||||||
| #ff0066 | #ff3366 | #ff6666 | #ff9966 | #ffcc66 | #ffff66 | ||||||
| #ff0099 | #ff3399 | #ff6699 | #ff9999 | #ffcc99 | #ffff99 | ||||||
| #ff00cc | #ff33cc | #ff66cc | #ff99cc | #ffcccc | #ffffcc | ||||||
| #ff00ff | #ff33ff | #ff66ff | #ff99ff | #ffccff | #ffffff | ||||||
|
|
|||||||||||
19. 滋賀咲く名刺整理ブログ
2007年11月25日
戴いた名刺整理ブログ
「滋賀咲くブログオリジナル名刺」が誕生し、名刺を戴く機会がありましたので。 |
戴いた名刺を整理するために、ブログを開設しました。
使っているテンプレートは「フォトログ ホワイト 横用」。
戴いた名刺はデジカメで撮影し、200×150 px サイズにしています。
+ 名刺交換 （前略 お京＠滋賀咲く発） +
http://ssc.shiga-saku.net/
ご参考まで♪
18. はてなスターを付けてみる Part2
2007年10月22日
コメントボタンとAddボタンを表示させる
|
コメントと☆が付いた時の表示
|
いつ頃からか、「6. はてなスターを付けてみる」の方法では、はてなスターが表示されてなくなってしまいました。
そこで、このブログをはてなスターに登録し、トークンの設定を行って、はてなスターを設置してみることにしました。
+ はてなスター +
http://s.hatena.ne.jp/
続きを読む
17. 自分のブログのRSS型ガジェットを作ってみよう
2007年10月13日
Widgetbox
http://www.widgetbox.com/
「Widgetbox」は、英語のサイトです。
ガジェット作成には、ユーザ登録が必要です。
作り方の流れは、
1. 「Make a Blidget」をクリック
2. ブログの URL を入力
3. ガジェットのデザインやブログのタイトル
などを入力して…
4. 「Publish Blidget」をクリック
5. Display の設定を選択して…
6. 「Get Widget」をクリック
7. 「Get Widget Code」をクリック
8. 表示されたコードを、ブログに張る
・・・というようになります。
16. 特定の月日にメッセージを表示する
15. コメント入力時 入力エリアの色を変える
3・スタイルシートの編集 試行錯誤ツール
2007年09月28日
Web Developer 1.1.2 日本語版
スタイルシートをちょこちょこっと変更してみて。 |
どのような表示になるのか、簡単に確認できるツールがあるよ… と、とある方から教えてもらいました。
そのツールは、Firefox 用のツール「Web Developer 1.1.2 日本語版」です。
1. Firefox をインストールしておられない場合は、これをインストール
http://www.mozilla-japan.org/products/firefox/
2. Web Developer 1.1.2 日本語版をインストール
http://www.infoaxia.com/tools/webdeveloper/download.html
で、Firefox のツールバーに「CSS」の表示が現れます。
スタイルシートの編集をしてみたいブログなりを FIrefox で表示させてから。
「CSS」をクリックして、「CSSを編集する」から、編集が行えます。
これなら、失敗を恐れずに、いろいろと試せそうですね。
（ソフトウェアのインストールによるトラブル等に関しては、対応いたしかねます。恐れ入りますが、自己責任でお願いします）
2・滋賀咲く発のメールをスパム扱いさせない（Yahoo!）
2007年09月24日
Yahoo! JAPAN のフリーメールを使って、滋賀咲くBlog に登録しているのですが。
滋賀咲く（shiga-saku.net）からのメールが、Yahoo! JAPAN のメールフィルタで、スパムメールと判断されるので、困っていました。
Yahoo! JAPAN の「ウイルス・迷惑メール対策ヘルプ」の中に、「[迷惑メール]フォルダに振り分けられたくないメールがある」ときの対処法が掲載されていましたので、設定を行ってみました。
続きを読む
滋賀咲く（shiga-saku.net）からのメールが、Yahoo! JAPAN のメールフィルタで、スパムメールと判断されるので、困っていました。
Yahoo! JAPAN の「ウイルス・迷惑メール対策ヘルプ」の中に、「[迷惑メール]フォルダに振り分けられたくないメールがある」ときの対処法が掲載されていましたので、設定を行ってみました。
続きを読む
14. 個別記事のレイアウト崩れを直す
2007年09月24日
変更前
|
=> | 変更後のイメージ
|
わたしは普段、Windows XP + Opera9.23 で滋賀咲くBlog を見ているんですが。
例えば、コメントを書こうと「Comments」のリンクをクリックして、個別記事の表示にした時に。
記事の右下の部分の文字が、重なってしまっているのが気になっていました。
ブラウザとして Opera を使っていますと。
Intermet Explorer などでは正常に表示されるサイトでも、レイアウトが崩れることがあったりしまして。
滋賀咲くBlog もそうなのかな? と、今まで勝手に思い込んでいました。
が。
Internet Explorer や Firefox でも、レイアウト崩れが起こっていたんですね。
Windows XP + Internet Explorer 7
|
Windows XP + Firefox 2
|
これは、ちょっとイタダケナイなぁ～と思いまして。
文字が、重ならないようにしてみました。
続きを読む
13. ファビコンを付ける
2007年09月24日
変更前
|
=> | 変更後のイメージ
|
「ファビコン」とは…。
FAVorite ICONの略で、ウェブブラウザのブックマーク(お気に入り)リストやウィンドウアイコン・タブなどに現れることのある、ウェブサイト独自のアイコン（「はてなダイヤリー」内 http://d.hatena.ne.jp/keyword/favicon より引用）です。
滋賀咲くBlog では、「
」このファビコンが表示されていますが。これを、自分で作ったファビコンに変えてみようと思いました。
続きを読む
12. サイドバーのメニューを中央寄せにする
11. 投稿日を右端に表示する
10. サイドバー内の記事へのリンクなどを見やすくする
2007年09月16日
変更前
|
=> | 変更後のイメージ
|
「最近の記事」の表示の、記事と記事との分かれ目が解かりにくいのが、気になっていました。
記事のタイトルの先頭に、何か目印になる画像を入れるといいのかなと思い、やってみることにしました。
続きを読む
9. ブログのタイトル部分の背景画像を取る
2007年09月13日
変更前
|
=> | 変更後のイメージ
|
ブログのタイトルが読みにくいのが、気になっていました。
きっと、横線の入っている背景画像があるために、白い文字が読みにくくなっているのだろうなと思いまして。
背景画像を表示させなくしようと思いました。
続きを読む
8. 日時と曜日、1時間単位でメッセージを変えて表示する
2007年09月09日
変更前
|
=> | 変更後のイメージ
|
カスタムプラグインを、記事一覧の上部にも表示できるのに気がつきました。
ふと、何年か前に個人のホームページで流行した、
・年月と日時、曜日の表示
・1 時間単位でメッセージを変えて表示する
という JavaScript を入れてみようと思いました。
続きを読む
7. サイドバーのプラグイン名を変える
2007年09月08日
変更前
|
=> | 変更後のイメージ
|
滋賀咲くBlog での表現が、「最近のトラックバック」ではなく「最近のトラバ」になっているのが、気になっていました。
サイドバーに表示されるプラグインの、名前の表示を変えられる… ということが、nory さんのブログ「カスタムしちゃお♪」に掲載されていましたので、早速やってみることにしました。
+ サイドバー項目名を変更しよう +
http://customshichao.shiga-saku.net/e51189.html
続きを読む
6. はてなスターを付けてみる
1] 9月3日 滋賀咲くBlog のシステム更新
2007年09月02日
9 月 3 日 の 滋賀咲くBlog のシステム更新に伴い、今までのブログの記事を書き直すことにしました。
--- 2007 年 9 月 5 日 (水) 追記 ---
ブログの更新、終了しました。
--- 2007 年 9 月 5 日 (水) 追記 ---
ブログの更新、終了しました。
5. ブログのサイトマップを表示する
2007年09月02日
サイドバーに「SITEMAP」と表示
|
=> | クリックするとサイトマップを表示
|
「管理画面TOP」ページの下の方に、「サイトマップのURL」が表示されていましたので。
ブログから、ブログのサイトマップを表示できるようにしたいなと思いました。
いろんな実現方法があると思うんですけれど。
「カスタムプラグイン」の機能を使うことにしました。
続きを読む
4. 長いプロフィールの一部を隠す
2007年09月02日
変更前
プロフィールにいろいろと書きすぎて、ちょっと長すぎるなぁ～と気になり始めました。  |
そこで、 ブログを表示した時は、簡単に表示。
続きを見たい人は続きを見られる というようにできないかなぁ? と、思いました。
簡単なプロフィールの表示
|
=> | 詳細プロフィールの表示
|
「詳細プロフィール」をクリックすると、詳しいプロフィールを表示しまして。
ついでですので、もう一度「詳細プロフィール」すると、もとの簡単なプロフィールの表示に戻るように… してみました。
続きを読む
