Home  Prev
メモ帳を開く
No,3 comment 2
何時の日かホームページを作ってみたいけど、何だか難しそう。って思っている方に、私がネット上で色々な方から教わった事を書き留めておきたいと思います。きっと「何だ簡単じゃん」と思われることでしょう。1.メモ帳を開く先ず、パソコンのスタートボタンから「すべてのプログラム」→「アクセサリー」→「メモ帳」をクリックします 出てきましたら次、行って見よう...
Read More
ドキュメントの記述
No,2 comment 4
基本的タグの記述でページが出来ましたら次にそれぞれタグにドキュメントの記述をします。だれのパソコンからもちゃんと見えるようにいろいろな命令を書いておきましょう。HTMLタグの前にドキュメントタイプを記述続きを見てみよう...
Read More
音楽を流そう
No,5 comment 18
画像の貼り付けが成功したら、今度は音楽を流して見ましょう。<BODY></BODY>の中に<embed src="midiのアドレス" autostart="true" loop="true" width="144" height="45" volume="50" border="0">と書き込んで見てね。上のタグのっ説明デス。↓loop="true" 繰り返しあり loop="false" 繰り返し無しborder="0" インラインムービーふちなしhidden="true" インラインムービー非表示、表示させるときは書かないaut...
Read More
ホスト側にもフォルダを
No,6 comment 2
お友だちから教わった、ホスト側にもフォルダを作る方法!(^o^) さて、デスクトップに散らばっている、ファイルをまとめてフォル ダに入れておきましょう。 ヾ(●~▽)ゞおほ 実は私は相当、長い間、このことを知らないでとても作業が大変でした。 以前作ったものと同じ名前を付けて、上書きしてしまったり、とほほ... そうして、ある日、ネットのお友だちから教わりました。 それから後は、とても楽になりました。...
Read More
TABLE
No,7 comment 9
もうすっかりページが出来てきていますね。それでは、画像と文章を配置してみましょう。DIV を使った方法も楽しいのですが、今回はテーブルをやって、次にリンクの方法をやってみますね。♪<BODY>ここです。</BODY>の間に<TABLE><TR><TD></TD><TD></TD></TR></TABLE>と書きます。このままだと解りにくいので、まわりに線を入れてみます。<TABLE>タグの中に BO...
Read More
いろいろなTABLE
No,8 comment 8
色々TABLEヾ(@~▽~@)ノわぁい凄い、こっちが間に合いませんヾ(●~▽)ゞおほほほでは色々なTABLEをみてみましょう。先ずこれは、半透明なTABLEです。背景が透き通ってみえますか?上のタグです。TABLEのTD中にTABLEを作っています。外側のTABLEにはbackgroundで画像のアドレスを入れ、その画像の大きさにTABLEの大きさを合わせました。<!--ココから--><CENTER><TABLE background="sirakabaki.jpg" width="400" height...
Read More
リンクの方法
No,9 comment 15
リンクの方法きゅうりさんの現在のおじぞうさまのページがindexになっているようですのでおじぞうさまのページから「那須塩原ハイキング」に行けるようにすれば出来上がりです。<a href="ページのアドレス">ここに書く文字または画像が表に現れます</a>例<a href="http://kyuuri.eco.to/hik.htm">那須塩原ハイキング</a>サンプル那須塩原ハイキングまたは画像の例ですと<a href="http://kyuuri.eco.to/...
Read More
背景
No,10 comment 5
BODYタグ背景を右下に固定しています<!--//ここから//--><BODY style="background : url(背景画像のアドレス) fixed no-repeat bottom right"><!--//ここまで//-->bottom right ーーーーこの部分を変えると位地が変ります。bottom left ーーーー左下に固定top right ーーーー右上に固定top left ーーーー左上に固定top center ーーーー真ん中上に固定bottom center ーーーー真ん中下に固定center center ...
Read More
カテゴリーのRSS
No,87 comment 0
2005.06.30のFC2インフォメーション よりの覚書・カテゴリー別の最新記事 ・最新コメント ・最新トラックバック そして勿論・最新記事についてもRSSがあるのはホントにすごいことです。・カテゴリーのRSS BlogURL/?xml&category=数字  ←登録した順の番号ですね。・コメントのRSSのURL BlogURL/?xml&comment ・トラックバックのRSSのURL BlogURL/?xml&trackback ちょっと遅れてる私...
Read More
絵文字の背景
No,88 comment 12
背景が白以外の場合、文中に挿入した絵文字の背景が白くなってしまいますよね。その対処方法ですが、CSSで設定することによって回避できるんですね。また、記事の中の画像に枠などを付けている場合、あの小さい絵文字にまで枠がついてしまうことがありますね。記事を囲っているタグのclassが[entry_text]の場合.entry_text img.emoji {border:none;float:none;margin:0px;padding:0px;background-color: #000000;valign:bottom;}と...
Read More
半透明にする
No,98 comment 0
テーブル、カラムなどを半透明にするタグをスタイルシートで指定する方法でIE・Firefox・Opera・Netscape・Safariで表示可能な方法を公開されているのを見つけました。IEとFirefoxで試したところ実行されていました。 filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;参考URL...
Read More
サムネイル画像.Highslide JS
No,102 comment 10
私はテンプレートindexページにサムネイル画像を置きそれをかっこよく拡大させるテンプレートを夢見ています。 先日、作成したgallery-w では画像をクリックすると別ウインドウで画像が拡大するんです。 サムネイル画像を拡大するjavascriptにはIDが着いていて、そのIDには名前がついているので、topentryのように繰り返し表示するものは無効になってしまいます。 今回のHighslide JSもそうです。テンプレートとして取り...
Read More
1枚の画像に複数のリンクを貼る
No,104 comment 0
一枚の画像の中に複数のリンクを貼る方法があるそうです。下の画像は一枚の写真ですが、丸や三角、四角又多角形にそれぞれリンクを入れてあります。タグは以下の通りです。ーーーーーーーーーーーーーーーーーーーーーーーー<IMG src="talink.jpg" width="400" height="300" border="1" usemap="#mapID"><BR><MAP name="mapID"><AREA shape="poly" coords="197,9,382,106,350,142" href="http://www.yahoo.co...
Read More
CSS だけでサムネイルギャラリー
No,106 comment 0
JavaScriptやFlashを使わずにスタイルシートだけでサムネール画像にマウスオーバーで拡大画像を表示。サムネールクリックで拡大画像を固定。固定した画像にリンクを入れられます。newsJavaScriptやFlashを禁止されているサーバーの方も使えますね。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang=...
Read More
cssだけでマウスオーバーで展開
No,107 comment 0
先日(2008/06/11)の「CSS だけでサムネイルギャラリー」 のcssを勉強しました。 マウスオーバーで展開、更にサムネイル画像に触れると拡大 と言うところのCSSがだいたい解かりました。面白いですね。 忘れないように書いて置きます。 サンプル bbs CSS部分 /*メニューの文字に触れたら展開する ここから*/ /*サムネイル画像が入るtable*/ .album ul :hover table{ padding:0; margin-top:-...
Read More
album2の画像サムネイルを並べる
No,108 comment 14
写真の枠を外して写真のサムネイルを横に2つ3つ並べたいということですのでやってみましたこんな感じでよろしいでしょうか?以下にこの方法を書いてみますね。画像の枠を外すには管理ページのお使いのテンプレート「album2」の編集をクリックスタイルシートの/*テキスト内の画像*/と言うところを background-color: #ffffff; padding: 2px; float: left; 意味はfloat: left;が横に並べるということです...
Read More
超簡単画像のポップアップ
No,131 comment 6
サムネイル画像を拡大する方法、Highslide JS、lightbox、lightbox2などいろいろありますね。FC2では、類似プラグインにPhotoscope pictlayer 画像ポップアップ等があるようです。Photoscopeでは画像をクリックすることでその画像を背景としたページが手前に出て来るようです。とても面白いです。pictlayerでは拡大表示される画像以外のところが半透明でlightboxなどに似ていますね。しかし動作しないサーバーがあるようです。画...
Read More
onmouseoverによってコンテンツが現れた時objectやembedを非表示
No,142 comment 0
今回はマウスオーバーで開くものです。2008-12-4...
Read More
背景を半透明にした時写真は半透明にしない
No,145 comment 3
TABLEやcolumnなどに半透明の画像を背景に設定した場合、記事に挿入した画像まで半透明になってしまうことがあります。 Lightbox JSやHighslide JSで画像を表示した時その場で背景が半透明になるんですが画像の部分は半透明にはなっていません。 これに近い感じにするにはcssでboxなどを同じ場所に重ね下になるboxは空で大きさを指定しその上に画像や文章を書いたboxを重ねると出来ます。これがあまり勧められないものかどうかそれ...
Read More
プラウザの戻るボタンで戻れない
No,147 comment 3
yahooなどの検索サイトでいろいろなサイトを見て歩いている時、また検索サイトに戻ろうとして、プラウザの戻るボタンを押しても、どうしても戻れない時が有りますよね。また初めから検索の文字を入れてやり直しです。いつも頭にくるなぁ。何の意味があるんだと内心怒っていた私。ところが何ということでしょう。私のHPがそうなっていることに気がつきました。ほんとにびっくりです。もう恥ずかしくて顔から火が出る位でした。取り...
Read More
サイトマップWebsite Explorer
No,162 comment 2
サイトマップを作るのにいちいち自分で確かめてページを集めるのはたいへんですよね。ホームページを作り始めたその時から、真面目にやっていればいいのかもしれないのですが、いつの間にか巨大化してしまったホームページ、自分でももてあましてしまいます。そこでなんとかもっと簡単に出来ないものかと、調べて結果、Website Explorer にたどり着きました。サンプル自分のイメージにぴったりと言う訳ではないですが、瞬時にやっ...
Read More
画像を虫眼鏡で見るように拡大表示
No,164 comment 0
Javascriptの場合 ↑画像にオンマウスで拡大されます。商用の場合は料金が発生しますが、非商用でしたら Freeだそうです。詳しくは参考サイトhttp://solidstate.jp/ImageDisplay/glass/script_62.htmlをご覧ください。Flashの場合 アクションレイヤーにzoom.setMask(lupe);_root.onMouseMove = function (){ lupe._x = _root._xmouse; lupe._y = _root._ymouse; zoom._x = -_root._xmouse * 3 + photo._width *...
Read More
画像をクリックすると非表示
No,169 comment 0
画像をクリックすると消える。というものです。<span onClick="this.style.visibility='hidden'"><img src="画像のURL"></span>ページを更新しするとまた現れます。使い方で楽しい物が出来るかもしれませんね。...
Read More
IE8ってどうよ?
No,170 comment 0
ホームページを編集しているんですが、今まで私はIE6を主に使っていますので、それでの表示確認とMozilla Firefoxで確認していました。ところが新しいパソコンがIE8なのです。そっちのパソコンで見るとIEむけのcssも書いているのに、崩れているんです。一体どうすればいい?検索してみるとIE8で見ている人向けMETAタグを見つけました。meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /これをページのソース、headの...
Read More
リンク部分の周囲の点線を消す
No,173 comment 0
ページのリンクをクリックすると回りに点線の枠が出ますね。普通は他のページへ飛んでいくので、気にならないし、戻ってきてみると、点線が付いているので、ここまで見たんだと解かり、助かります。ただこのBlogのトップページのようにその場で続きを読むような場合、リンク文字は消えるのに点線だけが残り目障りと感じることがあります。その時の対処方法を教えてくれているところが見つかりました。リンクのURLの次に 「onFocus...
Read More
写真の右側に文章を回りこませるには
No,175 comment 4
コメントありがとうございます。どのテンプレートをお使いなのでしょうか?連絡先も解からないのではお答えしようが無いのですがとりあえずは記事を書くとき<a href="http://blog-imgs-31.fc2.com/d/r/e/dreamy/2009-10-1-22.jpg"><img src="http://blog-imgs-31.fc2.com/d/r/e/dreamy/2009-10-1-22.jpg" width="200" border="0" align="left"></a>としてみてはいかがでしょうか?<a href="画像のアドレス"&g...
Read More
Javascript window openで窓をたくさん出さない
No,177
Javascriptを使って指定した大きさの窓を開くサムネイルをたくさん並べている元ページから次々クリックすると次々と窓が現れて、閉じる時驚く事があります。そんな時、最終的に別窓がひとつだけ残っているようにするには<A href="Javascript:w=window.open('URL1','コメント','scrollbars=yes,Width=510,Height=570');w.focus();"><img src="サムネイル画像のアドレス1" border="0"></a><A href="Javascript...
Read More
枠や影をつける画像とつけない画像を貼り分ける
No,181 comment 0
たまにこの画像には枠や背景をつけたいと思う時があったとしたら、 cssを使って同一のページ内に貼り分けることが出来るそうです。 1、枠と影付き背景をつける これに対し 2、背景をつけない場合は 先ずスタイルシートには div.phot {  margin: 0px 0px 5px 5px; background: url(背景画像のアドレス) right bottom; float: left; } div.img { position: relative; left: -5px; top: -5px;...
Read More
クリックした画像を大きくする方法
No,190 comment 0
いただいた質問ですです。現在ブログで横650pixの画像を貼り付けていますが、クリックして別窓で開いたときにもっと大きなサイズで開くにはこれは大きい画像が1024px,小さい方が640pxです。クリックすると別窓で出てきた画像の上に+マークが出ているので画像をクリックすると1024pxの画像になりました。いかがでしょうか?...
Read More
画像に影をつける
No,194 comment 0
cssは {filter: progid:DXImageTransform.Microsoft.shadow(color=#999999, direction=135, strength=10);}例えばclass=phot htmlは<img src="画像のアドレス" class="phot">こんな感じです...
Read More
どりーみー

カテゴリー



recent comment

最新の記事

月別アーカイブ

recent trackback

ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

08 | 2019/09 | 10
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 - - - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

 

カテゴリー

recent comment

最新の記事

月別アーカイブ

recent trackback

ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

08 | 2019/09 | 10
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 - - - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク