無料ブログ　はスタイルシートでいろんなブログが出来ます。

　　無料 ブログ で自分流に スタイルシート を変更

　　 ◆　A-auc 無料 ブログ カスタム スタイルシート 活用法・カスタム スタイルシート サンプル

<スタイルシート サンプル 1>	<スタイルシート サンプル 2>	<スタイルシート サンプル 3>

　　　　　　　　
　 ■ カスタム スタイルシート を利用するには
　　　ブログ スタイルシート を利用するには、「ブログの設定」 より 「カスタムCSSを使用する」 にチェックを入れ
　　　「設定を変更する」をクリックします。
　　　「 >> CSSの編集はこちら 」 をクリックすると スタイルシート が表示されスタイルシートの変更が可能となります。
　　 ※携帯表示には反映されません。

　　 タイトルを画像に変更
　　　[　#header ]　部分に下記内容を追加　　　　
　　　height: 210px; 　　　　　　←画像高さ調整
　　　width: 700px;　　　　　　　←画像幅調整
　　　background-image: url(http://www.○○○○.net/title.gif);　　←タイトル画像指定
　　　background-repeat: no-repeat;

　　 背景の変更
　　　・背景全体
　　　[　body　]　部分に下記内容を追加
　　　background-color: #000000; ←背景色指定の場合
　　　background-image: url(http://www.○○○○.net/○○○.gif); ←背景画像を指定する場合
　　　・中央部分の背景
　　　[　#wrapper　]　部分に下記内容を追加
　　　background-color: #000000;　　　　←中央部だけ背景色を変える　　　

　　 文字の変更
　　　[　body　]　部分に下記内容を変更
　　　font-size: 13px;　　←文字サイズの変更
　　　font-family: "ＭＳ Ｐゴシック"; ←書体　ＭＳ Ｐ明朝　には変更可
　　　color: #333;　　　　　　←投稿記事の文字色指定

　　 各枠線の色の変更
　　　[　#wrapper　]　部分に下記内容を変更　　　
　　　border-left: 1px solid #ccc;　　←左の枠線の色を変える
　　　border-right: 1px solid #ccc;　 ←右の枠線の色を変える
　　　[　#header ]　部分に下記内容を変更
　　　border-bottom: 1px solid #ccc;　　←タイトル画像の下の線色を変える
　　　[　.entry .foot ]　部分に下記内容を変更
　　　border-bottom: 1px solid #ccc;　　←投稿記事部の下の線色を変える

　　 カレンダー部分の色の変更
　　　「カレンダー」 内の各項目の　color: を変更
　　　・カレンダーの年・月　表示色　[ .calendar .month ]
　　　・カレンダーの曜日　表示色　[ .calendar .week ]
　　　・カレンダーの日付　表示色　[ .calendar .day ]
　　　[ .calendar .day div ]　部分に下記内容を変更
　　　background: #eee;　　　←カレンダーの背景色
　　　border: 1px solid #fff;　　←カレンダーの背景枠線色

　　 投稿記事左部のリストマークの色の変更
　　　[ .entry .head ]　部分に下記内容を変更
　　　border-left: 5px solid #aaa;　　　←記事タイトルのリストマークの色変更


　　カスタム スタイルシート 変更サンプルブログ、スタイルシート の変更方法はこちらも参考にして下さい。


　　◆　A-auc 無料 ブログ オリジナル スタイルシート 大募集！

　　オリジナル スタイルシート を公開したい方を募集しています。
　　A-auc 無料 ブログのカスタム スタイルシート を編集してオリジナルのブログ を作成して下さい。

　　作成した スタイルシート のコピーとブログURLをお送り下さい、お送り頂いた スタイルシート は
　　サイト内にて掲載させて頂きます。

　　A-auc 無料 ブログ オリジナル スタイルシート の応募はこちらから
　

無料ブログ ・・・ 無料サービス　を利用するなら　A-aucホームページ　・・・　皆様のご利用を心よりお待ちしております。