その他：グローネンダールとパピヨンの多頭飼い by Dog*Walk

「その他」カテゴリの記事タイトル一覧（新着順）

2010.07.31・・・ブログを更新したらTwitterにつぶやきを自動で投稿する方法
2007.08.13・・・画面上の色のカラーコードを調べる方法
2007.08.12・・・文字サイズとリンクの色を変更
2007.01.05・・・favicon（ファビコン）を作ってみました

ブログを更新したらTwitterにつぶやきを自動で投稿する方法

ブログとTwitterを連動させることにより、
ブログを更新するとTwitterに自動で
つぶやきを投稿させることができます。

FriendFeedというサービスを利用していましたが、
いつの頃からかTwitterに反映されなくなりました。

そこで、今回twitterfeedに登録してみました。

→続きを読む：ブログを更新したらTwitterにつぶやきを自動で投稿する方法

画面上の色のカラーコードを調べる方法

※　クリックで拡大

ブログのカスタマイズをやっていると、
この色のカラーコードが分かればなぁ…
と思うことがあります。

画面上の色のカラーコードは、フリーウェアのソフトで
簡単に調べることができます。

いくつかソフトウェがありますが、私が使っているのは
FE - Color Paletteです。

文字サイズとリンクの色を変更でリンクの色を変更しましたが、
FE - Color Paletteを使ってGoogleとYahoo!のリンクの色を調べました。

FE - Color Palette起動後、

イメージ　　画面上の色を取得　　カーソルがスポイトに変ります　　画面上の任意の色をクリック

これでカラーコードが分かります！

FE - Color Paletteの他に、Color Samplerなど、探してみるといくつかありますので、お好みのソフトを見つけてくださいね

カラーコードとは、Webページ上で表現される色を指定するための制御コードのこと。

カラーコードはシャープ（#）に続く6桁の16進数で表記される。2桁ごとに赤・青・緑の濃淡が表され、16進数（0～F）の0が最も薄く、Fに近づくほど濃い色となります。
例　　赤「#FF0000」、緑「#00FF00」、青「#0000FF」、白「#FFFFFF」、黒「#000000」、です。

「Red」「Yellow」「Lime」「Aqua」「Blue」「Fuchsia」「Maroon」「Olive」「Green」「Teal」「Navy」「Purple」と「Black」「Gray」「Silver」「White」などの色名で指定できる色もありあます。

2007年8月13日｜コメント（0）｜トラックバック（0）

カテゴリー：その他

文字サイズとリンクの色を変更

ハマの黒ヒョウが、このブログの「文字が小さくて読みにくい」というので、大きくしてみました。

◆CSS（スタイルシート）の変更点◆

文字サイズ

font-size:10px;　　font-size:12px;
font-size:12px;　　font-size:14px;

この文字サイズの指定の仕方は絶対指定で、ブラウザで文字のサイズを変更しても大きさは変りません。見てくれる人のことを考えると、相対指定にした方が親切だと思います。そこで、％指定にして色々数字を変えてみたいのですが、どうも思ったような文字サイズにならず、現時点では断念しました。

リンクの色

変更前
a{color:#666666;　text-decoration:none;}
a:link {text-decoration: underline;}
a:active {text-decoration: underline; position: relative; top:2; left:2;}
a:visited {text-decoration: none;}
a:hover {color: #110f74; text-decoration: none; background-color: #d4e3ff; position: relative; top:2; left:2;}

変更後
a{color:#0000aa; text-decoration:none;}
a:link {text-decoration: underline;}
a:active {text-decoration: underline; position: relative; top:2; left:2;}
a:visited {color:#551a8b; text-decoration: underline;}
a:hover {color: #110f74; text-decoration: none; background-color: #d4e3ff; position: relative; top:2; left:2;}

リンクの色は、GoogleやYahoo!のリンクと近い色に変更しました。初めて来てくださった方に、リンクがどれか、直感的に分かりやすいようにしてみました。

ちなみに検索エンジンのリンクの色は、以下の通りです。
Google（グーグル）
リンク　　#0000cc
訪問済みリンク　　#551a8b

Yahoo!（ヤフー）
リンク　　#0000de
訪問済みリンク　　#663399

2007年8月12日｜コメント（0）｜トラックバック（0）

カテゴリー：その他