[CSS]幅指定をしないで中央配置するナビゲーションを実装するスタイルシート
各項目の幅指定をしないで、それぞれを中央に配置するドロップダウン型のナビゲーションを実装するスタイルシートをCSSplayから紹介します。 Anywidth dropdown with centered top and sub levels demo ナビゲーションはリスト要素で、中央配置は「display:table;」と「text-align:center;」で実装されています。 IE用に条件付コメントでテーブル要素を使用しています。 ドロップダウンで表示されるパネルの右側には透明なエリアがあり、パネルのオープンをキープするマウスのエリアをより広く確保しています。 対応ブラウザはIE5.5/6/7/8, Fx, Op, Safari(PC), Chromeとのことです。 また、同じくドロップライン型のものも公開されています。
ActionStreamのlinkフィールドからサムネイルをでっちあげる。
久しぶりの更新。テンプレート系のコネタです。 ActionStreamsのいくつかのプラグインでは、別途ThumbnailのURLを取得して専用のフィールドに保存してくれますが、そうではない場合もあります。 特にソーシャルブックマーク等のサービスの場合には、そもそもコンテンツとそのサムネイルの関係が事前に分からないため、何もしてくれません。 でもまあ、自分の行動範囲で、URLからサムネイル画像のURLが推測できる範囲なら何とかなるんじゃないか。 そこで、MTMLで無理矢理やっつけてみました。 まず、以下のようなテンプレートを、モジュールテンプレートとして作成します。 前半のmt:setHashVarタグのなかに適当に正規表現をつっこむと対応サイトが増やせます。とりあえずyoutubeとniconico、amazonだけ作りました。検証してないので、取りこぼしや誤作動があるかもしれません。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
