サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
www.adesignare.com
WordPressで3の倍数の記事にClassをつける方法(エントリの3列表示) 公開日 2012/07/30 更新日 2021/05/26 WordPress(ワードプレス:WP)をCMSとして使う場合、2列表示や3列表示などエントリを横に並べたいケースが多いと思います。 HTMLとCSSで横並びにする場合、CSSでfloatを使い横に配置し、ブロック要素とブロック要素の間にmarginを指定し間隔を開けることが多いと思います。また右端(折り返し)のブロックにはmargin:0;を指定するためのclass(クラス)をhtmlに記述することも多いと思います。 CMSで出力する場合、3の倍数だけにclass(クラス)を割り当てる処理が必要になります。 WordPressでは意外と簡単に実装可能です。 以下、覚え書きです。 3の倍数にclassを割り当てるために、ループ回数を入れる変数を用意し
バタバタしていて久しぶりの更新になってしまいました。 ちょっと覚え書き。 IE6やIE7はz-indexの解釈が他ブラウザと異なり、同一階層間での重ね順の前後を指定するもので、 グローバルに前後を指定するものではない形みたいです。 なので各階層で後に書かれたものが上のレイヤーにのり、 深い階層でどんなにz-indexを操作しても、 その要素を含む浅い階層でz-index指定されていなければ、思いどおりの表示にはできないようです。
ウィンドウサイズに合わせてコンテンツが再配置され可変するレイアウトが、流行ってきているようですね。今時期は「Fluid Grid Layout」と呼ぶようです。 当社の非公開実績ページを制作しており、こちらで使ってみました。 非公開の実績はご紹介できないので、サンプルを下記にアップしました。 (見ないと感じが掴めないと思うので…) http://labs.adesignare.com/ajax_js/fluid_grid/ 最初から全部作るのは大変なので、xluneさんサイトを参考にさせていただきました。 http://blog.xlune.com/2009/09/jqueryvgrid.html 以下、覚え書きです。 下記をダウンロードします。 jquery.vgrid.0.1.6.min.js (compressed: 20100713) jquery.vgrid.0.1.6.js (
CMSツールとしてMovable Type:MT(ムーバブルタイプ)を利用する際、ユーザー(更新者)により投稿が難しい場合があります。最初の壁は画像を配置した記事の投稿でしょうか。マニュアルの用意や説明は行いますが普段PCにあまり接していない方にとっては敷居が高いようです。 今回紹介する「ResizeImage」は、画像投稿時の最大の幅(Width)と最大の高さ(Height)を設定しそれらを超える場合に、画像をリサイズする森下屋さん開発のプラグインです。利用方法としては、あまりに横幅の大きい画像の投稿によるレイアウトの崩れを防止する感じでしょうか。利用方法は簡単で、試したところMT5でも動作しているようです。 手順として 1)プラグイン【ResizeImage】をダウンロードします。 2)テンプレートのカスタマイズをします。 リサイズ対象の画像が含まれる場所(<$mt:EntryBody
前に「Movable Type : MT5で複数ブログを一括再構築」という記事を書きましたが、良いプラグインのご紹介が1つ漏れていました。TOI企画様の【QuickRebuild】です。MT5にインストールしてみましたが、動作に問題ないようです。 こちらをインストールしますとMTの管理画面右上に∞(無限大)を斜めにしたようなボタンが表示されます。こちらをクリックするとブログの一覧がリストアップされます。再構築したいブログにチェックをいれ、「Rebuild」ボタンをクリックしますと一括再構築されます。 【QuickRebuild】詳細はこちらから QuickRebuildについて QuickRebuild使い方 QuickRebuildのデモ
Photoshopで背景が透過(透明)のfavicon(ファビコン)を作る 公開日 2010/03/01 更新日 2021/09/09 Webツールで画像をfavicon(ファビコン)に変換してくれるサービスは色々あります。便利なのですが、画質や背景が透過に出来なかったりと完成度が物足りない場合があります。 Safariなどアドレスバーの背景が白い物は、favicon(ファビコン)の背景も白で作成すればよいので気になりません。しかしFireFoxのアドレスバーやIE8のタブバー部分は気になってしまいますよね 私の場合、Photoshopで元画像を作成しているので、Photoshop上で透過背景のfavicon(ファビコン)を作成する方法を少し調べてみたところ、プラグイン「icoformat」で可能でした。透過背景のfaviconにするとFireFoxで下画像のような感じで表示されます。 以
WEBサイトは第一印象が大切です。ファーストインプレッションからサイトの目的・ゴールまでの導線を美しくデザインし制作します。
このページを最初にブックマークしてみませんか?
『埼玉県のホームページ制作・WEB制作はアデジナーレ(桶川市・北本市)』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く