WEBサイトにパスワードをかける。(BASIC認証)

 

「WEBサイトにパスワードをかける。(BASIC認証)」

＜概要＞

IDとPASSをかけたいページのディレクトリに

以下の２つのファイルを作成して置くとできる。

.htaccess 

.htpasswd

<制作方法>

1)「.htaccess を作成」

テキストエディタで以下のように記述

AuthType Basic

AuthName "Please type ID&passward."
AuthUserFile フルパス/パスワードをかけたい階層へのパス/.htpasswd
require valid-user
<Files ~ "^.(htpasswd|htaccess)$">
deny from all
</Files>

※フルパスを取得するのが面倒、以下のphpを

サーバーにアップして確認。

 参考サイト：http://www.kens-web.com/2011/06/1190

<?php

//絶対パス
echo __FILE__ . '<br />';

//ディレクトリパス
echo dirname(__FILE__) . '<br />';

//スクリプト名
echo basename(__FILE__) . '<br />';

//指定した拡張子を取り除いたスクリプト名
echo basename(__FILE__, '.php');
?>

2) 「.htpasswdを作成」

テキストエディタでID名+「:」コロン+パスワードを

記述する。

ID名:パスワード(変換したもの)

パスワードの変換は以下から

www.1kara.net/knowhow/basic.php

3)テキストエディタで作った「htaccess.txt 」「htpasswd.txt」を

パスワードをかけたいhtmlの場所に置く、FTPソフト上で 「.htaccess 」「.htpasswd」

に書き換えて不可視ファイルにする。

4)完成！

参考サイト： http://logicalxradical.com/◆cording/htaccess_basic

finalcutのプロジェクトファイルが開けなくなった時の解決方法

「finalcutのプロジェクトファイルが開けなくなった時の解決方法」

finalcut6.06でfcpファイルを開こうとしたら以下の様なアラートが出た。

“このプロジェクトは読み込めないか、このバージョンの Final Cut には新しすぎるかもしれません。” 

検索などしたら解決方法が見つかったのでメモ。


Macのディスクの「書類」フォルダの中にある「Final Cut Pro Documents」フォルダに
自動保存されたプロジェクトファイルらしきものがあるのでそれを開いて別名保存すれば
少し前のプロジェクトファイルが保存出来る。


書類 > Final Cut Pro Documents > Autosave Vault >自動保存されたプロジェクトファイル

アニメーションで文字を表示させていくjQueryプラグイン・Lettering Animate

背景いっぱいに画像を表示、スライドショー化にも対応した軽量なjQueryプラグイン・BACKSTRETCH

参考URL:http://kachibito.net/web-design/backstretch.html
使用サイト例：http://www.madeinmeproject.co/

MTカスタムフィールドの改行を消す+改行させる。

「MTカスタムフィールドにbrを自動的に入れて改行させる」

下記例

<MTIf tag="caption">

<MTcaption />

</MTIf>

に、nl2br="xhtml"を入れる。

<MTIf tag="caption">
<MTcaption nl2br="xhtml" />
</MTIf>

これで改行される。

他の方法。。

カスタムフィールド表示の記述に 

<$mt:cf_hoge$>

以下を入れる。 

convert_breaks="0"

<$mt:cf_hoge convert_breaks="0"$>

MovableTypeでカスタムフィールドを作成するとき、

convert_breaksモディファイアを1にすると、

管理画面のフォーマット指定に関係なくp要素とbr要素でマークアップされます。

0にするとプレーンテキストとなります。

参考URLhttp://code1616.net/movabletype/entry-9.html 

シンプルでアニメーションの時間も設定できるjQueryスライドショープラグイン

<div id="slideshow">
    <img src="img/img1.jpg" width="500" alt="" />
    <img src="img/img2.jpg" width="500" alt="" />
    <img src="img/img3.jpg" width="500" alt="" />
</div>

<style type="text/css"> 
<!--    
#slideshow {
    position:relative;
}
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow img.active {
    z-index:10;
}
#slideshow img.last-active {
    z-index:9;
}
--> 
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
       <script type="text/javascript">
          function slideSwitch() {
              var $active = $('#slideshow img.active');
              if ( $active.length == 0 ) $active = $('#slideshow img:last');
              var $next =  $active.next().length ? $active.next() : $('#slideshow img:first');
              $active.addClass('last-active');
              $next.css({opacity: 0.0})
                  .addClass('active')
                  .animate({opacity: 1.0}, 1000, function() {
                      $active.removeClass('active last-active');
                });
          }
          $(function() {
              setInterval( "slideSwitch()", 4000 );
          });
</script>

【日本語ファイル】WordPressで画像のトリミング等を可能にするプラグイン・Scissors