テスト用

大見出し1

本文

中見出し1-1

【小見出しの文字縮小】
/* =Headline

小見出し1-1-1【元の内容】

h3,
h4 {
  font-size:108%;    /* 14px */
}

小見出し1-1-2【文字縮小】

h3 {
  font-size:108%;    /* 14px */
}
h4 {
  font-size:100%;
}

中見出し1-2

【小見出しの下線削除&縦棒短縮】
/* =User Page style (Easy Edit Style)

小見出し1-2-1【元の内容】

.user_body h4 {
  margin-bottom: 5px;
   padding: 3px 5px 3px 4px;
   border-bottom: 1px solid #B7906C;
   border-left: 6px solid #B7906C;
   color: #655646;
}

小見出し1-2-2【下線削除】

.user_body h4 {
  margin-bottom: 5px;
   padding: 3px 5px 3px 4px;
   border-left: 6px solid #B7906C;
   color: #655646;
}

小見出し1-2-3【下線削除+縦棒短縮】

.user_body h4 {
  margin-bottom: 5px;
   padding: 0px 5px 0px 4px;
   border-left: 6px solid #B7906C;
   color: #655646;
}

中見出し1-3

【メニューと記事の配分調整】

小見出し1-3-1【元の内容】

#container {
  overflow:hidden;
   width:870px;
   margin:20px auto;
   padding:20px 20px 20px 10px;
   background-color:#FFFFFF;
}

#main {
  float:right;
   overflow:hidden;
   width:610px;
}

#menu { float:left; }
.menubox {
  overflow: hidden;
   width: 220px;
   padding: 10px;
}

.user_body div {
  margin:0 15px;
}

小見出し1-3-2【調整例】

#container {
  overflow:hidden;
   width:900px;        /*全体の幅調整*/
   margin:20px auto;
   padding:20px 20px 20px 10px;
   background-color:#FFFFFF;
}

#main {
  float:right;
   overflow:hidden;
   width:660px;        /*記事部の幅調整*/
}

#menu { float:left; }
.menubox {
  overflow: hidden;
   width: 200px;        /*メニュー部の幅調整*/
   padding: 10px;        /*メニューの縁の部分の幅*/
}

.user_body div {
  margin:0 0px;        /*本文両脇の空白の幅調整*/
}

中見出し1-4

【小見出し先頭部分の調整】

小見出し1-4-1【元の内容】

.user_body h4 {
  margin-bottom:8px;
   padding:5px 4px;
   border-left:8px solid #CC0000;
   background-color:#F5F5F5;
}

小見出し1-4-2【調整例】

.user_body h4 {
  margin-bottom:8px;
   padding:1px 5px;    /*棒の高さ+棒と見出し名との間の空白調整*/
   border-left:4px solid #F08000;    /*棒の幅と色の調整*/
   background-color:#F5F5F5;
}

大見出し2

本文

中見出し2-1

本文

小見出し2-1-1

本文

小見出し2-1-2

本文

中見出し2-2

本文

小見出し2-2-1

本文

小見出し2-2-2

本文

  • 最終更新:2012-12-06 20:26:51

このWIKIを編集するにはパスワード入力が必要です

認証パスワード