【CSS小技】コンテンツは右寄せ、テキストは左寄せにする方法(幅が可変してもOK)
こんにちは、井畑です。 今日は隣の席のデザイナーさんにこれどうやったらいいと思う？って相談された時に思いついたCSSの組み方がなかなかいいなと思ったので、ご紹介します。 かなりニッチですが、どなたかの参考になれば幸いです。 それではどうぞ!! コンテンツは右寄せだけどコンテンツ内のテキストは左寄せでコンテンツは内容が適宜変更されるかもしれない 今回実装したい要件です。 コンテンツ自体は右寄せにしたい コンテンツの中身のテキストは左寄せに コンテンツの中身のテキストは変更することもある(コンテンツの中身の幅は変わることもある) 今回のポイントはコンテンツの幅が変更するかもしれないってとこですね。 コンテンツの中身の幅が変わらなければ超簡単ですが、変わるということなので数値指定するとできないよなーと思い、考えた方法はこちらです。 実装してみた じゃじゃん!右下の「有限会社〜」の部分が実装したか
画像の拡大や縮小、回転などができるイメージギャラリー「Viewer」 – bl6.jp
Viewerは画像の拡大や縮小、回転、上下左右の切り替えといった機能を備えたイメージギャラリーを実装できるjQueryプラグインです。画像をドラッグして位置を移動させることもできます。 Viewerのデモは以下からチェックできます。 デモ デモはレスポンシブになっているので、いろんなデバイスで見れるのがうれしいですね。 拡大や縮小などができるので画像をじっくり見たい時に便利です。オプションも、ボタン、ナビバー、タイトル、ツールバー、フルスクリーン、キーボードなどさまざまな項目が用意されています。 イメージギャラリーをカスタマイズして実装したい方にもオススメです。 というわけで、便利な機能がいろいろ付いたイメージビューアを取り入れたい時に活用されてみてはいかがでしょうか。 Viewerのダウンロードや詳しい使い方は以下からどうぞ。 Viewer
カスタムメニューからスライドインメニューを作成する WordPress プラグイン「Mcl Slidein Nav」を作りました
表題どおりですが、WordPress のカスタムメニューにセットされたメニューより、画面横からシュッとスライドインするメニューを簡単に作成できるプラグインを作りました。 現在このブログ左上に表示されているメニューが、そのプラグインで表示しているものです。 機能 ・設定画面のドロップダウンよりカスタムメニューにセットされているメニューが選択できます。選択したメニューがスライドインメニューとして表示されます。 ・メニューボタンの表示はレスポンシブ対応になっていて、設定したウィンドウサイズ以下でのみ表示することが可能です。 ・メニュー位置を左または右の選択ができます。 ・メニューのカラーを White と dark から選択できます。お使いのテーマに合わせて色を変更して下さい。 ・メニューボタンの位置を画面トップからと、上記メニュー位置で設定した左右からの位置で設定できます。 カラーテーマ ◆
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
