カテゴリ:その他( 26 )

練習

画像は小さくビューは大きくの2回目です。
前回よりもスマートな方法が分かりました。
その方法は?
1.画像を普通にアップします。
2.<プレビュー>し、画像を右クリックで<プロパティ>を表示します。
3.画像のURLが表示されますから、これをコピーします。
  ここがポイントでした。

●AタグとIMGタグの構文
  
●新しいウィンドウで開く
  target=_blank
●表示画像の大きさの指定
  width=ピクセル、hight=ピクセル

したがって次のように記述すればいいことになります。


ポイントは画像の保存場所をいかにして知るか、だったですね♪

注意1)[#と#]で囲われるタグは編集が終わったら必要ありませんから削除します。
注意2)画像は500KBまでアップできます。
[PR]

by pckmieko | 2013-08-12 19:06 | その他

マウスを置くと画像が変わる

.af { display: none; }
a.lnk { text-decoration: none; color: black; }
a.lnk:hover { background-color: transparent; }
a.lnk:hover .bf { display: none; }
a.lnk:hover .af { display: inline; color:#0000;}
[PR]

by pckmieko | 2013-07-16 15:20 | その他

画像

b0197630_951212.gif
画像URL" alt="説明" width="幅" height="高さ" border="0">



CSSの編集で以下のCSSを追加しておきます。

a.myImgBtn{
display:block;
text-indent:-9999px;
background-repeat:no-repeat;
}



画像


[PR]

by pckmieko | 2013-07-05 09:53 | その他

画像

.l-button1 img{
visibility:hidden; /* 表示・非表示を指定(表示しない) */
}
.l-button1 a{
display:block; /* ブロックレベルで表示 */
width:100px; /* 横 */
height:50px; /* 縦 */
background-image:url(画像のURL①);
background-repeat : no-repeat;
text-align:center;
line-height:200%;
color:red;
text-decoration:none;
}
.l-button1 a:hover {
background-image:url(画像のURL②);
background-repeat : no-repeat;
text-align:center;
color:white;
text-decoration:none;
}





◆ 例 ②



[PR]

by pckmieko | 2013-05-14 19:52 | その他

御雛様




 

御雛様も近いのでワードで描きました。
[PR]

by pckmieko | 2013-02-17 17:24 | その他

マウスを置くと変わる

b0149071_1419596.jpg
b0149071_14201810.jpg


(マウスを。置いてみてください)
b0149071_20425910.jpg
 
[PR]

by pckmieko | 2013-01-31 16:42 | その他

氷見番屋

b0149071_1655973.jpg

b0149071_16781.jpg

b0149071_1682633.jpg


大きなカボチャの重さ当てクイズ商品はお米30キロ当たらないだろうな~~?
御魚は、そんなに得意では有りませんが新鮮なので美味しく頂きました
何種類かのおかずが並べられ好きなものを取り会計に
高いかな~~~と感じましたがとにかく新鮮でした之で1800円です

帰り道車から見た景色
子供が写生大会で描くような雲が。。。あまりにも綺麗でしたので
[PR]

by pckmieko | 2013-01-31 16:35 | その他

願い

今年の願望
健康で色んな所に旅が出来れば良いな~~欲は言いませんが宝くじ100万円くらい有らないかな(笑)

[PR]

by pckmieko | 2012-12-25 20:52 | その他

3

スライドの作り方


 
[PR]

by pckmieko | 2012-12-01 08:40 | その他

すらいど―2

スライドの作り方


 
[PR]

by pckmieko | 2012-11-24 13:53 | その他