[PR]
ブロガー専用コミュニティ

素人ですが？

このブログ

素人ですが？
CSSをいじり始めてまだ半年の素人が、
どこまで変えられるか？
という挑戦です。
（問題は技術ではなくセンスかも）

CSSは基本的に記事にします。
ぷちろ～ぐユーザーの方、
お気にが召したのがありましたら、
利用規約をお読みの上、
どうぞご利用くださいませm(_　_)m

テンプレ配布サイトを目指してます
　壁｜Дﾟ)ｺｿｰﾘ

リンクしてます

記事内のＣＳＳについて
ぷちではじめるＣＳＳ
こちらのページで説明してます。

何でこういう書き方になってるの？　という疑問がありましたら
お気軽にお問い合わせください。

カレンダー

< 2010年9月 >
日 月 火 水 木 金 土
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 - -

最新記事・コメント

ありがとうございます。

素材をお借りしているサイト様です。



ふわふわ。り　さま



空に咲く花　さま

過去記事

アクセスカウンター(訪問者のみ)

00020638

Special


ＣＳＳ　空に咲く花・ひまわり

2009-02-07 01:58:24

空に咲く花・ひまわり



右上のひまわりがポイントです
背景画像を大きく1つ指定しただけのシンプルなデザインです。

コメント欄にも画像が入ります


必須



空に咲く花　さま　へのリンクを必ず貼ってください。

タグはこちら↓
<a href="http://sky.itigo.jp/" target="_blank"><img src="http://petitlogue.jp/images/member_image/i_23/20080713_152054.gif" alt=""　border=0 /></a>


ブログ情報の設定で決める部分


ベース ： C:シンプル
推奨背景色：#000066（濃紺）
推奨文字色：#FFFFFF（白）
ブログタイトル部の背景が濃紺になって文字が白くなります。

ＣＳＳ


こちら→■
（別窓開きます）
記事のリンク | コメント(0) | テンプレート

カレンダー・オレンジ

2009-01-26 10:26:32
カレンダーカスタマイズの注意点と一覧は→こちらから

オレンジ・１




/* カレンダー */
.pluginCalendar table.mainCalendar {
margin: 0 auto;
border: 1px solid #F00;
background-color: #FFF;
}

.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0 ;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:11px;
width:18px;height:12px;
}

.pluginCalendar table.mainCalendar th {
background-color: #FFA175;
color: #FF5100;
border:0px;
}

.pluginCalendar table.mainCalendar td {
border-right: 1px solid #FF5100;
border-bottom: 1px solid #FF5100;
color:#FF5100;
}

オレンジ・２　（1＋更新日色変更）





/* カレンダー */
.pluginCalendar table.mainCalendar {
margin: 0 auto;
border: 1px solid #F00;
background-color: #FFF;
}

.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0 ;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:11px;
width:18px;height:12px;
}

.pluginCalendar table.mainCalendar th {
background-color: #FFA175;
color: #FF5100;
border:0px;
}

.pluginCalendar table.mainCalendar td {
border-right: 1px solid #FF5100;
border-bottom: 1px solid #FF5100;
color:#FF5100;
}
.pluginCalendar table.mainCalendar td a{
background-color: #FFA175;
color: #FF5100;
text-decoration:none;
display:block;
}
記事のリンク | コメント(0) | カレンダー

カレンダー・ブラック

2009-01-26 10:26:19
カレンダーカスタマイズの注意点と一覧は→こちらから

ブラック・１




/* カレンダー */
.pluginCalendar table.mainCalendar {
margin: 0 auto;
border: 1px solid #000000;
background-color: #000000;
}

.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0 ;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:11px;
width:18px;height:12px;
}

.pluginCalendar table.mainCalendar th {
color: #fff;
background-color: #666;
}

.pluginCalendar table.mainCalendar td {
border-right: 1px solid #666;
border-bottom: 1px solid #f666;
color: #fff;
}

ブラック・２（１＋更新日色変更）





/* カレンダー */
.pluginCalendar table.mainCalendar {
margin: 0 auto;
border: 1px solid #000000;
background-color: #000000;
}

.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0 ;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:10px;
height:12px;
width:18px;
}

.pluginCalendar table.mainCalendar th {
color: #fff;
background-color: #666;
}


ブラック・３




/* カレンダー */
.pluginCalendar table.mainCalendar {
margin: 0 auto;
border: 1px solid #000;
background-color: #000;
}

.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0 ;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:11px;
width:18px;height:12px;
background-color: #333;
color: #fff;
}

.pluginCalendar table.mainCalendar th {
border:0px;
}

.pluginCalendar table.mainCalendar td {
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

ブラック・４




/* カレンダー */
.pluginCalendar table.mainCalendar {
margin: 0 auto;
border: 1px solid #000;
background-color: #000;
}

.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0 ;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:11px;
width:18px;height:12px;
background-color: #333;
color: #fff;
}

.pluginCalendar table.mainCalendar th {
border:0px;
}

.pluginCalendar table.mainCalendar td {
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

.pluginCalendar table.mainCalendar td a{
background-color: #ccc;
color: #333;
text-decoration:none;
display:block;
}
記事のリンク | コメント(0) | カレンダー

カレンダー・ブルー

2009-01-26 10:26:06
カレンダーカスタマイズの注意点と一覧は→こちらから

ブルー・１




/* カレンダー */
/*一番下の四角*/
.pluginCalendar table.mainCalendar {
margin: 0 auto;
border: 1px solid #0000ff;
background:#CCE3FF;
}
/*小さい四角のスタイル*/
.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0 2px;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:10px;
border: 1px solid #0000ff;;
height:12px;
width:18px;
color: #0000ff;
background:#fff;
}

