PREV | PAGE-SELECT |

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

| スポンサー広告 | --:-- | comments(-) | trackbacks(-) | TOP↑ | EDIT ≫

記事ワンポイント画像変更

テンプレートをがんばって作ってみたので
備忘録として残しておきます。

変更箇所
今回、テンプレートを
・ブログ幅:+30
・トップ画像(ADMIN)
・背景壁紙変更
・記事のワンポイント
・お知らせ欄への変更
・EDIT場所
・記事日付の場所
・書体
・文字色
変更しています。




<記事ワンポイント画像変更>

CSS編集
----------------------------------------------------------------------------------

/* ----------------記事タイトルワンポイント画像用設定 */

.entry_title {
margin-bottom: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-image: url(希望画像);

background-repeat: no-repeat;
background-position: left center;
text-indent: 30px;
margin-top: 0px;
font-size: 14px;
}



.navi-title {
font-size: 12px;
border-bottom: 1px solid #CCCCCC;
padding-bottom: 3px;
padding-top: 3px;
margin-right: 5px;
margin-left: 5px;
margin-top: 20px;
background-image: url(希望画像);  追加
background-repeat: no-repeat;    追加
background-position: left center;  追加
text-indent: 30px; 変更
color: (希望色);

}




IMG_1097.jpg

| テンプレートのこと | 13:56 | comments(-) | trackbacks(-) | TOP↑ | EDIT ≫

背景壁紙変更

テンプレートをがんばって作ってみたので
備忘録として残しておきます。

変更箇所
今回、テンプレートを
・ブログ幅:+30
・トップ画像(ADMIN)
・背景壁紙変更
・記事のワンポイント
・お知らせ欄への変更
・EDIT場所
・記事日付の場所
・書体
・文字色
変更しています。



<背景壁紙変更>

CSS編集
----------------------------------------------------------------------------------

body {
font-family: (希望書体);

color: #333;
font-size: 12px;
margin: 0px;
padding: 0px;
text-align: center;
background-color: #FFFFFF;
background-image: url(希望画像);
background-attachment: fixed;   追加
background-repeat: repeat-y;    削除
background-position: center top;  削除

}



IMG_1095.jpg

| テンプレートのこと | 13:56 | comments(-) | trackbacks(-) | TOP↑ | EDIT ≫

サイズを変更してみました

ブログのテンプレートを変えたくて
がんばってカスタマイズしてみたので
備忘録として残しておきます。

変更箇所
今回、テンプレートを
・ブログ幅:+30
・トップ画像(ADMIN)
・背景壁紙変更
・記事のワンポイント
・お知らせ欄への変更
・EDIT場所
・記事日付の場所
・書体
・文字色
などなど、変更しています。


そして今日は、サイズ変更について。

<ブログ幅:+30><トップ画像(ADMIN)変更>

CSS編集
----------------------------------------------------------------------------------

/* ----------------トップ画像用設定 */

#header {
height: 250px;
margin: 0px;
padding: 0px;
position: relative;
background-color: #FFFFFF;
background-image: url(希望画像);



/* ----------------ADMINMENU設定 */

#adminmenu {
font-family: Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS Pゴシック',Osaka,sans-serif;
text-align: right;
margin-right: 10px;
margin-left: 10px;
font-size: 9px;
position: absolute;
left: 0px;
top: 183px;
width: 760px;



#blog {
width: 550px;
float: left;
overflow: hidden;
}



#navi {
width:220px;
float: left;
font-size: 12px;
margin-top: 0px;
line-height: 130%;
overflow: hidden;
color: (希望色);
}

| テンプレートのこと | 22:09 | comments(-) | trackbacks(-) | TOP↑ | EDIT ≫

PREV | PAGE-SELECT |

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。