Home > スポンサー広告 > sharpgreenテンプレートのカスタマイズ

スポンサーサイト

スポンサー広告

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Comments:-

Comment Form

Trackback+Pingback:-

TrackBack URL for this entry
http://karafuto50.blog117.fc2.com/tb.php/48-d6afdbff
Listed below are links to weblogs that reference
スポンサーサイト from Karafuto Blog

Home > スポンサー広告 > sharpgreenテンプレートのカスタマイズ

Home > blog > sharpgreenテンプレートのカスタマイズ

sharpgreenテンプレートのカスタマイズ

blog

寒くなってきたから衣替えと言うわけではないが、ブログのテンプレートをFC2ブログ公式テンプレート sharpgreenに変えてみた。

h4要素のスタイルを追加

.content h4 {
  font-size : 110%;
  margin : 2em 0 0.5em ;
  padding : 0 0 0 0.2em ;
}

h5要素のスタイルを追加

.content h5 {
  font-size : 100%;
  margin : 1.5em 0 0.5em ;
  padding : 0 0 0 0.2em ;
}

kbd要素のスタイルを追加

.content kbd {
  border : 1px outset gray;
  padding : 2px 4px;
  margin : 2px 4px;
}

pre要素のスタイルを追加

Karafuto Blog pre要素のスタイルを追加のものから背景色を変えて使った。

.content pre {
  margin: 1em 0 1em 1em ;
  padding: 0.5em;
  overflow: auto;
  color: #444;
  background-color: #DDFFDD;
  overflow-y: hidden;
  *padding-bottom: 25px; 
}

em要素のスタイルを追加

Karafuto Blog whiteテンプレートのカスタマイズそのまま。

.content em {
  color: #c00;
  font-style: normal;
}

テーブルのスタイルを追加

テーブルは真っ白けなので、Karafuto Blog whiteテンプレートのカスタマイズのスタイルを追加。

.content table, .content th, .content td, .content tt {
  border: 1px solid #ccc;
  border-collapse : collapse;
}
.content th {
  background-color : #f7f7f7;
}

画像の枠線を消した

.content img {
  border: 0px;
  margin: 0 10px 5px 0;
}

記事のパラグラフの間隔を広げた

.content p {
  margin : 1em 0;
}

Comments:0

Comment Form

Trackback+Pingback:0

TrackBack URL for this entry
http://karafuto50.blog117.fc2.com/tb.php/48-d6afdbff
Listed below are links to weblogs that reference
sharpgreenテンプレートのカスタマイズ from Karafuto Blog

Home > blog > sharpgreenテンプレートのカスタマイズ

おまかせリンク(R)
全記事表示リンク
Search
Meta
Feeds

Page Top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。