HTML

はてなブログのサイドバーカスタマイズ

はてなダイアリーからはてなブログに引っ越してサイドバーを修正していたが、twitterを表示させる方法が以下のブログにあったので参考にして設置した。 http://nohack-nolife.hatenablog.com/entry/2014/11/15/170730 基本的には以下の流れ。 twitterでウィ…

HTMLでの外部リソース指定にプロトコルがいらない件

以下の記事を見て省略できるってことを知り驚いた。 http://detarame.moo.jp/2012/08/07/google%E3%81%8C%E6%8E%A8%E8%96%A6%E3%81%99%E3%82%8Bhtml%E3%81%A8css%E3%81%AE%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E6%96%B9%E6%B3%95/ http:/…

Firefoxのキャッシュが効きすぎる件

html内でsrc属性で外部ファイルを指定しており、そのファイルの更新日時を更新しても再読み込みしないと読み込んでくれなかったりするときがあり、「キャッシュ効き過ぎ」と思っていたら、以下のサイトを見つけた。 http://labs.cybozu.co.jp/blog/kazuho/ar…

IE8/IE9がクラッシュする件

cssの書き方によってはIE8/IE9が応答しなくなるらしい。 元ネタは以下。 http://gigazine.net/news/20130912-css-ie-crash/ 元ネタの元ネタは以下。 http://www.hackerspace-bamberg.de/Benutzer:Schinken/CSS-IE-Crash CSSを以下のように記述してそのクラス…

twitterのshareボタンとfacebookのlikeボタンの設置方法

twitterのshareボタン 2012-07-11現在、ボタン作成のURLにアクセスするとロゴ説明ページにリダイレクトされる。なぜ? 以下、参考サイト http://areda.blog9.fc2.com/blog-entry-1259.html http://paro2day.blog122.fc2.com/blog-entry-597.html ボタン作成…

IE6でテキストがギザギザで汚く見える件

PCの環境によっては、IE6でのテキストがギザギザになり汚く見えることがあるらしい。 どうやらメイリオフォントをインストールしていて、Webページのcssのfont-familyがメイリオを先に見るように設定した場合のようだ。 解決策は以下の3通り。 1. プロパティ…

githubのページ遷移のからくり

githubに置いたプロジェクト内のページ遷移はふつうにリンクをたどっているのにも関わらず動作がかっこいいのだが、そのからくりがよくわからなかった。 その簡単な解析を以下のサイトで行っていた。 http://d.hatena.ne.jp/zentoo/20101221/1292953257 http…

WordPress get_posts(),setup_postdata()での注意事項

get_posts()で取得したデータをループさせてthe_title()などを使用する場合、setup_postdata()を使うが、これに指定する引数は"$post"でないと動かない。 0) : foreach ($myposts as $post) : setup_postdata($post); ?> <h3><a href="<?php the_permalink(); ?>"></a></h3>

ドロップダウンメニューのjqueryプラグインdroppyがIE6で表示できない件

jquery.droppyプラグインを使用してドロップダウンメニューを実現した。 ところがjquery本体を最新版(現在1.7.1)にしてIE6で見たところ、入れ子のサブメニュー(第二階層以降)が表示されない(Firefox10, Chrome, IE9は問題なし)。調べてみたところ、jquery-1.…

PHPのために指定した配列用name属性をjavascriptで扱うには

PHP側で配列として処理するためにname属性を'foo'のように指定した場合、この属性をjavascriptで扱う場合には以下のように、document.form.elements['foo']とする必要がある。 document.form.foo は当然、 undefined であるし、 document.form.foo[] も構文…

wordpressでバージョンアップの確認を非表示にするには

