メモ帳
カテゴリ
全体 講座2 投稿 画像の配置 海外サイト 投稿(訂正) リンク トラックバック コメント Moreの機能 メモ帳 画像は小さくビューは大きく テスト 文字の編集 花 音楽 動画 引用 CSS 編集 友達 壁紙 カレンダー 季節 MARQUEE 試行錯誤 コメント欄画像 8月講座 フリーソフト 愛宕浜 未分類 以前の記事
フォロー中のブログ
ユル・いんしょう派の系譜 花に想いを!! 四季いろいろ いつか何処かであえるかも!! スクラップブッキングst... ご機嫌いかが Ⅱ Eシリーズで楽しもう 思いのままにⅢ おとぼけ鳥撮り日記2 JTrimで加工 花・旅・カメラとともに ゆたかな心 趣味の世界 ちょこっと園芸 スローライフ そのまま24 新年がきました 朔太郎の世界 ひげ爺のつぶやき 花好き私 写真の楽しさ タグ
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
|
2006年 09月 03日
CSS編集で、DIV.CAL_BODY を探す
DIV.CAL_BODY { WIDTH: 150PX; TEXT-ALIGN: CENTER; /*追加するタグ*/ background-image:url(イメージURL); background-repeat:no-repeat; background-position:bottom; } スキンによっては↓のようにタグを修正しなければカレンダーのヘッドとボディーが一体にならない場合もあります。 DIV.CAL { WIDTH : 190PX; MARGIN : 5PX 0PX; PADDING-BOTTOM : 10PX; BORDER : 1PX SOLID #CECECE; TEXT-ALIGN : CENTER; /*BACKGROUND : #FFFFFF;*/ background-image:url('http://12.pro.tok2.com/~snowdrop/Photo/bg2.jpg'); background-repeat:no-repeat; background-position:bottom left;/ } DIV.CAL_HEAD { WIDTH : 150PX; FONT-SIZE : 8PT; FONT-FAMILY : VERDANA; TEXT-ALIGN : CENTER; PADDING : 4PX 10PX; MARGIN-BOTTOM : 10PX; } DIV.CAL_BODY { /* WIDTH : 150PX; PADDING : 0PX 10PX; TEXT-ALIGN : CENTER; BACKGROUND : #FFF; */ } ~~ここまで~~ 今日に小さな画像を入れる CAL_TODAY { /* FONT-FAMILY : VERDANA,; FONT-SIZE : 7PT; FONT-WEIGHT : BOLD; BACKGROUND : #E2E2E2; COLOR : #3D5586; TEXT-ALIGN : CENTER;*/FONT-FAMILY : VERDANA, ; FONT-SIZE : 7PT; FONT-WEIGHT : BOLD; /*BACKGROUND : #ffffff;*/ COLOR : #3D5586; TEXT-ALIGN : CENTER;background-image:url("http://winterrose.hp.infoseek.co.jp/mh02v-a2.gif"); background-repeat:no-repeat; background-position:center center; } /*~*/で囲んだタグを削除した場合↓のようになります。 .CAL_TODAY { FONT-FAMILY : VERDANA, ; FONT-SIZE : 7PT; FONT-WEIGHT : BOLD; COLOR : #3D5586; TEXT-ALIGN : CENTER;background-image:url("http://winterrose.hp.infoseek.co.jp/mh02v-a2.gif"); background-repeat:no-repeat; background-position:center center; } ☆このCSS編集はブログの玉手箱さんに教わったものです
by akonoheya2
| 2006-09-03 23:19
| CSS
|TOPに戻る
|
ファン申請 |
||