FC2ブログ

IE8でのソース表示でフリーズする

少し前だがIE8が自動更新で推薦された為
アップグレードした

IE7はあまり好きではなく6を使っていたので
6から8へのアップだ

IE8はおおむね良好
特にブラウザにこだわりはないが
フリーズ前に自分で回復するので
他の作業に影響がないのはGOOD
タブ表示なども便利だね

ただソース表示でフリーズする

IE8はメモ帳ではなく専用のビューアーで見る
それが悪いのか・・・

HPを作る時に参考にしたいサイトなどの
ソースを見せてもらいたい時にフリーズ・・・

すべてではない
シンプルな静的ページ等はOKだが
プログラムなどで複雑なソースのページはNG
PCスペックもあるのかな?

そんなわけで専用ビューアーを変更
同じ悩みの方は参考にして下さい

まずツール→開発者ツールをクリック

IE8-1

新しく開いたウインドで

ファイル→ソースの表示のカスタマイズ→メモ帳などをクリック

IE8-2

私はその他でよく使うテキストエディタを選択
○○○.exe(使うエディタの起動プログラム)

これで変更完了!

これなら見るだけでなく
自分のページをソースを書き直してUPする人もOKだね

同じ悩みの方に参考になれば幸いです


ただ
IE8のソースの表示ビューアーは色が付いて
縦に数字が入り見やすい
できればこれで見たい と思った
変更以外のフリーズ解決方法がわかる方 教えて下さい

スポンサーサイト



生活応援団は激安人気通販サイト
あなたの暮らしを応援する激安人気通販ショップ 生活応援団

得々NET バーゲン会場 ←お買い得がいっぱい ぜひご覧下さい by望月店長

Highslide JS(ハイスライド)をつけてみた

Highslide JS(ハイスライド)を設定してみた

ハイスライドはライトボックスのようなもので結構お気に入りだ
ドラックして動かせるのが最大の違いなのかな

通常は画像の閲覧で使うことが多いだろう
以前私も画像で使わせてもらった
多彩な応用が魅力だろう

47★Gサイトで利用 良ければ覗いてね

今度はHTMLで使ってみた
iframeが写真と同じように画面の上に出るイメージだね

HighSlide JS(ハイスライド)をつけてみた
※赤い所でハイスライド起動

前の画像のでの利用と同じものを使ったが
後から見てみると現在は4.1.5にバージョンアップされていた
(私は4.1.3)
HTMLでフォームも表示できるようだ
今度アンケートなどにぜひ使ってみたい!!


話は戻って設定の話

ハイスライドは結構直感的に設定できると思う
DL後に「index.htm」があり
行いたいエフェクトを選択・クリックしてみて
そのHTMLのソースを見れば3ステップぐらいでどうすればいいのか書いてある
英語がわからなくてもなんとなくわかるよ

やりたいエフェクトだけのJSをアップしてもいいけど
ファイルごとアップするのが楽でリンク階層もあってるから
スクリプトが入ってる「hislide」はフォルダごと
全部アップしちゃいましょう

他の「images」や「exanple」はやりたいスクリプトを実行するファイル群だから
アップの必要はなし
サンプル表示用だね

もし動かない時はまず階層を疑ろう
HTMLのコードとJSファイルの階層をあわせよう(../や/で)
一番上の階層にUPして設定ページもそこならきっとそのままでOKでしょう

後はタグの違い
これはソースのコードをコピーすればOKだね

画像での利用の際ボタンのカスタムなどCSSでできるのだが
忘れてしまった・・・
参考にさせていただいたHPも・・・


ハイスライド 自分が忘れないよう記録しました
また誰かの目にとまって参考になれば幸いです


ところでこの上の画像
Cropperというデスクトップ画面を撮る
プリントスクリーンの便利なやつ
自由に大きさなどの設定ができるし意外と便利!

また今度紹介します


生活応援団は激安人気通販サイト
あなたの暮らしを応援する激安人気通販ショップ 生活応援団

得々NET バーゲン会場 ←お買い得がいっぱい ぜひご覧下さい by望月店長

携帯サイトのドメイン解除PHP

今回は携帯サイトのドメイン解除についてメモっておきます

お手伝いしているネイルサロンが
メールでの予約を始めたと同時に始めました

