2008年07月02日
ブログカスタマイズ5(レイアウト説明)
背景・枠線とやってきましたがどの個所を変更するのもやり方は同じです
どの個所を変更するかが問題です
ブログの各箇所がスタイルシートで何処に表しているか簡単に上げときますね
どの個所を変更するかが問題です
ブログの各箇所がスタイルシートで何処に表しているか簡単に上げときますね
スタイルシートのここを変更します
body{
color:#000;
margin:0px;
background:#F0E6E6;
text-align:center;
}
スタイルシートのここを変更します
#container{
font-size:12px;
width:940px;
/*background-color:#ffffff;*/
margin:0px auto;
text-align:left;
border-top-width: 1px;
border-right-width: 4px;
border-bottom-width: 1px;
border-left-width: 4px;
border-right-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #4e454a;
border-bottom-color: #FFFFFF;
border-left-color: #4e454a;
}
スタイルシートのここを変更します
#banner,#subbanner{
background:#D30900 url(//img02.naturum.ne.jp/usr/go123/背景1.JPG) left bottom;
padding:30px 10px 10px 10px; }
#banner a{color:#fff;text-decoration:none;}
#banner a:link{color:#fff;text-decoration:none;}
#banner a:visited{color:#fff;text-decoration:none;}
#banner a:active{color:#fff;text-decoration:underline;}
#banner a:hover{color:#cc0000;text-decoration:underline;}
#subbanner a{color:#fff;text-decoration:none;}
#subbanner a:link{color:#fff;text-decoration:none;}
#subbanner a:visited{color:#fff;text-decoration:none;}
#subbanner a:active{color:#fff;text-decoration:underline;}
#subbanner a:hover{color:#fff;text-decoration:underline;}
h1,h2,h3{
margin:0px;
padding:0px;
}
.blogtitle{
font-size:30px;
font-weight:bold;
padding:20px 0px 320px 50px;
text-align:left;
letter-spacing:2px;
}
.description{
color:#fff;
font-size:12px;
padding:4px 0px 0px 535px;
text-align:left;
letter-spacing:2px;
}
スタイルシートのここを変更します
.date{
border-top:1px solid #00cccc;
border-left:1px solid #00cccc;
border-right:1px solid #00cccc;
border-bottom:1px solid #00cccc;
background:#D30900 url(http://admin.naturum.ne.jp/_img/simple_red/obj.gif);
background-position:1px 1px;
color:#fff;
font-size:12px;
letter-spacing:2px;
padding:5px 0px 5px 5px;
}
スタイルシートのここを変更します
.blogbody{
/*background:#fffafa;*/
background-image:url(//img02.naturum.ne.jp/usr/go123/背景7.jpg);
background-repeat: no-repeat;
background-position: 0% 100%;
margin:0px 0px 10px 0px;
padding:8px;
border-left:1px solid #8c0000;
border-right:1px solid #8c0000;
border-bottom:1px solid #8c0000;
}
スタイルシートのここを変更します
.sidetitle{
border-top:1px solid #8c0000;
border-left:1px solid #8c0000;
border-right:1px solid #8c0000;
border-bottom:1px solid #8c0000;
background:#D30900 url(http://admin.naturum.ne.jp/_img/simple_red/obj.gif) top left;
background-position:1px 1px;
color:#fff;
font-size:12px;
letter-spacing:2px;
padding:5px 5px 5px 5px;
width:148px;
}
スタイルシートのここを変更します
.side{
width:148px;
font-size:12px;
line-height:140%;
margin:0px 0px 10px 0px;
padding:5px 5px 5px 5px;
border-left:1px solid #f08080;
border-right:1px solid #f08080;
border-bottom:1px solid #f08080;
}
スタイルシートのここを変更します
.calendarwd{
border-top:1px solid #8c0000;
border-left:none;
border-right:none;
border-bottom:1px solid #8c0000;
background:#D30900 url(http://admin.naturum.ne.jp/_img/simple_red/obj.gif);
background-position:-2px 0px;
color:#fff;
font-size:12px;
letter-spacing:2px;
padding:5px 0px 5px 5px;
}
スタイルシートのここを変更します
.calendartable{
margin:0px auto 10px auto;
padding:0px;
width:160px;
text-align:left;
background:#fff
border-top:1px solid #f08080;
border-left:1px solid #f08080;
border-right:1px solid #f08080;
border-bottom:1px solid #f08080;
empty-cells:show;
border-spacing:0px;
border-collapse:collapse;
}
スタイルシートのここを変更します
#text{font-size:12px;
width:440px;
height:150px;
border:1px solid #8c0000;
タグ :ブログカスタマイズ
Posted by み〜ぱぱ at 14:14│Comments(6)
│ブログカスタマイズ
この記事へのコメント
スゴイ! じ~っくり見てたらなんかわかってきたような気になります。(笑)
Posted by さのっち at 2008年07月02日 14:52
さのっちさん こんにちは!
テンプレート3つ登録できるじゃないですか
そこで今使ってるやつは壊れると困るから
そのほかのやつで練習してみてはどうでしょう
私もそうしてますよ~
テンプレート3つ登録できるじゃないですか
そこで今使ってるやつは壊れると困るから
そのほかのやつで練習してみてはどうでしょう
私もそうしてますよ~
Posted by み〜ぱぱ at 2008年07月02日 14:57
こんなこと出来るんですね~すごい!
オイラはブログピープルに挑戦してますが
お気に入りのとこで絵がチカチカするヤツがうまくいきません(笑
オイラはブログピープルに挑戦してますが
お気に入りのとこで絵がチカチカするヤツがうまくいきません(笑
Posted by のびー at 2008年07月03日 23:43
のびーさん おはようございます!
皆さんがやってるお気に入りがちかちかするやつ
ブログピープルっていうんですか私もいつか挑戦してみますね
あ、そうそう
上手くいかないときは、夜更かしするとはかどりますよ(笑)
皆さんがやってるお気に入りがちかちかするやつ
ブログピープルっていうんですか私もいつか挑戦してみますね
あ、そうそう
上手くいかないときは、夜更かしするとはかどりますよ(笑)
Posted by み〜ぱぱ at 2008年07月04日 09:18
どうもご苦労様でした~!
プリントアウトしたものは、我が家の
家宝とさせていただきます!
すぐにでも取り組みたいところなんですが
まずは、タイトルバックに入れられる
お気に入りの写真を撮ることから始めま~す!
プリントアウトしたものは、我が家の
家宝とさせていただきます!
すぐにでも取り組みたいところなんですが
まずは、タイトルバックに入れられる
お気に入りの写真を撮ることから始めま~す!
Posted by yoshi11nori at 2008年07月04日 21:05
yoshi11noriさん おはようございます!
カスタマイズやりましょうよ~
TOP画像は yoshi11noriさんの会心のポチッでお願いします(笑)
カスタマイズやりましょうよ~
TOP画像は yoshi11noriさんの会心のポチッでお願いします(笑)
Posted by み〜ぱぱ at 2008年07月07日 05:12
※このブログではブログの持ち主が承認した後、コメントが反映される設定です。