<< 花ごと散った桜 | main | ハッブル望遠鏡20周年 >>
2010.04.22 Thursday

CSSを編集

テンプレートを変えたらCSSの内容も書き換えられてしまいました.復旧するときに設定を忘れていて思い出すのに時間がかかりましたので,備忘録として・・・.

1.引用部分を囲む


/* エントリー本文 */
/* =================================== */
/* 装飾の設定 */
/* =================================== */
blockquote {
background-color:#ccffcc;
margin-left:5px;
margin-right:5px;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
padding-right:5px;
border-top:#006600 1px solid;
border-left:#006600 5px solid;
border-bottom:#006600 1px solid;
border-right:#006600 1px solid
}


2.リンクの色を変更


/* 全般 */
a { color: #444444; text-decoration: underline; }
a:link { color: #0044CC; text-decoration: underline; }
a:visited { color: #0000ff; text-decoration: underline; }
a:active { color: #ff0000; text-decoration: none; }
a:hover { color: #76736d; text-decoration: none;}


3.ブログタイトル(番外地!)の文字を大きく


/* =================================== */
/* #header */
/* =================================== */
#header h1 {
padding: 0;
margin: 0 0 5px 0;
font-size: 3em;
font-weight: bold;
line-height: 1;
}


4.記事のタイトルの背景を水色にして文字を大きく


/* エントリータイトル */
.entry_header{
background-color:#ccffff;
border-right:solid 2px #006600;
border-bottom:solid 2px #006600;
}


span.entry_header_date {
color: #666666;
font-style: italic;
line-height: 1;
float: left;
display: inline;
padding: 3px 0 0 0;
margin: 0 12px 0 0;
}
#main h2 {
background-image:url(http://img-cdn.jg.jugem.jp/b8d/1678167/20100428_900339.gif);
padding-top:3px;
padding-bottom:3px;
padding-left:30px;

font-size: 2em;
padding: 0;
line-height: 1.17;
float: left;
padding: 0;
margin: 0;
}

5.全体背景をグレーから朝顔画像に変更


body {
/* background: #666;*/
background: url( http://img-cdn.jg.jugem.jp/b8d/1678167/20100504_925891.jpg);
padding: 0 0 26px 0;
}

2010/04/24追記:4.項を変更


2010/05/04追記:4.項を変更


2010/05/04追記:5.項を追加


TAMO’s HOME 別荘(メインblog)
コメント
コメントする








 
この記事のトラックバックURL
トラックバック
Calendar
     12
3456789
10111213141516
17181920212223
24252627282930
<< June 2018 >>
ツールバー

2007.02.09から
人目
Selected Entries
Categories
Archives
Recent Comment
Recent Trackback
Links
Profile
Search this site.
Others
Mobile
qrcode
Powered by
30days Album
無料ブログ作成サービス JUGEM