メールの予約は返信されたメールより予約を行うので
迷惑メールなどでドメインを限定していたりする方が
受信できるように
かつ
最短距離で解除画面にいけるように
それぞれの(3社)アドレスを調べました

やはりそこには壁が!

3社ともメールの問い合わせはNGでした

公式サイトはワンクリックで解除できるのですが
やはり非公式サイト(勝手サイト)は
おそらくワンクリック詐欺などもあり教えないのだと思います
正しい答えでしょう

非公式でもなるべくお客様の手を煩わせない様に
ドメイン解除の最短距離を探しました
自身がパスワードを入れる前までならできました

<docomo>
http://docomo.ne.jp/cp/mailurlfltst.cgi
<au>
http://imutl.ezweb.ne.jp/cgi2001/utl_menu.cgi
<softbank>
http://elinks.softbank.ne.jp/selfcare

これで少しは楽になるかと思います
(公式データではありません 独自取材ですご了承下さい)

リンク元は3キャリアで別のHPならいいが
共通のページならそれぞれの振り分けてくれるPHPがあったので
紹介します

携帯サイトnet http://www.keitai-site.net/

こちらのサイトの
携帯振り分けPHP http://www.keitai-site.net/php/uabranch_php/

を使わせていただきました

私は以下の画像の こちら から別れるのですが

TOPページにindex.phpとして設定して
各キャリアごとのページにも分けられます
PCサイトも認識します
私はこのPHPを他にも同じアドレスでPCサイトと携帯サイトに分けるのにも
使わせていただいております(フリー)

なかなか便利な優れものです

あっ もちろんPHPが使えるサーバーの方のみですが・・・

以下画像です↓
解除画面
ここまで画像↑ 紛らわしくてゴメンナサイ・・・

もし同じようにドメイン解除を作る方がいるなら・・・

携帯はテキストをコピーできません (著作権対策のよう)
設定してもらうドメインをあらかじめコピーしてもらえば
間違えないしユーザーも楽です
そこで解除ドメインはフォームで囲って
コピーできるようにしておきましょう

生活応援団は激安人気通販サイト
あなたの暮らしを応援する激安人気通販ショップ 生活応援団

得々NET バーゲン会場 ←お買い得がいっぱい ぜひご覧下さい by望月店長

リンク画像のマウスオーバー時のハイライト CSS編

PCのカテゴリーには
ちょっと便利なソフトの紹介や
使っている・使ってみたいテクニックなどの
覚え書きに書いてみたいと思います

今回はリンク画像のハイライト

リンク画像のハイライト

上記は当『生活応援団』のTOPですが
カテゴリーの「AV機器」の所にマウスがあり
画像が少し明るくなっているこの事です

上の画像は当HPにリンクしてあります
よければ覗いて下さいね

なんてことないですが
なんか好きなんで実行しました

方法はいくつかあると思いますが
主にスクリプトを使う方法とCSSだと思います

私は後のCSSです

スクリプトは2枚の明るさの違う画像を用意して
マウスオーバー時に明るい画像に替えて効果を狙います

今回これを止めたのは
リンク画像をただ明るくするだけにスクリプトは面倒だし
もし明るいリンク画像の表示が遅かったり
最悪表示されず×になったらやだな~と思い止めました

では本題のCSS(スタイルシート)です

.highlight a:hover *{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

をリンクしてあるCSSファイルに加えています
もちろんHTMLにCSSを記載している方は
そちらに追加すればOKです

(なるべくCSSは外に出しましょう
ロボットは上からソースを読むので
なるべく余分なCSS情報よりHPの情報源HTMLを早く読ませましょう)

alphaの数字を替えて明るく(薄く?)なるのを変更できます
上記はクラス名をhighlightにしています

そしてハイライトさせたいリンク画像のソースの前に
上の.hilight(クラス)を設定するのです

<div class="highlight">

(<>が全角ですそのままコピーして使わないで
半角に直してからどうぞ)

をHTMLに入れれば完成!

手軽にやるならCSSの方がいいんじゃないかな?と思います

ではまた何か気になることがあったらカキコします
自分の記録のために
そして探している人に少しでも参考になれば・・・


生活応援団は激安人気通販サイト
あなたの暮らしを応援する激安人気通販ショップ 生活応援団

得々NET バーゲン会場 ←お買い得がいっぱい ぜひご覧下さい by望月店長