固定式メニュー
楽天で検索
アマゾンで検索
Googleで検索
Yahoo!で検索
Gooで検索

アッシュの情報商材辛口日記

優良な情報商材・使えない詐欺商材の辛口評価

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

なんか腹立つ

去年の9月に中華タブレット(Ainol NOVO7 ELF II)を買ってみたのですが

 

先日文鎮と化してしまった。

 

当時8000円位だったので1年持てばいいやと思っていたんだけど

 

1年どころか半年も持たなかった。

 

で今なら

とか

とか選択肢がいろいろあるわけです。

 

そこでネットで購入するよりは家電量販店に行った方がすぐ手に入るし実物を見ることも出来るからと

 

ヤマダ電機に行って見ました。

 

そしたらiPad、iPadminiやSONY、TOSHIBAなどのタブレットはあるのに

 

KindleとかNexasはケースや液晶保護フィルムがあるだけで本体が無いのね。

 

折角楽しい気分で店まで行ったのにがっかりして帰って来ました。

 

ビッグカメラで売られていることは分かっているので

 

明日仕事帰りにビッグカメラに寄って買うことにしよう。

 

ヤマダ電機って価格がアマゾンや楽天と比べて高い上に品揃えも悪いということなのかな。

スポンサーサイト
[ 2013/02/17 18:28 ] [雑言] | TB(0) | CM(0)

スクロール追尾型バナー広告(その3)

またもやまどかさんの記事を見てヒントを得ましたが

 

スクロール追尾型の広告がCSSのみで出来ました。

 

今回設置したものにはJavaScriptも一部で使ってはいますが、表示・非表示の切り替えのところだけで

 

広告自体はCSSのみの使用です。

 

ソースを書きますと

 

HTMLテンプレート内に

<div style="float:right;position:fixed; top:110px; right:10px; width:150px;background-color:#ffffff;">

<div id="tmemu1" style="display:none;">

<p style="float:right; margin:0; padding:0; width:150px;"><input type="button" value="メニュー表示" style="width:150px"

   onClick="document.getElementById('tmemu2').style.display='block';

            document.getElementById('tmemu1').style.display='none'"></p>

</div>

<div id="tmemu2">

<p style="float:right; margin:0; padding:0;"><input type="button" value="メニュー非表示" style="width:150px;"

   onClick="document.getElementById('tmemu2').style.display='none';

            document.getElementById('tmemu1').style.display='block'"></p>

<table id="tmenu"> 

<tr class="tmemu"><td><a>固定式メニュー</a></td></tr>

<tr class="tmemu"><td><a href="http://www.rakuten.co.jp/" class="amenu">楽天で検索</a></td></tr>

<tr class="tmemu"><td><a href="http://www.amazon.co.jp/" class="amenu">アマゾンで検索</a></td></tr>

<tr class="tmemu"><td><a href="http://www.google.co.jp/" class="amenu">Googleで検索</a></td></tr>

<tr class="tmemu"><td><a href="http://www.yahoo.co.jp/" class="amenu">Yahoo!で検索</a></td></tr>

<tr class="tmemu"><td><a href="http://www.goo.ne.jp/" class="amenu">Gooで検索</a></td></tr>

</table>

</div>

</div>

 

CSS内に

#tmenu {

width: 150px;

margin: 0px 0px 0px 0px;

        background-color:#ffffff;

        border: 1px #000000 solid;

        /*cellpadding:2px;*/

        /*cellspacing:5px;*/

}

tr td{

        width:150px;

        background-color:#ffffff;

        border: 1px #000000 solid;

}

 

を加えました。

 

最初作成したときにCSSのみで実現出来なかったのですが

 

その時のtableタグをDivタグで囲ってコーディングしているだけで出来てしまったので

 

tableタグに対してはfloat:right;position:fixed;が効いていないのに

 

divタグに対しては有効になるみたいですね。

[ 2013/02/17 17:58 ] [雑言] | TB(0) | CM(0)

スクロール追尾型バナー広告(その2)

CSSだけで動かそうと思ったのですがブラウザ画面の幅によって位置が安定しない。

 

じゃ仕方が無いのでJavaScriptでなんとかしようと探してみました。

 

大体はJqueryとかprototypeを使っていましたが完全に自作で実現しているものを見つけました。

 

http://www.dynamicdrive.com/dynamicindex1/staticmenu.htm

 

とか

 

http://www.javascript-fx.com/submitscripts/float/float.html

 

とか

 

http://deluxe-menu.com/floatable-menu-sample.html

 

は参考になりました。

 

が、、、画面の左に出す分にはどれを使ってもあまり問題は無かったのですが

 

右側に出そうとするとCSSの時と同じように横方向でのずれが出てしまいます。

 

横方向を考えるならば、画面の中央のy座標を計算しそれプラス~pxって形で指定しないと駄目なのかな・・・

[ 2013/02/09 22:38 ] [雑言] | TB(0) | CM(0)

スクロール追尾型バナー広告・・・

まどかさんのところで紹介されていたのですが

 

ここ(FC2ブログ)でも付けられないか試してみました。

 

が、JavaScriptがうまく動いてくれず失敗に終わりました。

 

そこでJavaScriptを使わずに実現する方法はないか探したところ

 

こんなサイトを見つけました。

 

CSSフローティングメニュー

 

このサイトの情報を元に

 

テンプレートの<body>タグ内に

 

<table border="2" cellpadding="0" cellspacing="5" id="tmenu"> 
<tr><td><a>固定式メニュー</a></td></tr>
<tr><td><a href="http://www.rakuten.co.jp/" class="amenu">楽天で検索</a></td></tr>
<tr><td><a href="http://www.amazon.co.jp/" class="amenu">アマゾンで検索</a></td></tr>
<tr><td><a href="http://www.google.co.jp/" class="amenu">Googleで検索</a></td></tr>
<tr><td><a href="http://www.yahoo.co.jp/" class="amenu">Yahoo!で検索</a></td></tr>
<tr><td><a href="http://www.goo.ne.jp/" class="amenu">Gooで検索</a></td></tr>
</table>
スタイルシート内に
#tmenu {
	float: right;
	width: 178px;
	position: fixed; z-index: 99;
	margin: 110px 20px 20px 908px;
        background-color:#ffffff;
}

と記述したら右上にメニューが表示出来るようになりました。

スクロール追尾型~ではなくて固定型~になってしまいますが

使い方によっては面白いかも知れませんね。

ちなみに

position: fixed;の記述があるため

float: right;は無視されるようです。

[ 2013/02/07 20:24 ] [雑言] | TB(0) | CM(0)
 プロフィール

アッシュ

Author:アッシュに

メールする

 アクセスランキング
 最新コメント
 最新トラックバック


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