SOY CMSは、静的コンテンツの動的化に適したシステムですが、サイトの新着情報には下の画像のように「特定の記事にだけアイコンを付ける」というものがよくあります。 これをSOY CMSで構築するには、カスタムフィールドとPHPのif文を利用します。 アイコンまわりのカスタマイズは、SOY CMSの良さを残したまま割と簡単にできるので、試してみてください。 ※サンプルコードには、読みやすいように改行やインデントを入れています。実際に出力されるコードが冗長になるので、動作を確認したら改行を詰めるなどした方が良いと思います。 元になるHTML 下記のようなHTMLソースに、SOY CMSを組み込みます。 <h3>要素内に更新日付と、「重要な記事」を知らせるアイコンが入っています。 2009年8月20日 SOY CMS側の設定 SOY CMSの管理画面に入り、「カスタムフィールドプラグイン」
IE 6 で背景に指定した png のアルファチャンネルを有効にするための JavaScript がいくつかありますが、それとほぼ同じことを CSS のなかで行うコードを書いてみました。 この方法を使うことの利点 / 欠点は 利点 JavaScript で背景の png を AlphaImageLoader に置き換える場合はページの読み込み完了後に置き換わるため、一瞬 png の半透明部分がグレーになりますが、この方法はそれがありません。 JavaScript で同じことを行う場合は IE のために Web ページで読み込む JavaScript のライブラリを増やさなければいけないかもしれませんが、この方法はそれがありません。 背景にする png ファイルへのパスを相対パスで扱えます。 欠点 CSS に IE の独自実装を記述するので CSS 自体は Valid ではなくなります。 実
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
