| aliceblue #F0F8FF (240.248.255) |
antiquewhite #FAEBD7 (250.235.215) |
aqua #00FFFF (0.255.255) |
| aquamarine #7FFFD4 (127.255.212) |
azure #F0FFFF (240.255.255) |
beige #F5F5DC (245.245.220) |
| bisque #FFE4C4 (255.228.196) |
black #000000 (0.0.0) |
blanchedalmond #FFEBCD (255.235.205) |
| blue #0000FF (0.0.255) |
blueviolet #8A2BE2 (138.43.226) |
brass #B5A462 (181.166.66) |
| brown #A52A2A (165.42.42) |
burlywood #DEB887 (222.184.135) |
cadetblue #5F9EA0 (95.158.160) |
| chartreuse #7FFF00 (127.255.0) |
chocolate #D2691F (210.105.30) |
coolcopper #D98719 (100.149.237) |
| copper #B87333 (184.115.51) |
coral #FF7F50 (255.127.80) |
cornflowerblue #42426F (66.66.111) |
| cornflower #6495ED (100.149.237) |
cornsilk #FFF8DC (255.248.220) |
crimson #DC143C (220.20.60) |
| cyan #00FFFF (0.255.255) |
darkblue #000088 (0.0.139) |
darkbrown #5C4033 (92.40.51) |
| darkcyan #008B8B (0.139.139) |
darkgoldenrod #B8860B (184.134.11) |
darkgray #A9A9A9 (169.169.169) |
| darkgreen #006400 (0.100.0) |
darkkhaki #BDB76B (189.183.107) |
darkmagenta #8B008B (139.0.139) |
| darkolivegreen #556B2F (85.107.47) |
darkorange #FF8C00 (255.140.0) |
darkorchid #9932CC (153.50.204) |
| darkred #8B0000 (139.0.0) |
darksalmon #E9967A (233.150.122) |
darkseagreen #8FBC8F (143.188.143) |
| darkslateblue #483D8B (72.61.139) |
darkslategray #2F4F4F (47.79.79) |
darkturquoise #00CED1 (0.206.209) |
| darkviolet #9400D3 (148.0.211) |
deeppink #FF1493 (255.20.147) |
deepskyblue #00BFFF (0.191.255) |
| dimgray #696969 (105.105.105) |
dodgerblue #1E90FF (30.144.255) |
feldsper #D19275 (209.146.117) |
| firebrick #B22222 (178.34.34) |
floralwhite #FFFAF0 (255.250.240) |
forestgreen #228B22 (34.139.34) |
| fuchsia #FF00FF (255.0.255) |
gainsboro #DCDCDC (220.220.220) |
ghostwhite #F8F8FF (248.248.255) |
| gold #FFD700 (255.215.0) |
goldenrod #DAA520 (218.165.32) |
gray #808080 (128.128.128) |
| green #008000 (0.128.0) |
greenyellow #ADFF2F (173.255.47) |
honeydew #F0FFF0 (240.255.240) |
| hotpink #FF69B4 (255.105.180) |
indianred #CD5C5C (205.92.92) |
indigo #4B0082 (75.0.130) |
| ivory #FFFFF0 (255.255.240) |
khaki #F0E68C (240.230.140) |
lavender #E6E6FA (230.230.250) |
| lavenderblush #FFF0F5 (250.240.245) |
lawngreen #7CFC00 (124.252.0) |
lemonchiffon #FFFACD (255.250.205) |
| lightblue #AAD8E6 (173.216.230) |
lightcoral #F08080 (240.128.128) |
lightcyan #E0FFFF (224.255.255) |
| lightgoldenrodyellow #FAFAD2 (250.250.210) |
lightgreen #90EE90 (144.238.144) |
lightgrey #D3D3D3 (211.211.211) |
| lightpink #FFB6C1 (255.182.193) |
lightsalmon #FFA07A (255.182.193) |
lightseagreen #20B2AA (32.178.170) |
| lightskyblue #87CEFA (176.196.222) |
lightslategray #778899 (119.136.153) |
lightsteelblue #B0C4DE (172.196.222) |
| lightyellow #FFFFE0 (255.255.224) |
lime #00FF00 (0.255.0) |
limegreen #32CD32 (50.205.50) |
| linen #FAF0E6 (250.240.230) |
magenta #FF00FF (255.0.255) |
maroon #800000 (128.0.0) |
| mediumaquamarine #66CDAA (102.205.170) |
mediumblue #0000CD (0.0.205) |
mediumorchid #BA55D3 (186.85.211) |
| mediumpurple #9370DB (147.112.219) |
mediumseagreen #3CB371 (60.179.113) |
mediumslateblue #7B68EE (123.104.238) |
| mediumspringgreen #00FA9A (0.250.154) |
mediumturquoise #48D1CC (72.209.204) |
mediumvioletred #C71585 (199.21.133) |
| midnightblue #191970 (25.25.112) |
mintcream #F5FFFA (245.255.250) |
mistyrose #FFE4E1 (255.228.225) |
| moccasin #FFE4B5 (255.228.181) |
navajowhite #FFDEAD (255.222.173) |
navy #000080 (0.0.128) |
| oldlace #FDF5E6 (253.245.230) |
olive #808000 (128.128.0) |
oliverab #6B8E23 (107.142.35) |
| orange #FFA500 (155.165.0) |
orangered #FF4500 (255.69.0) |
orchid #DA70D6 (218.112.214) |
| palegoldenrod #EEE8AA (238.232.170) |
palegreen #98FB98 (152.251.152) |
paleturquoise #AFEEEE (175.238.238) |
| palevioletred #DB7093 (219.112.147) |
papayawhip #FFEFD5 (255.239.213) |
peachpuff #FFDAB9 (255.218.185) |
| peru #CD853F (205.133.63) |
pink #FFC0CB (255.192.203) |
plum #DDA0DD (221.160.221) |
| powderblue #B0D0E6 (176.224.230) |
purple #800080 (128.0.128) |
red #FF0000 (255.0.0) |
| richblue #5959AB (89.89.171) |
rosybrown #BC8F8F (188.143.143) |
royalblue #4169E1 (65.105.255) |
| saddlebrown #8B4513 (139.69.19) |
salmon #FA8072 (250.128.114) |
sandybrown #F4A460 (244.164.96) |
| seagreen #2E8B57 (46.139.87) |
seashell #FFF5EE (255.245.238) |
sienna #A0522D (160.82.45) |
| silver #C0C0C0 (192.192.192) |
skyblue #87CEEB (135.206.235) |
slateblue #6A5ACD (106.90.205) |
| slategray #708090 (112.128.144) |
snow #FFFAFA (255.250.250) |
springgreen #00FF7F (0.255.127) |
| steelblue #4682B4 (70.130.180) |
tan #D2B48C (210.180.140) |
teal #008080 (0.128.128) |
| thistle #D8BFD8 (216.191.216) |
tomato #FF6347 (255.99.71) |
turquoise #40E0D0 (64.224.208) |
| violet #EE82EE (238.130.238) |
wheat #F5DEB3 (245.222.179) |
white #FFFFFF (255.255.255) |
| whitesmoke #F5F5F5 (245.245.245) |
yellow #FFFF00 (255.255.0) |
yellowgreen #9ACD32 (154.205.50) |
スポンサードリンク
2006年07月08日
色の管理
サイトをカスタマイズするときには、
やはり色の管理は大切ですね。
代表的な色を示しておきますので
参考にして下さい。
2006年04月24日
ランキングサイトを設置する方法
ランキングサイトを設置する方法
ブログを少しカスタマイズできてきたら、
ブログのランキングサイトを設置してみましょう。
もちろん無料で設置できますので、
料金は頂きません。。。
多少は、ブログの見栄えが良くなるかな♪
アクセスランキングサービスとは？
アクセスランキングサービスはあなたのページへの
リンク元サイトを自動集計して、
ランキング形式で表示させることができるサービスです。
自分のページへより多くのアクセスを送ってくれる
リンク元サイトをランキング上位で紹介させることにより、
簡単に効率的な相互リンクを実現することができます。
【i2i】アクセスランキング無料レンタル
【i2i】無料レンタルCGIサービス -SEO対策ツール無料レンタル-
このサイトのサービスの特徴は
あなたのページへのアクセスが、自動的に相互リンクになります。
ID無しの直リンクでカウントしている為、
今話題のSEO対策にもなります。
もちろんブログにも完全対応です。
ここで注意したいのが、
無料でできるランキングサイトの中には、
IDで管理しているランキングサイトもあります。
これは、どうゆう意味か？
IDで管理していると本当の相互リンクとは、言えませんね♪
URL同士がお互いにあって、初めて相互リンクになるわけです。
相互リンクが多いと、あなたのサイトにくる人が増加します。
また、グーグルのページランクもあがる可能性があります。
ロボット検索も頻繁にやってくる可能性があがります。
なので、相互リンクは、良い事だらけです。
このサイトのランキングは
ID無しの直リンクでカウントしている と言っているので、
自動的に相互リンクとなってくれます。
自分が、他のランキングサイトに登録するのではなく、
今度は、自分でランキングサイトを作成して見ましょう♪
ちょっと、ブログがさびしい時には、ランキングがあると良いかも。。。
興味のある方は、使用してみてください。
これもブログのカスタマイズの一つですから。。。
【i2i】アクセスランキング無料レンタル
ブログを少しカスタマイズできてきたら、
ブログのランキングサイトを設置してみましょう。
もちろん無料で設置できますので、
料金は頂きません。。。
多少は、ブログの見栄えが良くなるかな♪
アクセスランキングサービスとは？
アクセスランキングサービスはあなたのページへの
リンク元サイトを自動集計して、
ランキング形式で表示させることができるサービスです。
自分のページへより多くのアクセスを送ってくれる
リンク元サイトをランキング上位で紹介させることにより、
簡単に効率的な相互リンクを実現することができます。
このサイトのサービスの特徴は
あなたのページへのアクセスが、自動的に相互リンクになります。
ID無しの直リンクでカウントしている為、
今話題のSEO対策にもなります。
もちろんブログにも完全対応です。
ここで注意したいのが、
無料でできるランキングサイトの中には、
IDで管理しているランキングサイトもあります。
これは、どうゆう意味か？
IDで管理していると本当の相互リンクとは、言えませんね♪
URL同士がお互いにあって、初めて相互リンクになるわけです。
相互リンクが多いと、あなたのサイトにくる人が増加します。
また、グーグルのページランクもあがる可能性があります。
ロボット検索も頻繁にやってくる可能性があがります。
なので、相互リンクは、良い事だらけです。
このサイトのランキングは
ID無しの直リンクでカウントしている と言っているので、
自動的に相互リンクとなってくれます。
自分が、他のランキングサイトに登録するのではなく、
今度は、自分でランキングサイトを作成して見ましょう♪
ちょっと、ブログがさびしい時には、ランキングがあると良いかも。。。
興味のある方は、使用してみてください。
これもブログのカスタマイズの一つですから。。。
2006年04月23日
ブログのTOPページに画像を貼り付けてみましょう
ブログタイトルに画像を貼り付けてみる
ブログのTOPページに画像を貼り付けてみましょう
カスタマイズする領域は
タイトルの部分ですので
#banner
の場所です。
まず。。。
seesaa blog の
「マイ・ブログ」から編集するブログを選択
「デザイン」 ⇒ 「スタイルシート」
編集するタイトル を クリック
例）シンプルホワイト・・・などなど
そうして
#banner の部分を探します。
#banner{ } 内の文章に
background-image:url(画像のあるURLを入れてください);
background-repeat:no-repeat;
background-position: 100% 0%;
の3行を追加すれば、
画像をタイトルに設置することができます。
これで、あなたは、ブログのタイトルの部分に
画像が反映されている場所は理解できました。
まだ、画像が反映されていない場合、
seesaaブログで、画像をアップできますので、
まず、画像をseesaaへ送ってみましょう。
「マイ・ブログ」から編集するブログを選択
「記事」 ⇒ 「記事投稿 」
通常記事を書く場所の下の
「 ファイルマネージャ 」 をクリックして画像データをアップできます。
そのファイルの場所は
「 HTML 」をクリックすると確認できます。
例）http://seesaablog-test.seesaa.net/image/top.jpg
こんな感じで、画像をアップした場所を確認できます。。。
なので、
（画像のあるURLを入れてください） の部分にURLを入れておきます。
background-image:url(http://seesaablog-test.seesaa.net/image/top.jpg);
background-repeat:no-repeat;
background-position: 100% 0%;
#banner{ } 内に、
この上記、太字の3行を追加してください。
#banner{
font-family:arial, Helvetica;
color:#69C;
margin:0px;
width:805px;
padding:10px;
border-bottom:2px dotted #666;
background-image:url(http://seesaablog-test.seesaa.net/image/top.jpg);
background-repeat:no-repeat;
background-position: 100% 0%;
}
ブログの再構築は、忘れずに。。。。
ブログのTOPページに画像を貼り付けてみましょう
カスタマイズする領域は
タイトルの部分ですので
#banner
の場所です。
まず。。。
seesaa blog の
「マイ・ブログ」から編集するブログを選択
「デザイン」 ⇒ 「スタイルシート」
編集するタイトル を クリック
例）シンプルホワイト・・・などなど
そうして
#banner の部分を探します。
#banner{ } 内の文章に
background-image:url(画像のあるURLを入れてください);
background-repeat:no-repeat;
background-position: 100% 0%;
の3行を追加すれば、
画像をタイトルに設置することができます。
これで、あなたは、ブログのタイトルの部分に
画像が反映されている場所は理解できました。
まだ、画像が反映されていない場合、
seesaaブログで、画像をアップできますので、
まず、画像をseesaaへ送ってみましょう。
「マイ・ブログ」から編集するブログを選択
「記事」 ⇒ 「記事投稿 」
通常記事を書く場所の下の
「 ファイルマネージャ 」 をクリックして画像データをアップできます。
そのファイルの場所は
「 HTML 」をクリックすると確認できます。
例）http://seesaablog-test.seesaa.net/image/top.jpg
こんな感じで、画像をアップした場所を確認できます。。。
なので、
（画像のあるURLを入れてください） の部分にURLを入れておきます。
background-image:url(http://seesaablog-test.seesaa.net/image/top.jpg);
background-repeat:no-repeat;
background-position: 100% 0%;
#banner{ } 内に、
この上記、太字の3行を追加してください。
#banner{
font-family:arial, Helvetica;
color:#69C;
margin:0px;
width:805px;
padding:10px;
border-bottom:2px dotted #666;
background-image:url(http://seesaablog-test.seesaa.net/image/top.jpg);
background-repeat:no-repeat;
background-position: 100% 0%;
}
ブログの再構築は、忘れずに。。。。
2006年04月20日
カスタマイズする領域の確認
全てのブログにいえることですが・・・・
カスタマイズの手順としては、
既存のテンプレートを基にして
変更したい個所だけ編集していくのが一般的でしょう。
そこで、各ブログにおいてカスタマイズするためには
避けて通れないものがありますね♪
それは・・・
各要素を認識することです。
例えば、
タイトルの領域
記事の領域
サイドバーの領域
。。。。などにに付けられた名前です。
seesaaの場合はこんな感じでしょうか
タイトルの領域は、banner
記事の領域は、content
左サイドバーの領域は、links-left
右サイドバーの領域は、links
フッターの領域は、footer
という事がわかると思います。
カスタマイズの手順としては、
既存のテンプレートを基にして
変更したい個所だけ編集していくのが一般的でしょう。
そこで、各ブログにおいてカスタマイズするためには
避けて通れないものがありますね♪
それは・・・
各要素を認識することです。
例えば、
タイトルの領域
記事の領域
サイドバーの領域
。。。。などにに付けられた名前です。
seesaaの場合はこんな感じでしょうか
タイトルの領域は、banner
記事の領域は、content
左サイドバーの領域は、links-left
右サイドバーの領域は、links
フッターの領域は、footer
という事がわかると思います。
2006年04月15日
新着記事の日付を消して、■に変える方法
新着記事の日付を消して、■に変える方法
デフォルトだとseesaaの場合
新着記事の部分は
(10/23)記事タイトル
のようになっていると思います
日付があると都合が悪い場合
日付を表示させたくない
日付を無くしてスッキリさせたい
。。。と思う方もいるでしょう。
この新着記事の日付の部分を
■記事タイトル としてみましょう
デザイン ⇒ コンテンツ へ行きます。
コンテンツ一覧の 新着記事 をクリック
コンテンツHTMLの編集 を クリック
（＜% article.createstamp | date_format("%m/%d") %＞）
の部分を
＜span style="color:#FF6500;"＞■＜/span＞
に変更します。
注意）
＜や（＜の部分は全角にしてあります。
コピペする場合は、半角にして御使用してください。
オレンジ色の■に変更されます。
カラーの部分を変更したければ
color:#FF6500 （オレンジ）
color:#0000FF （ブルー）
color:#FF0000 （レッド）
color:#FFFF00 （イエロー）
に変更できます
また、■や□や★などにも変更してみてください♪
デフォルトだとseesaaの場合
新着記事の部分は
(10/23)記事タイトル
のようになっていると思います
日付があると都合が悪い場合
日付を表示させたくない
日付を無くしてスッキリさせたい
。。。と思う方もいるでしょう。
この新着記事の日付の部分を
■記事タイトル としてみましょう
デザイン ⇒ コンテンツ へ行きます。
コンテンツ一覧の 新着記事 をクリック
コンテンツHTMLの編集 を クリック
（＜% article.createstamp | date_format("%m/%d") %＞）
の部分を
＜span style="color:#FF6500;"＞■＜/span＞
に変更します。
注意）＜や（＜の部分は全角にしてあります。
コピペする場合は、半角にして御使用してください。
オレンジ色の■に変更されます。
カラーの部分を変更したければ
color:#FF6500 （オレンジ）
color:#0000FF （ブルー）
color:#FF0000 （レッド）
color:#FFFF00 （イエロー）
に変更できます
また、■や□や★などにも変更してみてください♪
2006年03月20日
一般的にブログをカスタマイズするには。。。。
一般的にブログをカスタマイズするには。。。。
．まずブログのテンプレートを選択する
．該当するID名やクラス名を確認する
．CSSやHTMLを編集する
．デザインを確認してみる
．必要な画像をアップロードする
後は、⇒⇒⇒
の繰り返しです。
（変更したら再構築は忘れずに。。。）
これは、seesaaのブログに限らず、
ほとんど全てのブログをカスタマイズ
する際には、必要ですね。
．まずブログのテンプレートを選択する．該当するID名やクラス名を確認する．CSSやHTMLを編集する．デザインを確認してみる．必要な画像をアップロードする後は、
⇒⇒⇒の繰り返しです。
（変更したら再構築は忘れずに。。。）
これは、seesaaのブログに限らず、
ほとんど全てのブログをカスタマイズ
する際には、必要ですね。
2005年11月28日
seesaaでサイトマップを作成
ある程度記事が出来てくると、
訪問してくれた人が迷子にならないようにサイトマップを
作成したほうが親切ですよね。。。
サイトマップ作成は、SEO対策にも有効とかって話もあります。
本当のところは、よく解りませんけど・・・
で、seesaa（シーサー）で簡単にサイトマップを作成しようと思って
見たんですが。。。
簡単には作れないんですかねぇ〜
やはり、力ずくで作成しなければいけないんだろうか。。
やってやれない事はないんですが、
もっと、簡単に作成できると嬉しいですね。
この記事は、2005年11月に書いているのですが、
今後、簡単に作成できるようになるんだろうか。。。。
訪問してくれた人が迷子にならないようにサイトマップを
作成したほうが親切ですよね。。。
サイトマップ作成は、SEO対策にも有効とかって話もあります。
本当のところは、よく解りませんけど・・・
で、seesaa（シーサー）で簡単にサイトマップを作成しようと思って
見たんですが。。。
簡単には作れないんですかねぇ〜
やはり、力ずくで作成しなければいけないんだろうか。。
やってやれない事はないんですが、
もっと、簡単に作成できると嬉しいですね。
この記事は、2005年11月に書いているのですが、
今後、簡単に作成できるようになるんだろうか。。。。
2005年11月03日
シンプルホワイトを使うと右落ちする？
どうもシンプルホワイトを設定すると右落ちしちゃうんです
モニターが小さい
ウィンドウを小さくすると
この現象が起きるようです・・・
家のモニター小さいのもで。。。
で、そんな時は、こんな風に設定してはいかがでしょうか
例として、テンプレートのシンプルホワイトを使用してみます。
続きを読む
モニターが小さい
ウィンドウを小さくすると
この現象が起きるようです・・・
家のモニター小さいのもで。。。
で、そんな時は、こんな風に設定してはいかがでしょうか
例として、テンプレートのシンプルホワイトを使用してみます。
続きを読む
2005年10月11日
posted by ○○ at 11:21 | Comment(0) | TrackBack(0) | 日記
本日は、seesaaブログの記事を投稿すると出てきますね
posted by ○○ at 11:21 | Comment(0) | TrackBack(0) | 日記
この部分をカスタマイズしてみましょう
時間だけを表示しない方法
新規記事を投稿すると、最後に以下のような一行が表示されますが、
posted by ○○ at 11:21 | Comment(0) | TrackBack(0) | 日記
この中から、記事を投稿した時間だけを表示しない方法です。
記事の時間を表示させないだけで、コメント欄の時間は表示されます。
続きを読む
posted by ○○ at 11:21 | Comment(0) | TrackBack(0) | 日記
この部分をカスタマイズしてみましょう
時間だけを表示しない方法
新規記事を投稿すると、最後に以下のような一行が表示されますが、
posted by ○○ at 11:21 | Comment(0) | TrackBack(0) | 日記
この中から、記事を投稿した時間だけを表示しない方法です。
記事の時間を表示させないだけで、コメント欄の時間は表示されます。
続きを読む
