リンク
カテゴリ
<   2007年 07月 ( 3 )   > この月の画像一覧
画像にフィルターをかけて表示

<img src="画像のURL"style="filter:alpha(opacity=20);"> 
このタグを使うと画像にフィルターをかける事ができます。

<img src="画像のURL"style="filter:alpha(opacity=5);"> 


[PR]
by sakura_lljp | 2007-07-05 12:10 | ★カレンダーの編集
画像の追加
★tageの表示にポイント画像をつけてみたので紹介します。もとは本文下中央にあったのですがどうも中央のままポイントイメージを追加しようと試みたけど上手く行かなかったの左の端に表示を移動してポイントの画像つけてみました。
b0071783_8375516.jpg


div.TAGS{margin:10px;text-align:center;}

となってましたので、center を left! important に変更して左端に移動

・tagsとスクローズの間には半角分の隙間を追加するための
 TAGS a{padding-left:0.5em;} を追加

・画像の追加のコードは↓です
.TAGS{
background-image:url("http://pds.exblog.jp/pds/1/200706/20/83/hana-ani02.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
margin-top:1em; /*上との記事の間に1行分の隙間を入れる*/
}
・赤字の部分はマイイメージアカウントにイメージ登録してイメージURLをコピーして使います

・変更後はこうなります

div.TAGS {
margin:10px;
text-align:left! important;
}
.TAGS a{
padding-left:0.5em;
}
.TAGS{
background-image:url("マイイメージアカウントにイメージ登録したイメージURL");
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
margin-top:1em; /*上との記事の間に1行分の隙間を入れる*/
}



★次にメニューにも初めについてる画像から気に入った小さなイメージに変更してみました。
b0071783_8381051.jpg


div.menu_title h3 {
background: transparent url("http://pds.exblog.jp/pds/1/200706/18/83/futaba.gif") no-repeat

赤字の部分を マイイメージアカウントにイメージ登録したイメージURLに変更するだけです
★avaScritpを使用しないで、画像をズーム


アンカータグの中にimgタグで2つの画像を埋め込んであります。2つの画像にはsmallとzoomの2つの違ったクラスを指定してあり、通常はzoomの画像をdisplay:none;で非表示にし、マウスが乗った時に display:block;で表示するようにしてあります。
HTML部分説明用に改行とコメントを入れてあります。
HTML編集


<div class="popup">;
<a href="自分のブログのアドレス">

<!- 始めに表示しておく小さな画像 ->
<img src="イメージURLアドレス" height=高さ width=幅 class="small">

<!- マウスを乗せて大きく表示する画像 ->
<img src="イメージURLアドレス" height=高さ width=幅 class="zoom">

</a>
</div>


CSS編集

/*画像の拡大表示*/
.popup a:link img.zoom,
.popup a:visited img.zoom,
.popup a:active img.zoom,
.popup a:focus img.zoom{
display:none;
border-style:none;
}

.popup a:hover{background-color:transparent;}

.popup a:hover img.zoom{
border-style:none;
display:block;
}

.popup a:link img.small,
.popup a:visited img.small,
.popup a:active img.small,
.popup a:focus img.zoom{
border-style:none;
display:block;
}
.popup a:hover img.small{
border-style:none;
display:none;
}


[PR]
by sakura_lljp | 2007-07-04 00:40 | ★コメント欄の変更
今日の日付にポイント画像を追加

今回はカレンダーにワンポイントの追加するにしました。
あまり大きな画像は、入らないので小さな画像を素材屋さんから持って帰って
アップロードして使わせていただきました。
画像のURLを追加する場所はCSS編集の
div.CAL table td.CAL_TODAY{~~~の中です}
background-colorの指示がしてある場合は消してくださいね。


background-image:url(画像のURL);
background-position:center bottom;
background-repeat:no-repeat;



よくイベントの更新の時に日付間違って告知しちゃうんだけど、少しは間違えが少なくなるかもね♪


                   ・・・・・・・・違う話ですが・・・・・・・・
赤十字の募金の季節がやってきました。
寄付という名目ですが金額の指定があります
募金だから1円でも10円でも100円でもいいんじゃないかな?って思ったりもしますが
赤十字の年間の活動費を集める為にはそんなゆっくりした事ではどうも足りないらしい
世帯数×400円ぐらいの金額で赤十字社から県にそれぞれ割り当てが来るらしいのだ
県はそれを各市町村にまた割り振りするって段取りらしい
だから任意の募金とはいえ結構強制力を伴った募金活動ともいえる
募金が困難な方の分は、町内会費みたいなもので補充され募金されるようになってるみたいだ、たぶん市町村が収める時にも足りない分は予備費みたいなものから補充されて
収められる事になってるんだって思う
ある集会でお隣に座られたご年配の方がこんな話をしてくださった。
『赤十字の寄付もしてますが、自分は子供の頃ユニセフのおかげで家では食事も満足に出来なかったのに、学校で出される給食のおかげで助けられたから、いまは銀行の自動振り落としでユニセフにも少しだが毎月寄付を送っているんですよ、恩返しですな~。』っと笑ってお話してくださいました
ふっと自分を振り返ってみると子供の頃から食べ物が食べれない時とかなかった、まして生きる為に誰かに助けられたという経験もない、でも報道なんかで本当に貧しい生きて行くのがやっとの方々の映像とか見るたびに私達が寄付したお金が有意義に使われて助かる人が一人でも増えたらいいなーって思います。
[PR]
by sakura_lljp | 2007-07-01 15:44 | ★カレンダーの編集
  |  トップ  |  


リンク
スキン編集のテキスト
その他のジャンル
以前の記事
ファン
記事ランキング
ブログジャンル
画像一覧

 Maplestory 花梨サーバー イベント&活動日記 リンクフリーです