オリジナルスキンCSSの編集 記事枠(画像)7
2カラム用 横550pxです
上の画像
中の画像
下の画像
お持ち帰り、加工は自由にどうぞ
CSSの編集で下の部分を探して
赤字部分を削除するか
青字部分 /* と */ を加えてこの部分のCSSを無効にします
説明はスタンダードのグレイ・ピーチ・グリーン・ブルーのスキンの場合です
/* ---------- entry : 各記事枠 ---------------- */
/*
.entry{
width:99%;
margin-bottom:20px;
}
.entry .date{
width:99%;
background-color:#F5F5F5;
padding:5px 0 2px 5px;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
display:block;
color:#000000;
}
.entry .name{
margin-top:5px;
display:block;
}
.entry .theme{
margin-bottom:10px;
display:block;
}
.title{
margin-top:10px;
margin-bottom:10px;
}
.entry .contents{
margin-top:15px;
margin-bottom:15px;
}
.entry .foot{
text-align:right;
padding:5px 20px 5px 0;
border-top:1px dashed #000000;
}
*/
/* ---------- page : ページリンク ------------- */
削除あるいは無効としてからCSSをCSSの編集の最後に貼り付けます
.entry{
width: 100%;
margin-bottom: 20px;
padding:0;
background: url(画像のURL);
background-repeat: no-repeat;
background-position: center top;
}
.entry .entry_head{
padding:0;
}
.entry .date{
display: block;
padding: 10px 0 0 50px;
color: #ffffff;
}
.entry .title{
padding:60px 0 0 30px;
color: #0000ff;
}
.entry .theme{
display: block;
position:relative; top:-55px; left:260px;
}
.entry .contents{
margin: 0;
padding:0 30px 10px;
background: url(画像のURL) ;
background-repeat: repeat-y;
background-position: center top;
color: #0000ff;
}
.entry .foot{
padding: 10px 50px;
background-image: url(画像のURL);
background-repeat: no-repeat;
background-position: center bottom;
}