アンテナコレクト




【無料ウェブ作成ソフト】Microsoft Expression Web 4のご紹介です。

元々有料で販売されていたソフトなので、完成度が高く使い易いのが魅力的です。

因みに私は使いこなせておりません。


mew4

 画像:Microsoft Expression Web 4

私は『CSS』『HTML』『JavaScript』の編集に使っています。

【インストール方法】

Microsoft Download Centerへアクセス。


Details

 画像:引用元

『Details』を開いて

Japanese

 画像:引用元

『Japanese』をクリックするとダウンロードが始まります。

※ 『Microsoft Expression Web 4』のインストールには、
  『Microsoft .NET Framework 4』が必要になります。

『Microsoft .NET Framework 4』のインストールは、
 Microsoft Download Center へアクセス。

テキストドキュメントで編集するよりは良いのかな?。 
続きを読む

今回はjQueryを使いサイドバーをスクロールに合わせて固定させ、
フッターに重ならないように固定を解除させる方法をご紹介致します。

当サイトの右側にあるサイドバーに実装しております。
 ※ 現在は実装しておりません、ちょっと変わったのを考え中です。

では、設置方法です。
詳しく書くと大変なので、要点を絞って簡単に記入しますね。


jQuery本体を
<head> ~ </head> 内に貼り付けて下さい。


<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

jQueryの読み込みが完了しましたら 
<body> ~ </body> 内にスクリプトを貼り付けて下さい。


<script>
$(function(){
    var target = $(".scrollbox");//ここに追尾したい要素名を記載
    var footer = $("footer")//フッターでストップさせる
    var targetHeight = target.outerHeight(true);
    var targetTop = target.offset().top;
 
    $(window).scroll(function(){
        var scrollTop = $(this).scrollTop();
        if(scrollTop > targetTop){
            // 動的にコンテンツが追加されてもいいように、常に計算する
            var footerTop = footer.offset().top;
             
            if(scrollTop + targetHeight > footerTop){
                customTopPosition = footerTop - (scrollTop + targetHeight)
                target.css({position: "fixed", top:  customTopPosition + "px"});
            }else{
                target.css({position: "fixed", top: "0px"});
            }
        }else{
            target.css({position: "static", top: "auto"});
        }
    });
});
</script>

スクリプトの読み込みが完了しましたら

<div class="scrollbox">

HTMLタグと差し替える

</div>

をサイドバーに記載して設置完了です。

この方法はCSSを変更する必要が無いので、簡単に実装する事が可能です。

特に問題なく動いております。

でも当サイトの個別記事ページを見て頂くとわかるのですが、記事が終わった所で
固定されています。これは何かと思いCSSを見たらわかりました。

要素に <footer class="article-footer"> となっているので、
フッターと認識したのかと思います。


scroll

でも動作は至って安定しているので、私のお気に入りです。

時間があったら、この固定要素を過ぎてから
コンテンツを出現させる方法を考えてみます。

因みに右側も固定されていますが、
こっちはちょっとアレなのでそのうちに。

最後にコードを編集するのに便利な無料ソフトがあるので一緒に紹介しますね。

興味があったら見て下さい。

  そのソフトは、
Microsoft Expression Web 4】 
  です。

※ 当サイト右下にあるアニメーションポップアップサイドバー実装方法は、
  コメント欄からご要望を頂ければ、紹介したいと思います。
続きを読む

超初歩的なSEO対策のひとつに『ping送信』があり、
ちょっとネットで調べれば、いっぱい出てきます。

でも良く解らないまま『ping送信リスト』を追加するのもどうかと思いました。

登録して暫らくすると、サービスが終了してしまっているサーバーも出てきます。

定期的に最新の『ping送信リスト』を更新すれば良いのですが、私はそれが
ちょっと手間なので、サービスが終了する事が無いと思われる
『ping送信リスト』をご紹介致します。

それは、

http://blog.goo.ne.jp/XMLRPC
 
http://blogsearch.google.com/ping/RPC2
 
http://api.my.yahoo.co.jp/RPC2

『goo』『Google』『Yahoo』です。

私はあと『ライブドア』と『ブログランキング』に送信しています。

極論から言うと『Google』が検索エンジンの頂点に君臨している
ので、そこにだけ『ping』を送信すれば問題無いのかな?とも思います。

賛否両論はあると思いますが、私はずっとコレだけですね。

もし、変えるような時はまた記事を更新しようと思います。
続きを読む

ブログフッターのコピーライト部分を、

フッター a

から

フッター b

に変更する方法をご紹介致します、
とても簡単です。

各ページHTMLの、


コピーライト HTML B

青のマーカー部分を表記させたいコピーライトに差し替えるだけです。

コピーライト HTML A

私はこんな感じにしました。

HTMLは『記事を書く』で作成して、コピー&ペーストすると楽ですね。

続きを読む

【相互RSSについて】

アンテナコレクトでは相互RSSを募集中です。

掲載場所はサイトヘッダーになります。

rss

ご希望の方はお手数ですが
メッセージ』よりご連絡下さい。

サイト名:アンテナコレクト

サイトURL:http://ancolle.livedoor.biz/ 

サイトRSS:
http://ancolle.livedoor.biz/atom.xml 

たくさんのRSSはお返しできませんが、
ご連絡を頂けると喜びます。
続きを読む

このページのトップヘ