けになたてか

説明

Googleで「tilt」を検索すると傾く機能をフレオの検索プラグインで再現します。
CSS3に対応したブラウザで傾きます。（IE9は傾きません。）

傾かせ方

まずは検索プラグインを導入します。

1. 「tilt」検索時に特定のCSSを読み込む

templates/header.html の head 内に以下のコードを追加します。

<!--{if $smarty.get.word == tilt}--><link rel="stylesheet" href="{$freo.core.http_url}{$smarty.const.FREO_CSS_DIR}tilt.css" type="text/css" media="all" /><!--{/if}-->

2. 傾かせるためのCSSを作成

cssディレクトリに tilt.css を作成し、以下のコードを追加します。

body {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
}

• -3deg にすると左へ傾きます。
• body は html等でも構いません。

完成。

解説

<!--{if $smarty.get.word == XXX}--> は、URLが「～?word=XXX」のとき表示されます。
これを利用すれば、特定の検索結果に特定の仕掛けを施すことが可能です。
ここでは、文字列「tilt」で「tilt.css」を読み込ませ、検索結果を傾かせています。

※空白を含める場合は、let+it+snow のように空白を +（プラス） に置き換えます。

• 例えばhttp://keninatateka.com/contact?word=tilt のようなURLでも反映されてしまいます。
  ご注意ください。