もう一つメモ。WordPressをローカルで構築して、テストサーバ、本番サーバにインポートして移行する場合、画像のファイルパスには気をつける必要があります。 画像のファイルパスは絶対パスでDBに入るので、外部サーバに持って行ったときにDBの中を書き換える手間が発生してしまうんですよね。 なので、サイトルート相対で書いておくとその書き換えが不要になるので楽です。 「設定 / その他の設定」で、上記のように「ファイルへの完全な URL パス」にサイトルート相対パスを記述。この場合は「/wp-content/uploads」としていますが、先頭にスラッシュをつけていれば、任意のパスに設定可能です（「/images」など）。 参考にしてみてください！ 天気がよすぎるので出かけようかな。

A CSS sticky footer that just works We've all tried to use a sticky footer one time or another, but they never seem to come out right, do they? Well, the days of a hard to understand CSS-based sticky footer are thankfully over. In just a few simple CSS classes with minimal extra HTML markup, I've fashioned a sticky footer that even beginners can get a handle on. It's been tested in IE 5 and up, Fi

Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 CSSの初めでUA固有の表示設定を解除するリセットCSSと、フォントサイズ指定、そしてタグ自体の基本的な振る舞いを規定する指定、この３つを合わせたもの。 この部分はいつでもどんなサイトでも大抵は使いまわせるので、自分なりのものを用意している人も多いと思います。ちなみにSig.は「base.css」という名前で用意してますが、「default.css」とか「master.css」とかって命名も良く見かけますね。それはともかく。 このところデフォルト設定に関するレポを良く見かけるので、いちど当サイトでも纏めておこうかと思った次第です。（ま～「良い感じの方法を見つけたんだけ

以下のような記述を見かけるが、これはリンクを無効にするため。 a href="javascript:void(0);" こうした上で、a タグの onclick で関するを呼び出すパターンが多い。 つまり、以下のような感じ a href="javascript:void(0)" onclick="function_name(); return false;" っで、関数呼出し後の return false も肝で、クロスブラウザで挙動を合わせる場合に、onclick に関しても、見せ掛け上、処理が無効となるよう return false する必要がある。 実際には、途中の処理が実行されるので別ウィンドウ開くなどのアクションは正常に処理される。 プログラミング > JavaScript - void(0)onClick に false を返すと、クリック自体が無効になり、リンクしなくなります

注意書きなどでは、文頭に「※（米印）」が付くことが多いですが、改行されて複数行になる場合はインデントさせて文頭をそろえるときれいに見えます。 そのためには「※（米印）」を画像化して背景処理をするという手もありますが、フォントサイズや色の変更などを考慮すると、やはりテキスト処理したいところです。 そんな「※（米印）」のテキスト処理で簡単な方法としては以下のようなコーディングがあります。 CSS .note { padding-left: 1em; text-indent: -1em; } HTML <p class="note">※注意書きテキスト（改行されても文頭がそろいます）</p> こんな簡単なことで注意書きの見栄えがグッとよくなります。ただ、Macの標準ブラウザSafariでみると、2行目の文頭がずれてしまいます。さすがに標準ブラウザは無視することはできないですよね・・・。 そこで以

Information Using display:table; which is understood by all the modern browsers, we can center a horizontal menu of unknown width by using margin values. For IE6 and IE7 we can use display:inline-block; and display:inline; which gives the menu a width value and then position this using text-align. When using display:table; in Firefox, you must also use display:table-row; in the following element t

その他のスクリプト： テキストでちょっと便利 パスでちょっと便利 その他にちょっと便利 画像でちょっと便利 フォルダ一括でちょっと便利 このサイトのスクリプトは お役に立ってますか？ 皆様からの動作報告、ご意見やご要望などをお待ちしています。 「これがうまく動かない！」「こういう風に動作するように改良してほしい！」「こんな事ができるスクリプトが欲しい！」などなど、お気軽にこちらの送信フォームからお送りください。 メッセージ送信用の ウィンドウが開きます。 ここからは、メッセージ以外の情報（メールアドレスやＩＰアドレスなど）は一切送信されません。単に「使ってるよ」という意味で空メッセージを送っていただくだけでも喜びます。お気軽にどうぞ。 （「web拍手」の配布スクリプトを使わせていただいています） 免責事項 これらのスクリプトは無保証です。お使いになってどのような損害が生じたとしても責任はと

コメント（1件） -:承認待ちコメント このコメントは管理者の承認待ちです 2013年02月20日（水）13:47:58 コメントの投稿 名前 件名 メール URL コメント コメントを編集・削除するにはパスワードの入力が必要です。 編集・削除用パスワード 非公開コメント 管理者にだけ表示を許可する トラックバック（3件） http://mb.blog7.fc2.com/tb.php/62-551cfb2b floatとclearの関係 昨日、「mixi」のコミュニティで見つけたサイト。 clearは「floatの解... 2006年03月27日（月）16:57:24 from ddy-w::blog フロート解除と上マージンは一緒に指定しない！ フロート解除を指定した要素に、上マージンを指定しても、 上マージンが利かない(;´Д`)ノ。 -------------------------

floatに起因するレイアウトくずれの多くは、floatをしかるべき場所でクリアすることによって解決する。このことを発見して以来、もっぱら空ボックスにclearを指定するという方法（<div style="clear: both"></div>）を多用してきたが、HTMLにある種の不純物が混じることに居心地の悪さはずっと感じていた（「floatを繰り返すとレイアウトがくずれる」参照）。この気持ち悪さを解消してくれるのが、clearfixというテクニックだ。 基本的な発想は上記の空ボックスによるクリアと同じだが、それをHTMLには一切手を加えず、スタイルシートだけで実現しているところに大きな特徴がある。しかし、ひとくちにclearfixといっても様々なバリエーションがあり、その記述のしかたは微妙に異なる。 例えば、clearfixの提唱者ではないかと類推されるPosition Is Ever

■ はじめに 当サイトは FedoraCore や CentOS で自宅サーバを構築する手順を自宅の構成に沿って紹介しています。 自宅サーバの利点はプロバイダで用意されているホームページ制限(容量やPerl(CGI)の制限)、メールボックス容量等々に束縛されない所にあります。 この点を補う為に、自宅サーバを構築しようとしている方々に当サイトが参考程度になれば幸いです。 ここでご紹介している設定方法やパッケージのバージョン・サポートが終了している物等があるかもしれませんのでご了承下さい。 間違った設定や誤字・脱字、リンク切れ等がありましたら送信フォームでお知らせください。 また、疑問点やLinuxに関する質問等は質問掲示板をご利用ください。そのほか、雑談など気晴らしに雑談掲示板へお越し下さい。 ■ 自宅サーバ公開の前提条件 ■ ハードウェアについて 現在サポートされているディストリビューショ