解説 2 

2005年10月18日(火) 0時02分
blog_title
{
width:90%;
padding-right:10px;
MARGIN: 30px auto 10px 20px;
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
OVERFLOW: hidden;
COLOR: #f99;
WORD-BREAK: break-all;
LETTER-SPACING: 1px
}


さて次へ。。。
7行目⇒FONT-SIZE: 16px;
これの16っていうのが文字のサイズです。
数字が大きいほどデカ文字になります。

9行目⇒COLOR: #f99;
このCOLORていうのが、
ブログタイトルの文字の色です。

この12行で、ブログタイトルをいじってみよう!!

解説 1 

2005年10月17日(月) 23時42分
.range
{
BORDER-RIGHT: #f99 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #f99 1px solid;
PADDING-LEFT: 0px;
BACKGROUND: #fff;
PADDING-BOTTOM: 0px;
BORDER-LEFT: #f99 1px solid;
PADDING-TOP: 0px;
BORDER-BOTTOM: #f99 1px solid
}

まずこの部分で、、、
7行目のBACKGROUND: #fff;
#fff←これが色の表示記号?だから
これを:
#0000ff⇒青
#ffff00⇒黄色
みたいに変化させてみよう!
そうすると、、、
記事の背景色が変わります!!

さ、やってみよう!!

ピンクのスタイルシート その2 

2005年10月04日(火) 1時46分
↓ココから続き↓
.side_left
{
MARGIN-TOP: 10px;
WIDTH: 175px
}
.side_right
{
MARGIN-TOP: 10px;
WIDTH: 175px
}
.side
{
WIDTH: 175px
}
.side_title
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 10px;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
PADDING-BOTTOM: 5px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 5px;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f99
}
.side_text
{
width:100%;
PADDING-RIGHT: 10px;
PADDING-LEFT: 5px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
PADDING-BOTTOM: 3px;
OVERFLOW: hidden;
COLOR: #333;
WORD-BREAK: break-all;
LINE-HEIGHT: 150%;
PADDING-TOP: 5px
}
.side_text A:link
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #333;
LINE-HEIGHT: 150%;
TEXT-DECORATION: none
}
.side_text A:visited
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #333;
LINE-HEIGHT: 150%;
TEXT-DECORATION: none
}
.side_text A:hover
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #f99;
LINE-HEIGHT: 150%;
TEXT-DECORATION: underline
}
.side_text A:active
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #f99;
LINE-HEIGHT: 150%
}.
calendar
{
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-SIZE: 10px;
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 20px;
COLOR: #333333;
LINE-HEIGHT: 150%;
PADDING-TOP: 0px
}
.calendar A
{
FONT-SIZE: 10px;
COLOR: #333;
TEXT-DECORATION: underline
}
.calendar A:link
{
FONT-SIZE: 10px;
COLOR: #f99;
TEXT-DECORATION: underline
}
.calendar A:visited
{
FONT-SIZE: 10px;
COLOR: #f99;
TEXT-DECORATION: underline
}

ピンクのスタイルシート その1 

2005年10月04日(火) 1時34分
ピンクにしたい人は、
【↓ココから全部↓】と言う箇所から下コピーして!
↓ココから全部↓

HR
{
COLOR: #999;
HEIGHT: 1px
}
H1
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN:0;
PADDING-TOP: 0px
}
H2
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
MARGIN: 0;
}
H3
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px
}
.range
{
BORDER-RIGHT: #f99 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #f99 1px solid;
PADDING-LEFT: 0px;
BACKGROUND: #fff;
PADDING-BOTTOM: 0px;
BORDER-LEFT: #f99 1px solid;
PADDING-TOP: 0px;
BORDER-BOTTOM: #f99 1px solid
}
.blog_title
{
width:90%;
padding-right:10px;
MARGIN: 30px auto 10px 20px;
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
OVERFLOW: hidden;
COLOR: #f99;
WORD-BREAK: break-all;
LETTER-SPACING: 1px
}
.blog_title A:link
{
COLOR: #f99;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}
.blog_title A:visited
{
COLOR: #f99;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}
.blog_title A:hover
{
COLOR: #f99;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}
.blog_title A:active
{
COLOR: #f99;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}
プロフィール
  • プロフィール画像
  • アイコン画像 ニックネーム:daisuky8
読者になる
Yapme!一覧
読者になる