WordPress 3.2が利用可能です!更新してください。 というバージョンアップに関する表示があるのだがこれを非表示にする方法。以下のコードをテーマディレクトリのfunctions.phpに記述するといいらしい。 add_filter( 'pre_site_transient_update_core', '__…

IE上のTinyMCEで日本語入力中に変換前の文字をbackspaceで削除すると文が消える件

以下のつぶやき発見。 http://twitter.com/#!/zista/status/67458362937311232 http://twitter.com/#!/zista/status/67765014198624256 で、 http://tinymce.moxiecode.com/develop/bugtracker_view.php?id=4320 にてfixされたようだ。現在使っているのが3.4…

lightboxで表示の際の高さ指定

lightbox(jqueryプラグインでないやつ)で画像を表示する場合、元のhtmlが長い場合、画像表示する場所が下になって隠れて表示してしまう。 そのため、lightbox.jsの231行目を修正して変更した。 // var lightboxTop = arrayPageScroll[1] + (document.viewpor…

google chart APIのGaugeがIE8では表示できない件

google chartのGauge(計器)の表示が、IE8だけ表示できない(IE6,IE9は表示できる)現象に遭遇した。 http://code.google.com/p/google-visualization-api-issues/issues/detail?id=5 でも話題になっているが、どうもIE8だけっていうのはgoogle chart側の問題で…

jquery.cycle pluginを書いていてハマったこと

jquery.cycle plugin を書いていて、該当のhtmlを間違っていると、指定したcycleが一つおきに表示したりする。特に、終了タグなどを間違っている場合が多い。 <ul id="list"> <li><a href="http://www.example.jp">テスト0</a></li> <li><a href="http://www.example.jp">テスト1</a></li> </ul> と書くべきところを、 <ul id="list"> <li><a href="http://www.example.jp">テスト0</a><li> <li></li></li></li></ul>

jquery tinymce プラグインで日本語化

久しぶりにtinymce(jqueryプラグイン版)をダウンロードして、以前の設定内容をコピーして設定してみたら表示されなくなっていた。 デフォルトのソース(tinymce_3_3_9_3_jquery.zip)だと、 language : "ja" があるとtinymceが動かない。 言語パック(tinymce_l…

jqueryで簡単画像hover

hover(rollover)用画像を作成しない場合にマウスhover時にちょっと変化させたい場合、jqueryで以下のようにすればよさそう。hoverしたいimg要素にclass="hover"と指定しておき、 $(document).ready(function() { $("img.hover").fadeTo(0,1.0); $("img.hover…

Movable Type(5.02 or 5.03)の tools/rebuild-pages を使ってみた

Movable Typeでリビルドさせるコマンドとして mt-rebuild.pl があるようだが、これはTypePadにsign inしないとダウンロードできないし、随分前のスクリプトなので MTに同梱されている tools/rebuild-pages を試してみた。なお、参考したのは以下のページだが…

MTOS 5.03へバージョンアップ

基本的には、DBバックアップ、上書き、mt.cgi実行。以下を参照のこと。 http://www.movabletype.jp/documentation/mt5/upgrade/mt5.html $ mysqldump -u mtos -pmtos mtos | gzip >20100909-save.sql.gz $ wget http://www.movabletype.org/downloads/stable…

Movable Type TinyMCEプラグインの編集エリアのスタイルシート(CSS)

Movable TypeでTinyMCEを使用可能にするプラグインTinyMCEで、編集領域のスタイルを変更する方法。 [システム]->[プラグイン]->[TinyMCE]の設定にて、[編集領域に関する設定]で変更可能。 じかに記入もできるが、[URLを指定する]で指定してみた。firebugで編…

Movable Typeでのパンくずリスト(別の方法)

ページタイプで切り分け。呼び出す前にはpage_titleに値を設定する必要あり。ulはインラインが前提のようだ。 呼び出し元(ブログ記事のテンプレート) <MTSetVarBlock name="page_title"><$mt:EntryTitle$></MTSetVarBlock> <$mt:Include module="パンくずリストその3(ページタイプで切り分け)"$> テンプレート(…

Movable Typeでのパンくずリスト

サブカテゴリまで考慮したもの。さらに各テンプレートによる切り分けを追加した。また、MTIfNonZeroは非推奨なのでMTIfに変更。 <div> <ul class="breadcrumbs"> <li><a href="/">TOP</a></li> <li>&raquo;<a href="<$mt:BlogURL$>"><$MTBlogName$></a></li> <$mt:TemplateNote value="カテゴリアーカイブリストの時"$> <mt:If name="category_archive"> <MTHasNoParentCategory> <li>&raquo;<$…</li></mthasnoparentcategory></mt:if></ul></div>

Movable Type でアイテム(画像やファイル)をアップロードする際のサイトパスについて変更する方法

MTディレクトリ/tmpl/cms/include/asset_upload.tmpl このテンプレートでサイトパスのデフォルトを設定できるようだ。また、selectの順番を変えられそう。 ただし、直接テンプレートを修正するのではなく、alt-tmplにコピーするべきみたい。 MTディレクトリ/…

instaMT を MTOS 5.02 にしてみる

末尾の参照サイトを参考にして、instaMT(USB版)をMTOS 5.02にするべく、以下の手順で行ってみた。 1. ダウンロードした instaMT (USB) を解凍する。 2. ダウンロードした MTOS 5.02 を解凍する。 3. MTOS 5.02 の *.cgi の一行目を #!/usr/bin/perl -w から …

Movable Type で複数ブログの同一カテゴリをまとめて一覧表示

ブログ1 カテゴリA カテゴリB ブログ2 カテゴリA カテゴリC とあった場合にサイト全体でカテゴリAの一覧を表示したい場合、を使って表示できた。 <h2>全ブログのカテゴリA</h2> <mt:Blogs include_blogs="children" include_with_website="1"> <MTIfArchiveTypeEnabled archive_type="Category"> <div class="categorycommon"> <h3><a href="<$MTBlogURL$>" title="<$MTBlogDescription$>"><$MTBlog…</a></h3></div></mtifarchivetypeenabled></mt:blogs>

MT5(Movable Type 5)でサイトマップを作成

Movable Type 5のウェブサイト全体のサイトマップを作成したい場合の例。 ポイントはこちらのコードをで囲むこと。include_blogsモディファイアでブログを指定する。必要に応じてinclude_with_websiteモディファイアも指定する。 サイトマップページ作成はも…

Movable Type カレンダーに同じ日に複数記事表示のための日別記事リスト作成

Movable Typeではカレンダーにリンクされるのはその日の最新の記事となる。 これを同じ日のエントリすべて表示させる場合、 日別記事リストテンプレート作成 上記テンプレートにアーカイブマッピングを日別として設定 カレンダーの修正 ということが必要のよ…

MovableTypeのスタイル変更とpage_layout,page_columnの関連

[デザイン]->[スタイル]にスタイルを変更できるところがある。これは要するにhtmlを変更せずにスタイルだけ変更することで見た目を変えることができるようになっている。管理画面から変更すると、テンプレートのスタイルシート(styles.css)が変更になる。も…

IE6で border dotted が途切れる件

<style type="text/css"> div#test { border: 1px dotted #999; } </style> .... <div id="test"> <h2>test<h2> <p>テストです。</p> </div> みたいなことをしていたら、IE6で表示するとborderの縦の途中が途切れてしまう。 どうやらバグのようで、 div#test { border: 1px dotted #999; width: 100%; } と width: 100%; を追加す…

IEでのselect/optgroupのスタイル

IEではselect要素中のoptgroupのデフォルトのスタイルがイタリックになっているが、これをcssで変更しようとしてもできないようだ。 確認したところ、IE6,7,8すべてダメ。参考URL http://hyper-text.org/archives/2007/05/optgroup_css.shtml