Baobab

■Tweet　色変え例

オリジナルの色がキツくて、なかなか使うに踏み出せないとき（？）これまたカラーチェンジで遊びましょう～！
お気づきの方がいらっしゃるかはわかりませんが、今このサイトでは曜日別にスタイルシートを変えて、遊んでみてます（笑）*日付の調整で確認どうぞｗ
曜日別スクリプトに関してはこちらを参考にさせていただきました。
（Johnでは12色分をカチカチと変えて楽しむのもあったのですが、あまりの重さに曜日別/汗）

さて、本題。Tweetのオリジナルが目に痛すぎかもしれないので、今回は曜日別で使ったCSSを丸ごとだしときますので、『スタイルシートの編集』へコピペって、自分のところでも試して遊んで下さいな。もちろんそれぞれでお好きなように微調節、大幅カスタマイズもどうぞ。

	#7a7052
	#ada385
	#ebadad
	#eeeeee

【 Sunday / sweet 】
甘い感じ？の仕様。
バレンタインの時とかによさげかも。
その頃色変えしてUPするか（笑）

body {
color:	#444;
background: #ebadad;
padding: 0px;
margin: 0px;
font-size: small;
font-family: Verdana,Sans-serif; 
line-height: 150%;
}
#head{ color:#fff; background: #ada385; padding-left: 10%;}
#intro{
color:	#7a7052;
background: #f3f3f3;
font-weight: bold;
padding-right: 10%;
padding-left : 10%;
text-align: right;
font-size: 11px; 
}
#intro a:link,#intro a:visited{ color: #ebadad; text-decoration: none;}
#intro a:hover,#intro a:active{ text-decoration: underline;}
#main{padding: 0; margin: auto 10% 50px 10%;}
#side{ width: 160px; }
#foot{
color:	#eee;
background: #ada385;
text-align: right;
padding-right: 10%;
padding-top:20px;
margin: 0px;
height: 20px;
}

