kumakuma日記

めざせイラストレーターってことで作品ものせちゃおう。
ブログ・デザインにもはまり中~♪

テンプレート・カスタマイズやっています。

ほとんど、趣味と化していますが。。。
テンプレートのカスタマイズやっています。 2008年gooテンプレート・コンテストで佳作をいただきました。
これからも、カスタマイズやっていきます。
ほそぼそとホームページ制作も請け負っておりますので、よろしくお願いいたします。
今回のテンプレのテーマは、『アルバム』です。 写真を載せたらかっこいいかも~な感じです。

水疱瘡

2005年06月28日 | 日記
水疱瘡って書いて、みずぼうそうと読みます。

うちのおちびさんは、今度はみずぼうそうになりました。

まともに保育園に行った事がないのよ~。うちの娘。
1週間ちゃんと行けたためしがない。

こんなんで、再就職できるのか?

はぁぁぁぁぁぁ~。ためいき出すぎだっちゅうの。

こっちも、変身!

2005年06月14日 | 日記
こっちのブログも、W杯応援モードに衣替えしてみました。

意外とうまくいきましたよ~。

今回もカスタム・メタルからです。
なかなかメニュー部分が上手くいかなくて、苦労しちゃいました。

う~ん♪ 自己満足ですが、かなりいい感じ。

公式テンプレに採用してくれないかなぁ?

無理?

最近しみじみ思うこと

2005年06月10日 | 日記
夢って、かなうもんだなぁと、しみじみ感じておりますです。

なんだろう。不思議とかなってますね~。

小学生の時には、公務員になりたいとか思ってる小市民だったんですけど。

それも一応かないましたからね。

しかも、国家公務員ですよ。まぁ、辞めちゃいましたけど。

そんなこんなで、最近の夢がかなったところなので、次の夢がかなうといいなぁ。

スクロール・バーもちょこっと変えました。

2005年06月07日 | 日記
スクロール・バーの色の変え方がわかったの。

ずーっと、body{}の中にいれてたんだけど、それだとうまく反映しなくて、困っていたのだ。