ブルー・２　（１+更新日色変更）



/* カレンダー */
/*一番下の四角*/
.pluginCalendar table.mainCalendar {
margin: 0 auto;
border: 1px solid #0000ff;
background:#CCE3FF;
}
/*小さい四角のスタイル*/
.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:10px;
border: 1px solid #0000ff;;
height:12px;
width:18px;
color: #0000ff;
background:#fff;
}
.pluginCalendar table.mainCalendar td a {
background:#55c;
text-decoration:none;
color:#eef;
display:block;
}


ブルー・３



/* カレンダー */
/*一番下の四角*/
.pluginCalendar table.mainCalendar {
margin: 0 auto;
border: 1px solid #0000ff;
background:#CCE3FF;
}
/*小さい四角のスタイル*/
.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0 2px;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:10px;
border: 1px solid #0000ff;;
height:12px;
width:18px;
color: #ffffff;
background:#55c;
}

ブルー･４　（3+更新日色変更）


/* カレンダー */
/*一番下の四角*/
.pluginCalendar table.mainCalendar {
margin: 0 auto;
border: 1px solid #0000ff;
background:#CCE3FF;
}
/*小さい四角のスタイル*/
.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0 ;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:10px;
border: 1px solid #0000ff;
height:12px;
width:18px;
color: #ffffff;
background:#55c;
}
.pluginCalendar table.mainCalendar td a {
background:#FFF;
text-decoration:none;
color:#66e;
display:block;
}
記事のリンク | コメント(0) | カレンダー

カレンダー・ピンク

2009-01-26 10:25:50
カレンダーカスタマイズの注意点と一覧は→こちらから

ピンク・１



/* カレンダー */
.pluginCalendar table.mainCalendar {
margin: 0 auto;
border: 1px solid #F597E3;
background:#F5d7ee;
}
.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0 ;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:12px;
border: 1px solid #F597E3;
height:12px;
width:18px;
}
.pluginCalendar table.mainCalendar th {
background:#fff;
color: #F5A7F3;
}
.pluginCalendar table.mainCalendar td {
background:#FFF;
color:#F597E3;
}

ピンク・２（1＋更新日色変更）



/* カレンダー */
.pluginCalendar table.mainCalendar {
margin: 0 auto;
border: 1px solid #F597E3;
background:#F5d7ee;
}
.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0 ;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:12px;
border: 1px solid #F597E3;
height:12px;
width:18px;
}
.pluginCalendar table.mainCalendar th {
background:#fff;
color: #F5A7F3;
}
.pluginCalendar table.mainCalendar td {
background:#FFF;
color:#F597E3;
}
.pluginCalendar table.mainCalendar td a{
background:#F597E3;
color:#fff;
display:block;
}

ピンク・３




/* カレンダー */
.pluginCalendar table.mainCalendar {
margin: 0 auto;
border: 1px solid #F597E3;
background:#fff;
}
.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0 2px;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:11px;
border-right: 1px solid #F597E3;
border-bottom: 1px solid #F597E3;
background: #FFE0FF;
color:#F597E3;
height:12px;
width:18px;
}
.pluginCalendar table.mainCalendar th {
color:#FF6699;
}

ピンク・４（３＋更新日色変更）




/* カレンダー */
.pluginCalendar table.mainCalendar {
margin: 0 auto;
border: 1px solid #F597E3;
background:#fff;
}
.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0 ;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:11px;
border-right: 1px solid #F597E3;
border-bottom: 1px solid #F597E3;
background: #FFE0FF;
color:#f35;
height:12px;
width:18px;
}
.pluginCalendar table.mainCalendar th {
color:#FF6699;
}
.pluginCalendar table.mainCalendar td a{
color:#f00;
background:#F597E3;
display:block;
text-decoration:none;
}

ピンク・５




/* カレンダー */
.pluginCalendar table.mainCalendar {
margin: 0 auto;
border: 1px solid #F597E3;
background:#FFF5F5;
}
.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0 ;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:11px;
color:#f35;
height:12px;
width:18px;
}
.pluginCalendar table.mainCalendar th {
color:#f36;
background:#F597E3;
}
.pluginCalendar table.mainCalendar td {
border:0px;
}
.pluginCalendar table.mainCalendar td a{
color:#f00;
background:#F597E3;
display:block;
text-decoration:none;
}

ピンク・６




/* カレンダー */
.pluginCalendar table.mainCalendar {
margin: 0 auto;
background:#FFFCFC;
border:0px;
}
.pluginCalendar table.mainCalendar th,
.pluginCalendar table.mainCalendar td {
padding: 0 ;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
font-size:11px;
color:#F597E3;
height:12px;
width:18px;
}
.pluginCalendar table.mainCalendar th {
display:none;
}
.pluginCalendar table.mainCalendar td {
border:0px;
}
.pluginCalendar table.mainCalendar td a{
color:#f00;
background:#FFCEF5;
display:block;
text-decoration:none;
}
記事のリンク | コメント(0) | カレンダー

Copyright © 素人ですが？ All rights Reserved.
Powered by ぷちろ～ぐ - This Program is making with Mopi ver 1.10