| 匠ボタン（スタイリッシュエフェクト）の使い方 |
| TABLEタグ と TD タグに classを設定すると 下記のように見えます |
--- layout base ； tb1 ---
| TABLEタグ；hpb-lb-tb1 |
| TDタグ ； hpb-lb-tb1-cell1 |
|
| TDタグ ； hpb-lb-tb1-cell2 |
|
| TDタグ ； hpb-lb-tb1-cell3 |
|
| TDタグ ； hpb-lb-tb1-cell4 |
|
| TDタグ ； hpb-lb-tb1-cell5 |
--- layout base ； tb2 ---
| TABLEタグ；hpb-lb-tb2 |
| TDタグ ； hpb-lb-tb2-cell3 |
|
| TDタグ ； hpb-lb-tb2-cell4 |
--- design parts ； dp-tb4 ---
| TDタグ ； hpb-dp-tb4-cell1 |
|
| TDタグ ； hpb-dp-tb4-cell2 |
|
| TDタグ ； hpb-dp-tb4-cell3 |
|
| TDタグ ； hpb-dp-tb4-cell4 |
|
| TDタグ ； hpb-dp-tb4-cell5 |
|
| TDタグ ； hpb-dp-tb4-cell6 |
|
| TDタグ ； hpb-dp-tb4-cell7 |
|
| TDタグ ； hpb-dp-tb4-cell8 |
|
| TDタグ ； hpb-dp-tb4-cell9 |
|
TDタグ ； hpb-dp-tb4-cell10 |
|
| TDタグ ； hpb-dp-tb4-cell11 |
|
| TDタグ ； hpb-dp-tb4-cell12 |
|
| TDタグ ； hpb-dp-tb4-cell13 |
|
| TDタグ ； hpb-dp-tb4-cell14 |
hpb-dp-tb4-cell14のデザインはスタイルシートに下記のように記されています。
.hpb-dp-tb4-cell14 {
font-size: 80%;
line-height: 16px;
padding: 14px;
border-bottom: 1px solid #8E8E8E;
border-left: 1px solid #8E8E8E;
}
この元のシートを編集すれば、独自のデザインが施されます。
>> 元のページに戻る
|
|