html{ scrollbar-base-color:#ffffff;
scrollbar-arrow-color:#66ccff;
scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-highlight-color:#66ccff;
scrollbar-3dlight-color:#ffffff;
scrollbar-shadow-color:#66ccff;
scrollbar-darkshadow-color:#ffffff;}

これで、反映されてる。
html{}の中でよかったみたい。

金魚テンプレに使った画像です。

2005年06月03日 | 日記
金魚のテンプレは、あっさりとtopとメニューと見出しとエントリー部分の4つの画像だけです。
画像をお持ち帰りされる場合は、必ずダウンロードしてお持ち帰りください。
直リンクは、決して行わないようにくれぐれもお願いします。
kumakuma(ちーすけ)は、著作権を放棄していませんので、再配布もやめてください。
あと一応、fc2ブログでも金魚のテンプレを共有テンプレートで配布しています。こちらはダウンロードするだけで、使っていただけます。fc2ブログでのHNはmomoappleです。kumakuma(ちーすけ)と同一人物です。

関連記事:金魚テンプレートのCSS
関連記事:金魚テンプレートのHTML変更箇所

topの画像(クリックすると大きくなります。)


メニューの画像


見出しの小さい金魚の画像


エントリーの金魚と泡の画像



金魚のテンプレのhtml変更箇所

2005年06月03日 | 日記
アドバンスにしかできないのですが、topの画像がカスタム・メタルの設定だと少し大きすぎるので、spacer.gifのheight部分を変更したり、タイトルと概要の位置などを変更しています。

ソースが上手く貼り付けられないので、説明します。
一番最初のtableのところだけ、変更です。

最初のtd部分 height="80"
2番目のtdは、 height="50"
3番目のtd は、ブログタイトル部分 td align="right"を記述
4番目のtd は、ブログ概要部分 td align="right" を記述
5番目のtdは、height="30"
 
以上。

金魚のテンプレのcssを公開

2005年06月03日 | 日記
金魚テンプレのcssソースです。カスタム・メタルからのカスタマイズです。
一応1週間くらいの予定で、公開してみます。
/* カスタムメタルのCSS */

/* ページ全体共通指定 */

/* ページ全体の背景と文字と余白 */
BODY {margin: 10px 10px 0px 10px;
background-color: #ffffff;}

/* 全体の文字 */
TD {color: #000000;
font-size: 12px;}

/* 全体のリンク飾り */
A {text-decoration:underline;}

/* リンク(まだ見ていない状態) */
A:link {color: #000396;}

/* リンク(マウスポインタを乗せた状態) */
A:hover {color: #7275EA;}

/* リンク(クリックされた状態) */
A:active {color: #3b479f;}

/* リンク(すでに見た状態) */
A:visited {color: #000396;}

/* /ページ全体共通指定*/

/* ブログのタイトル部全体の背景(デフォルトは画像使用) */
.header {background: url(top画像のurl) top left no-repeat;}

/* ブログの概要の文字 */
.bDesc { color: #ff6699;
font-size: 11px;
font-family: VERDANA,ARIAL,SANS-SERIF,Helvetica,'MS Pゴシック',Osaka;}

/* ブログのタイトルの文字 */
.bTitle {color: #66ccff;
font-size: 26px;
font-family: 'Century Gothic',VERDANA,ARIAL,SANS-SERIF,Helvetica,'MS P ゴシック',Osaka;}

/* ブログのタイトルの文字の飾り(で使用) */
.bTitleLink {text-decoration: none;}

/* ブログのタイトルの下の二重破線 */
.tbg6 {}

/* --ブログのタイトル、ヘッダー関連終わり-- */


/* --カレンダーはじめ-- */

/* カレンダー全体の文字 */
.calendar {background-image: url();
background-repeat: ;
background-position: ;
background-color:;}

/* カレンダー年月の文字 */
.calMonth {color: ;
font-weight: bold;}

/* カレンダー曜日の文字 */
.calWeek {color: ;
font-weight: bold;}

/* カレンダー日の文字(リンクなし) */
.calDay {color: ;}

/* カレンダー日の文字(リンクあり) */
.calDayLinked {color:pink;
font-weight: bold;
text-decoration: underline;}

/* カレンダー前月、翌月の色 */
.calLink {color:blue ;
text-decoration: underline;}

/* カレンダー内の罫線の色 */
.calRule {background-color: #66ccff;}

/* カレンダーの位置指定 */
.menuBgCal {padding-top: 5px;
width: 157px;
text-align: center;}

/* 左メニューの背景 */
#menu {background-color:#fff;
width: 180px;}

/* 左メニュー文字(各見出し含む) */
#menu TD {color: ;}

/* 左メニューのリンク(まだ見ていない状態) */
#menu A {color: ;}

/* 左メニューの各見出し */
.menuBar {color: #ff6699;
font-size: 12px;
font-weight: bold;
padding: 5px 0px 5px 0px;
font-family: VERDANA,ARIAL,SANS-SERIF,Helvetica,'MS Pゴシック',Osaka;
background-image: url(メニュー画像のurl);
background-repeat:no-repeat;
width: 180px;
height:35px;
text-align: center;}

/* 左メニュー リスト背景 */
.menuBg {padding-top: 5px;
width: 180px;
text-align: left;}

/* 過去の投稿 リスト */
.arcLink {color: ;
font-size: ;
text-decoration: ;}

/* 最新の投稿 リスト */
.entLink {color: ;
font-size: ;
text-decoration: ;}

/* 最新のコメント リスト */
.comLink {color: ;
font-size: ;
text-decoration: ;}

/* 最新のコメントのリスト:投稿者名 */
.comText {color: ;
font-size: ;}

/* 最新のトラックバック リスト */
.traLink {color: ;
font-size: ;
text-decoration: ;}

/* 最新のトラックバック 投稿者ブログ名 */
.traText {color: ;
font-size: ;
text-decoration: ;}

/* カテゴリー リスト */
.catLink {color: ;
font-size: ;
text-decoration: ;}

/* モジュール ブックマークリスト:ブログ名 */
.bmLink {color: ;
font-size: ;
text-decoration: ;}

/* モジュール ブックマークリスト:説明 */
.bmText {color: ;
font-size: ;}

/* プロフィール見出し */
.pfTitle {color: #66ccff;
font-size: ;
font-weight: bold;}

/* プロフィールの内容 */
.pfText {color: ;
font-size: ;}

/* 「URLを送信する」 */
.miscLink {color: ;
font-size: ;
text-decoration: ;}

/* 「forPC&MOBILE」 */
.miscText {color: ;
font-size: ;}

/* プロフィール、search下の区切り */
.rule {background-color: #ff6699;}

/* 右メニュー背景 */
#menu2 {background-color: #fff;
width:180px;}

/* 右メニューの囲い */
#lgFrame {text-align: center;
padding: 2px;}

/* 右メニュー文字(各見出し含む) */
#menu2 TD {color: ;}

/* 右メニューのリンク(まだ見ていない状態) */
#menu2 A {color: ;}

/* 右メニューの各見出し */
.lgBar {color: #ff6699;
font-size: 12px;
font-weight: bold;
padding: 5px 0px 5px 0px;
font-family: VERDANA,ARIAL,SANS-SERIF,Helvetica,'MS Pゴシック',Osaka;
background-image: url(メニュー画像のurl);
background-repeat:no-repeat;
width: 180px;
height:35px;
text-align: center;}

/* 右メニュー リスト背景 */
.menuBg2 {width: 158px;
font-size: ;
background-color: ;
text-align:center;}

/* 「ブログの作成・編集」 */
.adminLink {color: ;
font-size: ;
text-decoration: underline;}

/* テーマサロン「・」「携帯からもアクセス」[QRコード()」 */
.gooText {color: ;}

/* ログアウト時、ログインフォームの文字 */
.lgText {color: ;
font-size: ;}

/* ログアウト時/ログインフォーム下罫線 */
.lgRule {background-color: #7292b8;}

/* エントリーの背景 */
.entry {background-image: url();
background-repeat: ;
background-position: ;
background-color: #ffffff;}

/* エントリータイトル */
.etTitle {color: #000000;
font-size: 16px;
font-weight: bold;
background:url(小さい金魚画像のurl) top left no-repeat;
padding:20px 0px 0px 70px;
width:380px;
height:40px;}

/* エントリータイトルの飾り */
.etTitleLink { text-decoration:none;
border-bottom:2px dotted #ffcccc;}

/* エントリー本文 */
.etBody {background:url(金魚と泡の画像url);
background-repeat:no-repeat;
background-position: bottom left ;
font-size: 13px;
line-height: 160%;
text-align: left;
width:380px;}

/* エントリーに表示されているカテゴリ */
.etCategory {font-size: ;
text-decoration: underline;}

/* エントリーに表示されている日時 */
.etTime {font-size: ;
text-decoration: underline;}

/* エントリーに表示されている「コメント()」 */
.etCommentLink {color: ;}

/* エントリーに表示されているコメントの数字 */
.etCommentLink A {color: ;}

/* エントリーに表示されている「トラックバック()」 */
.etTBLink {color: ;}

/* エントリーに表示されているトラックバックの数字 */
.etTBLink A {color: ;}

/* エントリーに表示されているカテゴリー、時間などの「/」や「|」 */
.etText {color: ;}

/* 各エントリー、コメント、トラックバックの区切り線 */
.etRule {background-color: #ff6699;}

/* 前のページ、次のページ */
.etNextPrev {font-size: ;}

/* 記事の中の画像の位置 */
.thumbnail {float:right;}

/* エントリー枠固定用(変更不可) */
.Posi{txet-align: left;
width: 100%;}

/* コメントの背景(別ウィンドウ、エントリー下ともに) */
.comment {background-color:#fff0f5;}

/* エントリー下の「コメント」 */
.cmHeadText {color: ;
font-size: ;
font-weight: bold;}

/* エントリー下の「コメント」の囲み */
.cmHeadFrame {background-color:#ff6699 ;}

/* エントリー下「コメントを投稿する」、別ウィンドウ「コメント」「コメントを投稿する」 */
.cmText {color: ;
font-size: ;}

/* コメントタイトル(エントリー下、別ウィンドウともに) */
.cmTitle { color: ;
font-size: ;
font-weight: bold;}

/* コメント投稿者名(エントリー下、別ウィンドウともに) */
.cmName {color: ;
font-size: ;}

/* コメント投稿日時(エントリー下、別ウィンドウともに */
.cmDate {color: ;
font-size: ;}

/* コメント見出しの各タイトル(エントリー下、別ウィンドウともに)と規約導入の文字 */
.cmForm {color: ;
font-size: ;}

/* コメント本文(エントリー下、別ウィンドウともに) */
.cmBody {color: ;
font-size: ;
line-height: 160%;}

/* トラックバックの背景(エントリー下、別ウィンドウともに) */
.trackback {background-color:#fff0f5;}

/* エントリー下の「この記事のTrackback Ping-URL」 */
.tbHeadText {color: ;
font-size: 11px;
font-weight: bold;}

/* エントリー下の「この記事のTrackback Ping-URL」の囲み */
.tbHeadFrame {background-color:#ff6699 ;}

/* 別ウィンドウの「この記事のTrackback Ping-URL」 */
.tbTrackback {color: ;
font-size: ;
font-weight: bold;}

/* トラックバックURL(エントリー下、別ウィンドウともに) */
.tbUrl {color: ;
font-size: ;}

/* トラックバックされた方のサイト名(エントリー下、別ウィンドウともに) */
.tbBTitle {color: ;
font-size: ;}

/* トラックバックされた記事名(エントリー下、別ウィンドウともに) */
.tbETitle {color: ;
font-size: ;
font-weight: bold;}

/* トラックバック本文(エントリー下、別ウィンドウともに) */
.tbDesc {font-size: ;
line-height: 150%;}