質問の多い個所とリクエストにお答えして・・・
以前紹介しているのとだぶっている部分もありますが＾＾
■フレームや記事の幅を変更する
/* ----------------------- common ----------------------- */
* {
margin: 0;
padding: 0;
}
body#mainIndex {
margin: 0;
padding: 0;
text-align: center;
}
#frame {
width: 800px; /*←フレームの横幅変更はココ*/
margin-left: auto;
margin-right: auto;
text-align: center;
border: #色コード solid 1px; /*←全体の枠がないスキンを使っていたので自分で追加しました*/
}
#subFrame {
}
#wrap {
position: relative;
width: 800px; /*←記事部分の横幅変更はココ*/
margin-left: auto;
margin-right: auto;
text-align: left;
top: 10px; /*←メインの記事部分が上（ブログタイトル部分）からどのくらいの幅を開けるか調節するのはココ*/
}
img {
border: 0;
}
a {
color: #FF0000; /*←リンク色の変更はココ*/
}
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration:none; color:#FFFFFF;background-color:#FF0066; /*←リンク触れたときの色の変化や背景色の変更はココ*/
}
input,textarea{font-size:12px}
ul,ol,dl,li,dt,dd{
list-style-type:none;
}
/* ----------------------- header ----------------------- */
■記事タイトルの横にアイコンを追加する方法♪
/* ----------------------- MainColumn ----------------------- */
#main {
padding-bottom: 10px;
}
─ 省略 ─
.entry .name{
position: absolute;
top: 26px;
left: 0px;
}
.entry .theme{
position: absolute;
top: 5px;
right: 2px;
}
.entry .title{
margin-top: 24px; /*←記事タイトルが上からどの位置にするかの調節はココ*/
margin-bottom: 14px; /*←記事タイトルと内容の開く幅調節はココ*/
padding-left: 32px; /*←タイトル文字の横位置を調節（画像と重ならないようにするため＾＾）*/
text-align: left;
background: url(ココに画像のURLを入力) no-repeat left top; /*←記事タイトルに画像を追加するのはココ*/
background-position:5px; /*←画像の位置を操作するのはココ*/
}
.entry .contents{
margin-bottom: 10px;
}
.entry .foot{
text-align: right;
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px dashed #999999;
}
─ 以下省略 ─
-----------------------------------------------------
■参考になった方は・・ランキングクリックしてくださると嬉しいです♪
■他のCSS編集はこちらにて紹介中♪（初心者向け講座もあり）
↓ クリックしてくれたら嬉しいですｏ(*^-^*)ｏ ↓
子育て日記Ranking
COCO-RANKING
0574ママ部門