fc2ブログのスタイルシートについて
h1~h6タグの文字の大きさ&改行(しない)を変更したいのですが、
fc2ブログのスタイルシートのどこに書き込めばいいのか分からない状態です。
色々調べてみたのですが、どうしても分からないので、分かる方がいましたら、教えて下さい。
よろしくお願いします。
ソースは、こちらになります。
(文字数が足りないので数ヵ所省きました)↓
body{
font-family: "Verdana","MS Pゴシック", "MS UI Gothic","Arial","Osaka";
margin:0px;
margin-left:auto;
margin-rught:auto;
padding:0px;
background-color: #FFFFFF;
color:#666666;
text-align:center;
letter-spacing:1px;
word-break: break-all;
}
#container{
width:840px;
margin-right:auto;
margin-left:auto;
padding:0px 0px;
background-color: #FFFFFF;
border-left:1px solid #DECE21;
border-right:1px solid #DECE21;
}
/* ### 共通のタグ ### */
blockquote{
font-family: "MS UI Gothic","Verdana","MS Pゴシック", "Arial","Osaka";
margin:15px 0px;
padding:10px;
background-color:;
border:1px dashed #996600;
font-size:12px;
line-height:150%;
width:90%;
voice-family:"\"}\"";
voice-family:inherit;
width:90%;
}
html>body blockquote{
width:90%;
}
blockquote p{
margin:0px 0px;
padding:0px;
line-height:150%;
}
h1.blogtitle{
position:absolute;
width:820px;
font-family: "Century Gothic","MS UI Gothic","MS Pゴシック", "Arial","Osaka";
padding:0px;
margin:0px;
top:3px;
left:20px;
color:#333333;
font-size:24px;
font-weight:normal;
z-index:1;
}
h1.blogtitle_back{
position:absolute;
width:818px;
font-family: "Century Gothic","MS UI Gothic","MS Pゴシック", "Arial","Osaka";
padding:0px;
margin:0px 0px 0px 1px;
top:4px;
left:21px;
color : #CCCCCC;
font-size:24px;
font-weight:normal;
z-index:0;
}
/* ### メイン部(左側) ### */
#main{
width:590px;
float:left;
margin:0px;
padding:0px;
}
#contents{
margin:0px 20px 0px 20px;
padding:0px;
text-align:left;
width:590px;
voice-family:"\"}\"";
voice-family:inherit;
width:550px;
}
html>body #contents{
width:550px;
}
/* ### エントリー(記事) ### */
.e_title{
font-family: "MS UI Gothic", "Verdana","MS Pゴシック", "Arial","Osaka";
height:20px;
text-indent:60px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
color:#967B3F;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
}
.e_date{
font-family: "Verdana","MS Pゴシック", "MS UI Gothic", "Arial","Osaka";
margin:0px 0px 30px 60px;
text-align:left;
color:#999999;
font-size:10px;
line-height:150%;
letter-spacing:1px;
}
.e_body{
font-family: "MS UI Gothic","Verdana","MS Pゴシック", "Arial","Osaka";
margin:0px 0px 15px 0px;
margin-bottom:25px;
padding:0px ;
color:#444444;
font-size:12px;
line-height:155%;
letter-spacing:1px;
}
.e_body img, .e_body a img{
margin:2px;
border:0px;
}
.e_body_w{
margin:0px;
padding:5px 15px 5px 15px;
background-attachment: scroll;
background-image: url(http://blog-imgs-41.fc2.com/a/w/i/awitchsally/aws_np03_point.gif);
background-repeat: no-repeat;
background-position: 0% 0%;
border:1px solid #E9F3E9;
}
.e_more{
margin:30px 0px 15px 0px;
padding:0px;
text-align:left;
color:#333333;
font-size:10px;
font-weight:bold;
letter-spacing:1px;
}
.e_state{
font-family: "Verdana","MS Pゴシック","MS UI Gothic", "Arial","Osaka";
margin:5px 0px;
text-align:left;
color#967B3F;
font-size:10px;
letter-spacing:1px;
line-height:150%;
font-weight:bold;
}
お礼
tenderfeel様 ありがとうございます!!あれから試行錯誤した挙句に なんとかそれなりに見えるようになったのが<table>タグで 1行に2つ、又は3つのテキストバナーをwidthで数値を調整して囲む方法です(汗) tenderfeel様の方法ではまだ試行してませんが(家を空けていましたもので・・・)ズーットお手軽に出来そうですっ!! 感謝いたします!!