Home > PC/Internet

PC/Internet Archive

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  • Comments (Close): -
  • TrackBack (Close): -

画像追加

ランダム画像を追加しています。

No.3
blogra3.png
Mighty Mouse [Wireless]

以前使っていたマウスが壊れたので買ったものです。
VAIOに使えるか分からないので、不安でしたが、
設定してみるとあっさり使えました。

※全体的に白色の画像なので影の扱いが難しかったです。
薄っすらと、「リンゴ」マークを残したいので、これ以上はいじれません^^;

No.4
blogra4.png
くろちゃん (ヌイグルミ目イヌ科)

和の雰囲気を醸し出しているので、
「黒兵衛(くろべぇ)」という名前を授かったこともあります。
一昨年の春にYumikoさんにもらいました。

紐が切れて紛失しかけたことがありますが、
赤い鈴の「ちゃりーん」の音で事なきを得ました。

※初めての人形の加工です。
プラスチックや金属とは違う、難しさがあると思ったので、
練習も兼ねて比較的初期の段階で、取り組んでみました。
影は、何パターンか用意したのですが、あっさりとこのパターンに決定しました。


スポンサーサイト

ほぼ完成

なんとか「ランダムで画像を出現させる」ことができるようになりました。
後は、画像の位置の調整等です。

もう一息。




/追記/
 FirefoxとOperaでは表示されません。
 IEでしか表示されませんね。
  なぜでしょう・・・
    せめて、Firefoxだけでも。。

iPod touch から投稿

テストです。

ipod touch&とうとう明日

7月11日から iPhone 3G が全世界的に発売されたのは皆さんがご存知の通りです。

"華やかなiPhone 3G発売"の影で 我々 iPod touch ユーザーもその日を楽しみにしておりました。


・・・と、つらつら書き始めても書きたいことは伝わりませんね。

簡単に言うと、iPhone 2.0 Software Update for iPod touch の発売を
ものすごーく、待ち望んでいました。

世間では1200円の有料アップグレードをワヤウヤ言っていますが、
僕は安いと思ってます。(勿論、無料が望ましいけれど)

新しい日本語入力方法「かな」が入ることと、
韓国語、中国語を入力出来るようになったこと。

この「入力補助機能が充実」したことは非常にありがたいことです。
これで、韓国語でメモ書きができる様になりますから。


「Mobile me」とか「app store」は二の次です。

とはいいつつ、もう、3000円以上アプリを買っちゃっています^^;
(9割以上はアップグレード公開前に買いました)


----------------------------------------------

以前に15日にオープンと告知させてもらったとおり、
明日、15日からtriboxをオープンさせます。

http://tribox.cart.fc2.com/

買わずに(?)サイトを見に来て下さるだけでも嬉しいです^-^

誰か教えてください

今日は時間が取れたので、一日、色々いじってみたけど
全く解決しませんでした。
全く。。(T_T)

このブログを以下の画像のようなものにしたいのです。
blogg.png


1 背景 色
2 背景 画像
3 背景 画像 ランダム表示
4 記事

risou.png


『1』
背景色を白に設定しています

『2』
『2』は上と下で2枚の画像です。
正確には「背景 画像」は1画面につき1枚だそうなので、
『2』はdivタグでブロックをつくり、
そこの背景として画像を表示させています。
<div id="back1"> </div>の方に『2』の上の画像を
<div id="back2"> </div>の方に『2』の下の画像を背景として設定しています。

cssはこんな感じです

#back1{
background-image: url(http://.../takafumihaseda/blogheader1.jpeg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
}

#back2{
background-image: url(http://.../takafumihaseda/blogfooter1.jpeg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center bottom;
}




『3』
この『3』の画像(実際はキューブ周辺の236px 350pxのpng画像)
をランダム表示させたいのです。
お気に入りの雑貨をランダムで表示させたかっただけなのですが、
それが原因でこんなことになってます・・・^^;

『4』
記事部分です。


自分で思うところ

・『2』の画像2枚をdivタグでそれぞれ上下に配置し、
『3』のランダム表示をbodyの背景として表示させる方法を思いつきましたが、


body {
font-size: 13px;
*font-size: small;
*font: x-small;
background-image: url("1"); ←ランダム後の画像のurl
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 60% 0%;
}


予想通り、『3』のランダム画像『2』の後ろに隠れてしまいました。

そこで、『2』の上部をbody部分の背景として、
そして、『3』のをdivの背景として表示させようとしましたが、
なぜか以下の現象が起こりました。

・『2』の上部分(body背景)、本文を表示

・『2』が消えて『3』(div背景)を表示

いまだに、何が原因なのか分からないので、
色々といじったり、ググりましたが解決していません。



・『2』の画像をdivタグの背景で表示するようにした為、
ブラウザがdivタグ内を全て読み込んでから出ないと画像が表示されない

おそらく、これが原因でワンテンポ遅れて画像が表示されていた

かといって、
<div id="header"> <div>の中に
<div id="back1"> </div>タグを入れて、『2』の画像を表示しようとすると
ヘッダーの高さのせいで背景画像が切れてしまう

ヘッダーの高さはバランスを考えても、このままにしておきたい



・ランダムで表示させる画像(キューブ等)はできれば背景として表示させたい


・各ブラウザーで耐えられる表示にさせたい
 「ctrlキー」と「マウスでのホイールスクロール」の拡大・縮小操作でも崩れて欲しくない





些細な助言でも結構ですので、何か気がつくことがあれば教えてください。

参考までに、以下、
このページのhtmlを簡略化したものです。




<html>
<head >

</head>

<body;>

  <div id="back1">

    <div id="back2">

      <div id="header">
      <!--ヘッダー--></div>

      <div id="content">

         <div id="main">
         <!--記事部分--></div>       

         <div id="utilities">
         <!-- 右側--></div>

       </div><!--contentの閉じ-->

     </div><!--body2の閉じ-->

   </div><!--body1の閉じ-->

   <div id="footer">
   <!--フッター--></div>

</body>
</html>

Home > PC/Internet

Recent Comments
Recent Trackback
Search
Meta
Links
Feeds

Page Top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。