年越し広場のイベント
大晦日に年越し広場で何かが起こる？！
と、ピグのスタッフブログであった気がしますが
実際何が起こったのでしょうか。
聞くところによると「花火が３回上がった」とのこと。
かなり小さな花火だったらしいですね。
年越し広場が満員だったのでハピは入れませんでした。
２０１０年へのカウントダウンはジュディ・オングの魅せられてと共にでした。（笑）
某テレビ番組でやっていたのよね～。見た方はいらっしゃいますか？？
めっちゃうけたわ～。テレビに向かって大笑いしてしまったｗｗｗ
午前０時を過ぎてから、年越し広場を予約待ち。
約２０分で入ることが出来ました。
看板と門松が新しくなっています。
－今年の抱負を発表しよう－だそうですー。
イマイチピグの年末のイベントは盛り上がらなかったんじゃない？( ´艸｀)ｳﾌﾟﾌﾟ
是☆
ハピ子
と、ピグのスタッフブログであった気がしますが
実際何が起こったのでしょうか。
聞くところによると「花火が３回上がった」とのこと。
かなり小さな花火だったらしいですね。
年越し広場が満員だったのでハピは入れませんでした。
２０１０年へのカウントダウンはジュディ・オングの魅せられてと共にでした。（笑）
某テレビ番組でやっていたのよね～。見た方はいらっしゃいますか？？
めっちゃうけたわ～。テレビに向かって大笑いしてしまったｗｗｗ
午前０時を過ぎてから、年越し広場を予約待ち。
約２０分で入ることが出来ました。
看板と門松が新しくなっています。
－今年の抱負を発表しよう－だそうですー。
イマイチピグの年末のイベントは盛り上がらなかったんじゃない？( ´艸｀)ｳﾌﾟﾌﾟ
是☆
ハピ子
CSS★トップ画像を二つにする
※備忘録※
マウスを重ねるとブログのトップ画像が変わるCSS。
①さえらちゃんのブログ より
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
/*タイトル画像*/
#header{
width:800px;/*画像の横*/
height:350px;/*画像の縦*/
background-image: url(画像のURL);/*通常表示される画像*/
background-repeat:no-repeat;/*繰り返さない*/
}
#header h1,
#header h2{/*位置の初期化*/
margin:0;
padding:0;
}
#header h1 a{
width:800px;/*画像の横*/
height:350px;/*画像の縦*/
display:block;
position:absolute;
text-indent:-9000px;
text-decoration:none;/*題名を非表示*/
}
#header h2{
display:none;/*概要を非表示*/
}
/*ロールオーバーの設定*/
div#header h1 a:hover {
display:block;
background-image: url(画像のURL);/*マウスが乗ったときの画像*/
background-repeat: no-repeat;/*繰り返さない*/
}
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
②ドラゴンさんのブログ より
/*ヘッダ画像のロールオーバー*/
/* ヘッダー画像の元の背景*/
div#header h1 {
margin:0;
padding:0;
width:○○px; /* 画像の横幅。サイズは自分で指定してください。俺は800pxにした */
height:○○px; /* 画像の縦。サイズは自分で設定してください。俺は600pxにした */
background: url(ここに元のヘッダ画像のURLを入れる) ;
background-repeat : no-repeat;
}
/* マウスを乗せたときの画像の設定 */
div#header h1 a {
display:block;
width:○○px;/* 上で指定したサイズに合わせる */
height:○○px;/* 同じくコチラもあわせる */
overflow: hidden;
}
/* マウスを乗せたときの画像 */
div#header h1 a:hover {
display:block;
background-image: url(ここにマウスを乗せたときのヘッダ画像URLを入れる);
background-repeat: no-repeat;
overflow: hidden;
}
/*概要を非表示*/
#header h2{
display:none;/*概要を非表示*/
}
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
①の方法でやるとブログのタイトルと概要が表示されなくなります。
（ハピのブログの場合はブログのタイトル『ハピ子のHappyブログ』と
概要『ピグのこと・日常のこと･･･が表示されなくなる）
②の方法だと、ブログのタイトルは表示されるが概要は表示されない。
ブログのタイトルも概要も表示されるようにするにはどうしたらよいのか。
ご存知の方がいらっしゃいましたらコメントメッセージお願いします。m(_ _)m
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
いづれも上記のＣＳＳは自分のＣＳＳの最後に貼り付けること。
※備考※
最後に「概要を非表示」のCSSを載せたのは
これもコピペしてやらないと、ヘッダ画像の直下に
ブログの概要文が出てしまうから(￣□￣；)
だそうです。
現在、ハピのブログは②の方法で設置されています。
マウスを重ねるとブログのトップ画像が変わるCSS。
①さえらちゃんのブログ より
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
/*タイトル画像*/
#header{
width:800px;/*画像の横*/
height:350px;/*画像の縦*/
background-image: url(画像のURL);/*通常表示される画像*/
background-repeat:no-repeat;/*繰り返さない*/
}
#header h1,
#header h2{/*位置の初期化*/
margin:0;
padding:0;
}
#header h1 a{
width:800px;/*画像の横*/
height:350px;/*画像の縦*/
display:block;
position:absolute;
text-indent:-9000px;
text-decoration:none;/*題名を非表示*/
}
#header h2{
display:none;/*概要を非表示*/
}
/*ロールオーバーの設定*/
div#header h1 a:hover {
display:block;
background-image: url(画像のURL);/*マウスが乗ったときの画像*/
background-repeat: no-repeat;/*繰り返さない*/
}
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
②ドラゴンさんのブログ より
/*ヘッダ画像のロールオーバー*/
/* ヘッダー画像の元の背景*/
div#header h1 {
margin:0;
padding:0;
width:○○px; /* 画像の横幅。サイズは自分で指定してください。俺は800pxにした */
height:○○px; /* 画像の縦。サイズは自分で設定してください。俺は600pxにした */
background: url(ここに元のヘッダ画像のURLを入れる) ;
background-repeat : no-repeat;
}
/* マウスを乗せたときの画像の設定 */
div#header h1 a {
display:block;
width:○○px;/* 上で指定したサイズに合わせる */
height:○○px;/* 同じくコチラもあわせる */
overflow: hidden;
}
/* マウスを乗せたときの画像 */
div#header h1 a:hover {
display:block;
background-image: url(ここにマウスを乗せたときのヘッダ画像URLを入れる);
background-repeat: no-repeat;
overflow: hidden;
}
/*概要を非表示*/
#header h2{
display:none;/*概要を非表示*/
}
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
①の方法でやるとブログのタイトルと概要が表示されなくなります。
（ハピのブログの場合はブログのタイトル『ハピ子のHappyブログ』と
概要『ピグのこと・日常のこと･･･が表示されなくなる）
②の方法だと、ブログのタイトルは表示されるが概要は表示されない。
ブログのタイトルも概要も表示されるようにするにはどうしたらよいのか。
ご存知の方がいらっしゃいましたらコメントメッセージお願いします。m(_ _)m
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
いづれも上記のＣＳＳは自分のＣＳＳの最後に貼り付けること。
※備考※
最後に「概要を非表示」のCSSを載せたのは
これもコピペしてやらないと、ヘッダ画像の直下に
ブログの概要文が出てしまうから(￣□￣；)
だそうです。
現在、ハピのブログは②の方法で設置されています。
新年あけましておめでとうございます。
ブログネタ：一番にあけおめって言いたいのは誰？
参加中皆さま、新年あけましておめでとうございます。
２０１０年が始まりました。
旧年中はピグにプライベートに大変お世話になりました。
２０１０年もピグでプライベートで大暴れいたしますので
覚悟の程よろしくおねがいします
ということで、一番にあけおめと言いたいのは
ピグともさんやブログを見に来てくださっている皆さまです。
ハピのブログは２００９年７月２６日に始まりました。
早５ヶ月が経ち、１月末には開設半年を迎えます。
ピグの情報や、ハピの私生活（まじめ日記）を赤裸々に書き綴っております。
ハピの気性の激しさが随時見られるとても楽しいブログです。
今年も皆さまの役に立つピグ情報や
普段何気に思っているハピの思考回路をお見せしますので
ごひいきに、よろしくお願いいたします。
皆さまにとって２０１０年が輝かしい飛躍の一年になりますようにお祈り申し上げます。
是☆
ハピ子
きたよ★除夜の鐘
12月31日大晦日限定。
ピグの「きたよ」の鐘が「除夜の鐘」になります！！
ピグともさんのお部屋を借りて撮影をさせていただきました。
まずは写真から↓（ピグともの ゴーヤ ちゃんのお部屋にて）
鐘、でかっ！！！！
あまりの大きさに驚いてしまいました＞＜
続いて動画です。↓（ピグともの ユスケ のお部屋にて）
まだ「きたよ」をしていないかたは驚かないようにね～＞＜
ハピ子
ピグの「きたよ」の鐘が「除夜の鐘」になります！！
ピグともさんのお部屋を借りて撮影をさせていただきました。
まずは写真から↓（ピグともの ゴーヤ ちゃんのお部屋にて）
鐘、でかっ！！！！
あまりの大きさに驚いてしまいました＞＜続いて動画です。↓（ピグともの ユスケ のお部屋にて）
まだ「きたよ」をしていないかたは驚かないようにね～＞＜
ハピ子