スポンサードリンク

2006年07月08日

色の管理

サイトをカスタマイズするときには、 やはり色の管理は大切ですね。 代表的な色を示しておきますので 参考にして下さい。
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年04月24日

ランキングサイトを設置する方法

ランキングサイトを設置する方法


ブログを少しカスタマイズできてきたら、
ブログのランキングサイトを設置してみましょう。
もちろん無料で設置できますので、
料金は頂きません。。。


多少は、ブログの見栄えが良くなるかな♪


アクセスランキングサービスとは?

アクセスランキングサービスはあなたのページへの
リンク元サイトを自動集計して、
ランキング形式で表示させることができるサービスです。

自分のページへより多くのアクセスを送ってくれる
リンク元サイトをランキング上位で紹介させることにより、
簡単に効率的な相互リンクを実現することができます。

i2i.jpg

【i2i】アクセスランキング無料レンタル
【i2i】無料レンタルCGIサービス -SEO対策ツール無料レンタル-

このサイトのサービスの特徴は
あなたのページへのアクセスが、自動的に相互リンクになります。
ID無しの直リンクでカウントしている為、
今話題のSEO対策にもなります。
もちろんブログにも完全対応です。


ここで注意したいのが、
無料でできるランキングサイトの中には、
IDで管理しているランキングサイトもあります。

これは、どうゆう意味か?

IDで管理していると本当の相互リンクとは、言えませんね♪
URL同士がお互いにあって、初めて相互リンクになるわけです。

相互リンクが多いと、あなたのサイトにくる人が増加します。
また、グーグルのページランクもあがる可能性があります。
ロボット検索も頻繁にやってくる可能性があがります。


なので、相互リンクは、良い事だらけです。


このサイトのランキングは
ID無しの直リンクでカウントしている と言っているので、
自動的に相互リンクとなってくれます。


自分が、他のランキングサイトに登録するのではなく、
今度は、自分でランキングサイトを作成して見ましょう♪

ちょっと、ブログがさびしい時には、ランキングがあると良いかも。。。

興味のある方は、使用してみてください。
これもブログのカスタマイズの一つですから。。。

【i2i】アクセスランキング無料レンタル


2006年04月23日

ブログのTOPページに画像を貼り付けてみましょう

ブログタイトルに画像を貼り付けてみる

ブログのTOPページに画像を貼り付けてみましょう


カスタマイズする領域は
タイトルの部分ですので

#banner

の場所です。

seesaa blog.jpg


まず。。。

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の場合はこんな感じでしょうか

seesaa blog.jpg

タイトルの領域は、banner
記事の領域は、content
左サイドバーの領域は、links-left
右サイドバーの領域は、links
フッターの領域は、footer

という事がわかると思います。

2006年04月15日

新着記事の日付を消して、■に変える方法

新着記事の日付を消して、■に変える方法

デフォルトだとseesaaの場合

新着記事の部分は

(10/23)記事タイトル

のようになっていると思います



日付があると都合が悪い場合
日付を表示させたくない
日付を無くしてスッキリさせたい
。。。と思う方もいるでしょう。





この新着記事の日付の部分を

■記事タイトル  としてみましょう


デザイン ⇒ コンテンツ へ行きます。
デザインからコンテンツde_con.jpg



コンテンツ一覧の 新着記事 をクリック
コンテンツ一覧の新着記事sinchaku.jpg



コンテンツHTMLの編集cont.jpg

コンテンツHTMLの編集  を クリック



(<% article.createstamp | date_format("%m/%d") %>)


の部分を


span style="color:#FF6500;"/span

に変更します。

ひらめき注意)
(<の部分は全角にしてあります。
コピペする場合は、半角にして御使用してください。



オレンジ色のに変更されます。

カラーの部分を変更したければ
color:#FF6500 (オレンジ)
color:#0000FF (ブルー)
color:#FF0000 (レッド)
color:#FFFF00 (イエロー)
に変更できます


また、■や□や★などにも変更してみてください♪


2006年03月20日

一般的にブログをカスタマイズするには。。。。

一般的にブログをカスタマイズするには。。。。


1.まずブログのテンプレートを選択する


2.該当するID名クラス名を確認する


3CSSHTMLを編集する


4デザインを確認してみる


5.必要な画像をアップロードする



後は、3453

の繰り返しです。
(変更したら再構築は忘れずに。。。)


これは、seesaaのブログに限らず、
ほとんど全てのブログをカスタマイズ
する際には、必要ですね。

2005年11月28日

seesaaでサイトマップを作成

ある程度記事が出来てくると、
訪問してくれた人が迷子にならないようにサイトマップを
作成したほうが親切ですよね。。。

サイトマップ作成は、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) | 日記

この中から、記事を投稿した時間だけを表示しない方法です。
記事の時間を表示させないだけで、コメント欄の時間は表示されます。

続きを読む

2005年10月10日

記事の日付の削除方法

記事の日付の削除方法

記事の日付を表示させたくないときに使ってください。

まず「デザイン」⇒「スタイルシート」へ行きましょう



続きを読む
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。