a:link{	 color: #fff; text-decoration: none; }
a:visited{color: #fff; text-decoration: underline; }
a:active{ color: #fff; text-decoration: underline; }
a:hover{  color: #222; text-decoration: underline; }

h1{ padding: 10px;margin:0px;}
h1 a:link,h1 a:visited{ color: #ebadad; text-decoration: none;}
h1 a:hover,h1 a:active{ color: #C30; text-decoration: none;}

dd{font-weight: normal;}
.info{font:	normal 12px Verdana; margin-left: 20px;}
.navi{ margin: 30px 0px 30px 0px; text-align : center;}

.e_date {
color: #eee;
margin: 20px auto 0px auto;
font:	normal bold 15px Verdana;
letter-spacing: 3px;
width: 100%;
}

.e_body{ margin-left:3%;}
.e_ttl{ margin: 10px auto 13px auto;}
.e_ttl a:link,.e_ttl a:visited,.e_ttl a:hover,.e_ttl a:active{ 
color: #444; 
font-weight: bold; 
text-decoration: none;
}
.e_state {
font-family : TAHOMA;
font-size : 8pt;
text-align : right;
margin-bottom: 30px;
}
input,textarea{
	margin-top: 5px;
	border: 1px solid #fff;
	background-color: #ebadad; 
}
blockquote{	padding-left: 15px;	border-left: 3px solid #b39980;}
.send{	color: #eee; background-color: #b39980;}
.copyright {font-size: 9px;line-height: 130%;}
.accent {color: #7a7052;}

.r_ttl {
color: #fff;
background-color: #b39980;
font:	normal bold 15px Verdana;
padding: 3px 5px 0px 5px;
margin: 10px 0px;
letter-spacing: 2px;
}

/* ▽サイドメニュー */
.sttl { color: #eee; font: normal bold 8pt Verdana; padding: 0px; margin: 10px 0px 5px 0px;}
.stxt { color: #7a7052; font-size: 8pt; margin: 2px 0px 20px 3px; }

ul{ margin: 5px 0px 0px 0px ;padding: 0px;list-style-type: circle;}
li{ line-height: 140%; }

/* ツリー化スクリプト */
ul.tree {  list-style: none;  margin: 0px;  padding: 0px;}
ul.tree li {  margin: 0px;  padding: 0px 0px 0px 16px;
  background-image: url(通常画像URL);
  background-repeat: no-repeat;}
ul.tree li.end {
 background-image: url(末端画像URL);}

	#990000
	#CC3300
	#ff3300

【 Tuesday / red 】
白をintroに持ってこようかと思いましたが痛いので赤黒で統一しちゃいました；
doubleのボーダーで区切ってます。

body {
color:	#eee;
background: #900;
padding: 0px;
margin: 0px;
font-size: small;
font-family: Verdana,Sans-serif; 
line-height: 150%;
}

#head{ color:#900; background: #000; padding-left: 10%;
border-bottom: 3px double #900;}
#intro{
color:	#111;
background: #900;
font-weight: bold;
padding-right: 10%;
padding-left : 10%;
text-align: right;
font-size: 11px;
border-bottom: 3px double #000;
}
#intro a:link,#intro a:visited{ color: #eee; text-decoration: none;}
#intro a:hover,#intro a:active{ text-decoration: underline;}
#main{padding: 0; margin: auto 10% 50px 10%;}
#side{ width: 160px; }
#foot{
color:	#ddd;
background: #000;
text-align: right;
padding-right: 10%;
padding-top:20px;
margin: 0px;
height: 20px;
border-top: 3px double #000;
}

a:link{	 color: #FF3300; text-decoration: none; }
a:visited{color: #CC3300; text-decoration: none; }
a:active{ color: #ffffff; text-decoration: underline; }
a:hover{  color: #000000; text-decoration: underline; }

h1{ padding: 10px;margin:0px;}
h1 a:link,h1 a:visited{ color: #eee; text-decoration: none;}
h1 a:hover,h1 a:active{ color: #CC3300; text-decoration: none;}

dd{font-weight: normal;}
.info{font:	normal 12px Verdana; margin-left: 20px;}
.navi{ margin: 30px 0px 30px 0px; text-align : center;}

.e_date {
color: #eee;
margin: 20px auto 0px auto;
font:	normal bold 15px Verdana;
letter-spacing: 3px;
width: 100%;
}

.e_body{ margin-left:3%;}
.e_ttl{ margin: 10px auto 13px auto;}
.e_ttl a:link,.e_ttl a:visited,.e_ttl a:hover,.e_ttl a:active{ 
	color: #000000; 
	font-weight: bold; 
	text-decoration: none;
}
.e_state {
	font-family : TAHOMA;
	font-size : 8pt;
	text-align : right;	
	margin-bottom: 30px;
}
input,textarea{	margin-top: 5px;	border: 1px solid #000;	background-color: #900; color: #eee;}
blockquote{	padding-left: 15px;		border-left: 3px solid #000;}
.send{ 	background-color: #000;	color: #eee;}

.r_ttl {
	color: #ddd;
	font:	normal bold 15px Verdana;
	padding: 3px 5px 0px 5px;
	margin: 10px 0px;
	background-color: #000;
	letter-spacing: 2px;
	border-bottom: 3px double #900;
}

/* ▽サイドメニュー */
.sttl {
color:	#000;
font:	normal bold 8pt Verdana;
padding: 4px 0px 3px 4px;
}
.stxt {
color: #eee;
font-size: 8pt;
margin: 5px 0px 3% 3px;
}

ul{ margin: 10px 0px 0px 0px ;padding: 0px;list-style-type: circle;}
li{ line-height: 140%; }
.copyright {font-size: 9px;line-height: 130%;}

	#003366
	#006699
	#0099cc

【 Wednesday / Blue 】
まぁそっくり橙から青に変えた感じでしょうか。
まだ目に痛くなくて使いやすいはず。

body {
color:	#eee;
background: #09c;
padding: 0px;
margin: 0px;
font-size: small;
font-family: Verdana,Sans-serif; 
line-height: 150%;
}
#head{ color:#fff; background: #036; padding-left: 10%;}
#intro{
color:	#036;
background: #f3f3f3;
font-weight: bold;
padding-right: 10%;
padding-left : 10%;
text-align: right;
font-size: 11px; 
}
#intro a:link,#intro a:visited{ color: #09c; text-decoration: none;}
#intro a:hover,#intro a:active{ text-decoration: underline;}
#main{padding: 0; margin: auto 10% 50px 10%;}
#side{ width: 160px; }
#foot{
color:	#fff;
background: #036;
text-align: right;
padding-right: 10%;
padding-top:20px;
margin: 0px;
height: 20px;
}

a:link{	 color: #000; text-decoration: none; }
a:visited{color: #069; text-decoration: none; }
a:active{ color: #fff; text-decoration: underline; }
a:hover{  color: #000; text-decoration: underline; }

h1{ padding: 10px;margin:0px;}
h1 a:link,h1 a:visited{ color: #fff; text-decoration: none;}
h1 a:hover,h1 a:active{ color: #C30; text-decoration: none;}

dd{font-weight: normal;}
.info{font:	normal 12px Verdana; margin-left: 20px;}
.navi{ margin: 30px 0px 30px 0px; text-align : center;}

.e_date {
color: #eee;
margin: 20px auto 0px auto;
font:	normal bold 15px Verdana;
letter-spacing: 3px;
width: 100%;
}
.e_body{ margin-left:3%;}
.e_ttl{  margin: 10px auto 13px auto;}
.e_ttl a:link,.e_ttl a:visited,.e_ttl a:hover,.e_ttl a:active{ 
	color: #000000; 	font-weight: bold; 	text-decoration: none;
}
.e_state {	font-family: TAHOMA; 	font-size: 8pt; 	text-align: right; 	margin-bottom: 30px;}
input,textarea{
	background-color: #09c; 
	border: 1px solid #fff;
	margin-top: 5px;
}
blockquote{	padding-left: 15px;	border-left: 3px solid #036;}
.send{ 		background-color: #036;	color: #eee;}
.copyright {font-size: 9px;line-height: 130%;}

.r_ttl {
color: #fff;
font:	normal bold 15px Verdana;
padding: 3px 5px 0px 5px;
margin: 10px 0px;
background-color: #036;
letter-spacing: 2px;
}

/* ▽サイドメニュー */
.sttl { color: #eee; font: normal bold 8pt Verdana; padding: 0px; margin: 10px 0px 5px 0px;}
.stxt { color: #036; font-size: 8pt; margin: 2px 0px 20px 3px; }

ul{ margin: 5px 0px 0px 0px ;padding: 0px;list-style-type: circle;}
li{ line-height: 140%; }

	#669933
	#99CC33
	#ffcc33

【 Thursday / green 】
introに色を持ってきちゃったver.
個人的にはbodyに色が好きなので
白地に黒文字は苦手なのか・・；？

body {
color:	#444;
background: #f5f5f5;
padding: 0px;
margin: 0px;
font-size: small;
font-family: Verdana,Sans-serif; 
line-height: 150%;
}

#head{ color:#fff; background: #693; padding-left: 10%;}
#intro{
color:	#fff;
background: #9c3;
font-weight: bold;
padding-right: 10%;
padding-left : 10%;
text-align: right;
font-size: 11px;
}
#intro a:link,#intro a:visited{ color: #FC3; text-decoration: none;}
#intro a:hover,#intro a:active{ text-decoration: underline;}
#main{padding: 0; margin: auto 10% 50px 10%;}
#side{ width: 160px; }
#foot{
color:	#fff;
background: #693;
text-align: right;
padding-right: 10%;
padding-top:20px;
margin: 0px;
height: 20px;
}
a:link{	 color: #fc3; text-decoration: none; }
a:visited{color: #C30; text-decoration: none; }
a:active{ color: #c30; text-decoration: underline; }
a:hover{  color: #000; text-decoration: underline; }
h1{ padding: 10px;margin:0px;}
h1 a:link,h1 a:visited{ color: #fff; text-decoration: none;}
h1 a:hover,h1 a:active{ color: #fc3; text-decoration: none;}

dd{font-weight: normal;}
.info{font:	normal 12px Verdana; margin-left: 20px;}
.navi{ margin: 30px 0px 30px 0px; text-align : center;}
.e_date {
color: #9c3;
margin: 20px auto 0px auto;
font:	normal bold 15px Verdana;
letter-spacing: 3px;
width: 100%;
}
.e_body{ margin-left:3%;}
.e_ttl{ margin: 10px auto 13px auto;}
.e_ttl a:link,.e_ttl a:visited,.e_ttl a:hover,.e_ttl a:active{ 
color: #000000; 
font-weight: bold; 
text-decoration: none;
}
.e_state {
font-family : TAHOMA;
font-size : 8pt;
text-align : right;
margin-bottom: 30px;
}
input,textarea{	margin-top: 5px;	border: 1px solid #693;	background-color: #fff;}
blockquote{	padding-left: 15px;	border-left: 3px solid #693;}
.send{ 		background-color: #693;	color: #fff;}
.copyright {font-size: 9px;line-height: 130%;}
.r_ttl {
color: #fff;
background-color: #9c3;
font:	normal bold 15px Verdana;
padding: 3px 5px 0px 5px;
margin: 10px 0px;
letter-spacing: 2px;
}

/* ▽サイドメニュー */
.sttl { color: #693; font: normal bold 8pt Verdana; padding: 0px; margin: 10px 0px 5px 0px;}
.stxt { color: #333; font-size: 8pt; margin: 2px 0px 20px 3px; }

ul{ margin: 5px 0px 0px 0px ;padding: 0px;list-style-type: circle;}
li{ line-height: 140%; }

	#6b2e6b
	#b34d99
	#cccccc
	#ffff00

【 Friday / grape 】
なぜに紫？と問われれば、
ただやってみたかっただけ（笑）
結果ものすごく葡萄色ちっくに。

body {
color: #ccc;
background: #6b2e6b;
padding: 0px;
margin: 0px;
font-size: small;
font-family: Verdana,Sans-serif; 
line-height: 150%;
}
#head{ color:#aaa; background: #6b2e6b; padding-left: 10%;}
#intro{
color:	#6b2e6b;
background: #b34d99;
font-weight: bold;
padding-right: 10%;
padding-left : 10%;
text-align: right;
font-size: 11px;
}
#intro a:link,#intro a:visited{ color: #fff; text-decoration: none;}
#intro a:hover,#intro a:active{ text-decoration: underline;}
#main{padding: 0; margin: auto 10% 50px 10%;}
#side{ width: 160px; }
#foot{
color:	#ccc;
background: #6b2e6b;
text-align: right;
padding-right: 10%;
padding-top:20px;
margin: 0px;
height: 20px;
}
a:link{	 color: #eee; text-decoration: none; }
a:visited{color: #fff; text-decoration: none; }
a:active{ color: #fff; text-decoration: underline; }
a:hover{  color: #ff0; text-decoration: underline; }

h1{ padding: 10px;margin:0px;}
h1 a:link,h1 a:visited{ color: #fff; text-decoration: none;}
h1 a:hover,h1 a:active{ color: #ff0; text-decoration: none;}

dd{font-weight: normal;}
.accent{ color: #b34d99 ;}
.info{font:	normal 12px Verdana; margin-left: 20px;}
.navi{ margin: 30px 0px 30px 0px; text-align : center;}
.e_date {color: #FFF;
margin: 20px auto 0px auto;font:	normal bold 15px Verdana;letter-spacing: 3px;width: 100%;}
.e_body{ margin-left:3%;}
.e_ttl{ margin: 10px auto 13px auto;}
.e_ttl a:link,.e_ttl a:visited,.e_ttl a:hover,.e_ttl a:active{ 
color: #b34d99; 
font-weight: bold; 
text-decoration: none;
}
.e_state {
font-family : TAHOMA;
font-size : 8pt;
text-align : right;
margin-bottom: 30px;
}
input,textarea{	margin-top: 5px;	border: 1px solid #fff;	background-color: #6b2e6b; color: #fff;}
blockquote{	padding-left: 15px;	border-left: 3px solid #b34d99;}
.send{ 		background-color: #b34d99;	color: #fff;}

.r_ttl {
color: #fff;
background-color: #b34d99;
font:	normal bold 15px Verdana;
padding: 3px 5px 0px 5px;
margin: 10px 0px;
letter-spacing: 2px;
}

/* ▽サイドメニュー */
.sttl { color: #b34d99; font: normal bold 8pt Verdana; padding: 0px; margin: 10px 0px 0px 4px;}
.stxt { color: #ccc; font-size: 8pt;margin: 2px 0px 20px 3px;  }

.copyright {font-size: 9px;line-height: 130%;}
ul{ margin: 5px 0px 0px 0px ;padding: 0px;list-style-type: circle;}
li{ line-height: 140%; }

	#222222
	#8f7a3d
	#f5f5e7
	#CC3300

【 Saturday / beige 】
落ち着いた雰囲気。
一番ベーシック？

body {
color:#222;	
background: #f5f5e7;
padding: 0px;
margin : 0px;
font-size: small;
font-family: Verdana,Sans-serif; 
line-height: 150%;
}
#head{	color:#f5f5e7; background: #8f7a3d; padding-left: 10%;}
#intro{	color:#8f7a3d; background: #fdfdfd;
font-weight: bold; 
padding-right: 10%;
padding-left : 10%;
text-align: right;
font-size: 11px;
}
#intro a:link,#intro a:visited{ color: #c30; text-decoration: none;}
#intro a:hover,#intro a:active{ text-decoration: underline;}
#main{padding: 0; margin: auto 10% 50px 10%;}
#side{ width: 160px; }
#foot{	color:#fff;	background: #8f7a3d;	text-align: right;	padding-right: 10%;	padding-top :  20px;	margin: 0px;	height: 20px;}

a:link{	 color: #999; text-decoration: none; }
a:visited{color: #C30; text-decoration: none; }
a:active{ color: #fff; text-decoration: underline; }
a:hover{  color: #000; text-decoration: underline; }

h1{ padding: 10px;margin:0px;}
h1 a:link,h1 a:visited{ color: #fff; text-decoration: none;}
h1 a:hover,h1 a:active{ color: #C30; text-decoration: none;}

dd{font-weight: normal;}
.info{font:	normal 12px Verdana; margin-left: 20px;}
.navi{ margin: 30px 0px 30px 0px; text-align : center;}

.e_date {
color: #8f7a3d;
margin: 20px auto 0px auto;
font:	normal bold 15px Verdana;
letter-spacing: 3px;
width: 100%;
}

.e_body{ margin-left:3%;}
.e_ttl{ margin: 10px auto 13px auto;}
.e_ttl a:link,.e_ttl a:visited,.e_ttl a:hover,.e_ttl a:active{ 
color: #222; 
font-weight: bold; 
text-decoration: none;
}
.e_state {
font-family : TAHOMA;
font-size : 8pt;
text-align : right;
margin-bottom: 30px;
}

input,textarea{	margin-top: 5px;	background-color: #fff; color: #222;}
blockquote{	padding-left: 15px;	border-left: 3px solid #8f7a3d;}
.send{ 		background-color: #8f7a3d;	color: #fff;}
.copyright {font-size: 9px;line-height: 130%;}

.r_ttl {
color: #fff;
font:	normal bold 15px Verdana;
padding: 3px 5px 0px 5px;
margin: 10px 0px;
background-color: #8f7a3d;
letter-spacing: 2px;
}

/* ▽サイドメニュー */
.sttl { color: #8f7a3d; font: normal bold 8pt Verdana; padding: 0px; margin: 10px 0px 5px 0px;}
.stxt { color: #222; font-size: 8pt; margin: 2px 0px 20px 3px;  }

ul{ margin: 5px 0px 0px 0px ;padding: 0px;list-style-type: circle;}
li{ line-height: 140%; }

	#666666
	#999999
	#cccccc
	#dddddd

【 monotone 】
月曜日仕様をパスする代わりに
これまた何となく配色。
無彩色でシンプルがお好きな方に。

body {
color:	#666;
background: #f5f5f5;
padding: 0px;
margin: 0px;
font-size: small;
font-family: Verdana,Sans-serif; 
line-height: 150%;
}
#head{ 
color:#fff; 
background: #ddd; 
padding-left: 10%;
}
#intro{
color:	#ccc;
background: #fff;
font-weight: bold;
padding-right: 10%;
padding-left : 10%;
text-align: right;
font-size: 11px;
}
#intro a:link,#intro a:visited{ color: #999; text-decoration: none;}
#intro a:hover,#intro a:active{ text-decoration: underline;}
#main{padding: 0; margin: auto 10% 50px 10%;}
#side{ width: 160px; }
#foot{
color:	#999;
background: #eee;
text-align: right;
padding-right: 10%;
padding-top:20px;
margin: 0px;
height: 20px;
}

a:link{	 color: #999; text-decoration: none; }
a:visited{color: #ccc; text-decoration: none; }
a:active{ color: #999; text-decoration: underline; }
a:hover{  color: #999; text-decoration: underline; }

h1 { padding: 10px;margin:0px;}
h1 a:link,h1 a:visited{ color: #fff; text-decoration: none;}
h1 a:hover,h1 a:active{ color: #f5f5f5; text-decoration: none;}

dd{font-weight: normal;}
.info{font:	normal 12px Verdana; margin-left: 20px;}
.navi{ margin: 30px 0px 30px 0px; text-align : center;}

.e_date {
color: #ccc;
margin: 20px auto 0px auto;
font:	normal bold 15px Verdana;
letter-spacing: 3px;
width: 100%;
}
.e_body{ margin-left:3%;}
.e_ttl{ margin: 10px auto 13px auto;}
.e_ttl a:link,.e_ttl a:visited,.e_ttl a:hover,.e_ttl a:active{ 
color: #666; 
font-weight: bold; 
text-decoration: none;
}
.e_state {
font-family : TAHOMA;
font-size : 8pt;
text-align : right;
margin-bottom: 30px;
}
input,textarea{	
color: #666;
background-color: #fff; 
border: 1px solid #ddd;	
margin-top: 5px;	
}
.r_ttl {
color: #fff;
background-color: #ddd;
font:	normal bold 15px Verdana;
padding: 3px 5px 0px 5px;
margin: 10px 0px;
letter-spacing: 2px;
}
.send{ 	color: #fff; background-color: #ccc;}
.copyright {font-size: 9px;line-height: 130%;}
blockquote{	border-left: 3px solid #ddd; padding-left: 15px;}

/* ▽サイドメニュー */
.sttl { color: #ccc; font: normal bold 8pt Verdana;padding: 0px; margin: 10px 0px 0px 4px ;}
.stxt { color: #666; font-size: 8pt; margin: 2px 0px 20px 3px; }

ul{ margin: 5px 0px 0px 0px ;padding: 0px;list-style-type: circle;}
li{ line-height: 140%; }

※表示がものすごく重くなってすみませんm（__；m

2005/10/31 03:33 Mon | edit? | trackback(0) | comment(2)

▲TOP |

Baobab好きに書く

■スポンサーサイト

■Tweet　色変え例

※ Information ※

Categories

Archives || 2005年10月

Recent Comments ↓

Recent Trackback ↓

Links ↓

Profile ↓

S	M	T	W	T	F	S
-	-	-	-	-	-	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31	-	-	-	-	-

S	M	T	W	T	F	S
-	-	-	-	-	-	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31	-	-	-	-	-

Baobab好きに書く

■スポンサーサイト

■Tweet 色変え例

※ Information ※

Categories

Archives || 2005年10月

Recent Comments ↓

Recent Trackback ↓

Links ↓

Profile ↓

■Tweet　色変え例

S	M	T	W	T	F	S
-	-	-	-	-	-	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31	-	-	-	-	-