googleなどの検索エンジンでは、動的ページはリスティングされないそうなので
.htaccessを使ってmod_rewriteを記述してルールを設定すれば静的ページとして表示されます。
読んで字のごとくRewriteEngineを起動させます。
RewriteEngine on
RewriteRule 『...』
以降にルールを設定して、〜.htmlとか入れておけば
htmlで作った風なアドレスになります。
2007/09/29
2007/09/08
cssでロールオーバー
ラベル:
CSS、ロールオーバー、Java
Javaでのロールオーバーも簡単なのですが、ヘッダーと分離していて面倒なので
メニューの部分をcssのロールオーバーで書いてみた。
リンクする所のバックグラウンドに画像(menu_a.gif)を敷いて上から文字を入れる。
枠の端から文字が近いので、text-indentで調整。
div#contentsleft dd.icon a:link{
display:block;
width:200px;
color:#333333;
text-indent: 12px;
background:url(../images/menu_a.gif) no-repeat;
height:30px;
line-height:30px;
text-decoration:none;
}
ポインタを乗せると(hover)バックグラウンドの画像が入れ替わり(menu_hover.gif)
バックグラウンドの画像は濃い青なので文字の色も白に変わるようにします。
div#contentsleft dd.icon a:hover{
color:white;
background:url(../images/menu_hover.gif) no-repeat;
}
訪問後の画像も変えることが出来ますがあえてそのままで。
文字の色だけ変えても良かったかも?
div#contentsleft dd.icon a:visited{
display:block;
width:200px;
color:#333333;
text-indent: 12px;
background:url(../images/menu_a.gif) no-repeat;
height:30px;
line-height:30px;
text-decoration:none;
}
メニューの部分をcssのロールオーバーで書いてみた。
リンクする所のバックグラウンドに画像(menu_a.gif)を敷いて上から文字を入れる。
枠の端から文字が近いので、text-indentで調整。
div#contentsleft dd.icon a:link{
display:block;
width:200px;
color:#333333;
text-indent: 12px;
background:url(../images/menu_a.gif) no-repeat;
height:30px;
line-height:30px;
text-decoration:none;
}
ポインタを乗せると(hover)バックグラウンドの画像が入れ替わり(menu_hover.gif)
バックグラウンドの画像は濃い青なので文字の色も白に変わるようにします。
div#contentsleft dd.icon a:hover{
color:white;
background:url(../images/menu_hover.gif) no-repeat;
}
訪問後の画像も変えることが出来ますがあえてそのままで。
文字の色だけ変えても良かったかも?
div#contentsleft dd.icon a:visited{
display:block;
width:200px;
color:#333333;
text-indent: 12px;
background:url(../images/menu_a.gif) no-repeat;
height:30px;
line-height:30px;
text-decoration:none;
}
SmartyでJavaScriptを使う
テンプレートエンジンであるsmartyを使ってみる、
javascriptなどでロールオーバーを作成すると
<script>〜</script>の所でエラーが出る。
ここはsmartyに解釈させないように
<script>〜</script>を{literal}{/literal}で括ると回避される。
javascriptなどでロールオーバーを作成すると
<script>〜</script>の所でエラーが出る。
ここはsmartyに解釈させないように
<script>〜</script>を{literal}{/literal}で括ると回避される。
2007/08/09
迷惑メール対策
ラベル:
数値実体参照、迷惑メール対策
ドメインを取ってメールアドレスを作りホームページなどで公開していると迷惑メールが増える。
これは自動的にメールアドレスを収拾するクローラーが来てメールアドレスを拾ってゆくもので
表面上でメールアドレスを画像にしても、ソース側のmailtoや@以降を収拾してゆくので
ここを書き換えなければ意味が無い。
そこで数値実体参照というものを利用してみる。
ソースのmailto:xxxxxxxxxxxを以下のサイトで変換してソースを貼付ける。
http://ideas.paunix.org/utfrefcon.htm
これは自動的にメールアドレスを収拾するクローラーが来てメールアドレスを拾ってゆくもので
表面上でメールアドレスを画像にしても、ソース側のmailtoや@以降を収拾してゆくので
ここを書き換えなければ意味が無い。
そこで数値実体参照というものを利用してみる。
ソースのmailto:xxxxxxxxxxxを以下のサイトで変換してソースを貼付ける。
http://ideas.paunix.org/utfrefcon.htm
2007/07/23
favicon.ico
ラベル:
favicon、アドレスバーにマーク
ブラウザのアドレスバーにトレードマークを入れてみる。
gifでもpngでも良いのでとりあえずマークを作る。
Macなので作ったファイルを以下のようなサイトで.icoデータにする。
http://www.chami.com/html-kit/services/favicon/
.icoデータを任意の場所にアップして、表示したいページの
~間に以下の文章を入れる。
<link REL="SHORTCUT ICON" HREF="../images/favicon.ico">
../images/favicon.icoは任意の場所。
gifでもpngでも良いのでとりあえずマークを作る。
Macなので作ったファイルを以下のようなサイトで.icoデータにする。
http://www.chami.com/html-kit/services/favicon/
.icoデータを任意の場所にアップして、表示したいページの
~間に以下の文章を入れる。
<link REL="SHORTCUT ICON" HREF="../images/favicon.ico">
../images/favicon.icoは任意の場所。
お問い合わせを簡略化
ラベル:
oscommerce、カスタム
oscommerceにレビューボタンというのがある、
押すとレビューを書く事が出て来るわけだが、
あんまり必要ないのでお問い合わせボタンにしてみた。
実際使ってみると
商品の何を質問しようとしたんだっけ?というか商品名はなんだっけ?
ブラウザのバックボタンを押して商品ページに戻ってしまう。
お問い合わせを押したら、フォームに商品名くらい出るようにしても
良いんじゃないか?またはブランクで開くように設定するとか。
お問い合わせボタンのソース
$product_info['products_name'])) . "¥">¥n";?>button_ask_to_shop.gif', IMAGE_BUTTON_ASK); ?>
これでなんとか商品名を挿入。
押すとレビューを書く事が出て来るわけだが、
あんまり必要ないのでお問い合わせボタンにしてみた。
実際使ってみると
商品の何を質問しようとしたんだっけ?というか商品名はなんだっけ?
ブラウザのバックボタンを押して商品ページに戻ってしまう。
お問い合わせを押したら、フォームに商品名くらい出るようにしても
良いんじゃないか?またはブランクで開くように設定するとか。
お問い合わせボタンのソース
$product_info['products_name'])) . "¥">¥n";?>button_ask_to_shop.gif', IMAGE_BUTTON_ASK); ?>
これでなんとか商品名を挿入。
2007/07/21
rootユーザーにパスワードを設定する
ラベル:
Mac、rootユーザー、パスワード
いろいろとMacをいじる際に不可欠なのはrootユーザーの権限。
NetInfoマネージャーから設定します。
設定した覚えが無いし、設定し直したいけどパスワード忘れた。
なんてときは、NetInfoマネージャーを立ち上げて
メニューのセキュリティーから、ルートユーザーの有効/無効
の項目があるので、無効にしてから有効にすれば再設定できます。
NetInfoマネージャーから設定します。
設定した覚えが無いし、設定し直したいけどパスワード忘れた。
なんてときは、NetInfoマネージャーを立ち上げて
メニューのセキュリティーから、ルートユーザーの有効/無効
の項目があるので、無効にしてから有効にすれば再設定できます。
登録:
投稿 (Atom)
