[CSS]背景画像を半々に表示するスタイルシート | コリス<textarea name="code" class="html" cols="60" rows="5"> <body> <div id="rightHalf"></div> </body> </textarea>
WordPress で wp_head() を使ってページ毎にスタイルシートを変更する : Serendip – Webデザイン・プログラミング
WordPress テンプレートの html ヘッダ内に記述する wp_head() を使いページ・カテゴリ毎に外部スタイルシートを読み込ませる。 テンプレートの <head> 〜 </head> 内に <?php wp_head(); ?> を記述する。 <head> ... <?php wp_head(); ?> ... </head> テンプレートディレクトリにある functions.php に以下の例のように記述を追加する。 function style_select() { $template_dir = get_template_directory_uri(); $tag_str = '<link rel="stylesheet" href="' . $template_dir . '/'; if (is_page('about')) { $tag_str .= 'about
[WordPress head内] ページテンプレートごとにCSSを読み込む - ハウスウエディング [665-667]
ページでWPウェブを構築する際に便利そうなので備忘録 ページごとにテンプレートを変更して、それぞれに応じたCSSを使用する 例えば、以下の構成で作る場合 「page.php」 デフォルトのページテンプｒ－ト 「page.css」 page.phpのレイアウト用CSS 「nosidebar.php」 サイドバーを外したテンプｒ－ト 「nosidebar.css」 nosidebar.phpのレイアウト用CSS 「nopost.php」 アーカイブリストなどを表示するだけの投稿の無いページテンプレ 「nopost.css」 nopost.phpのレイアウト用CSS 「bbs.php」 ゲストブックのテンプレート 「bbs.css」 bbs.phpのレイアウト用CSS 上記のファイルを作成し、それぞれのPHPファイルに <?php /* Template Name: nosideb
Katalog
静岡のセレクトショップ、ルシェルシュ(recherche)、フロレゾン(FLORAISON)、 スープ(SOUP)の商品が楽天で買える！ Le Texte楽天店舗の制作をKatachigfxでやりました。 楽天サイトは昔と比べてだいぶ作りやすくなっていました。 ●取り扱いブランドはこちら（2013.10） women's Acne / ADAWAS / AG / CARVEN / Chan luu / Chloe / CITRUS / CLARE VIVIER / Current Eliott / DUVETICA / ENSORCIVET / EPICE / FABIO RUSCONI / FLORENT / Frank&Eileen / Gaimo / GIORGIO BRATO / HUMANOID / iliann loeb / JAMES PERSE / Jerome Drefu
duree dpe
Par la rédaction Rédigé le 2021-05-25 Les diagnostics de performance énergétique dpe doit être affiché pendant toute sa durée de validité de 10 ans l'affichage doit être visible par le locataire. Dans le diagnostic je pense que tout est résumé une super équipe sur laquelle nous pouvons compter à tout moment de surcroit très sympathique. De la performance énergétique dpe logement tous les cas à par
ColorMe!ShopProでLightboxを使う
カッコイイ写真表示の代名詞といったらLightbox系のAjaxライブラリですけど、 ColorMe!ShopProはヘッダが操作出来ないので、Usage通り<script>をヘッダに入れて～ということは出来ない。 なので一見使用不可能に見えるけど、結構あっさり使えます。 ポイントは３つ。 ヘッダに挿入するJavascriptファイルへのリンクは、Body内に記述する。 スタイルシートは使用するページのテンプレートCSSにコピペする（上級者モード） テンプレートのアンカータグにrel属性入れる 一番大きなポイントはCSS。 外部ファイルにしたCSSはヘッダにリンク入れないと反映されないので、scriptと同様にbody直下にリンクしても使えない。 ColorMe!ShopProはヘッダの操作が出来ないものの、テンプレートの各ページ（商品詳細画面やカテゴリ画面）ごとに使用するＣＳＳをテキスト
Webタイポグラフィまとめ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド（“＆”） スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
FancyBoxの使い方講座(?) | ELLIPTiCUS photography
この度portfolioの見せ方をThickboxからfancyboxに変えました。これが案外日本語訳サイトないんですよね。 fancyboxもThickboxと同じくjQuery系です。動きがかわいい。写真周りにドロップシャドウがかかるから、なんか手抜きに見えない。無駄なdescriptionを入れない。画像クリックで前後の写真に移動出来る。えとせとら。デメリットは重いこと。IE系だとガクっガクガクってなります。世界の主要ブラウザIEを敵に回していいものか悩みましたが、まあ気にしない。Firefoxやsafariが問題なければいいやっ、IEでも見えなくはないし。私にとってはかなり使いやすそうだったので乗り換え決定。せっかくなので適当な使い方講座、載せておきます。 タイトルの右側部分にダウンロードマークがあるので、ごっそりダウンロード。cssもjsファイルもimgファイルも全部同じ階層
IEでiframeの横スクロールバーを消す (AIRE-PROJECT BLOG)
IEでiframeを使ってページを読み込ませたときに、iframeの中に読み込まれたページの縦の長さがiframeの縦の長さをオーバーすると、縦スクロールバーだけでなく横スクロールバーも表示されてしまいます。 横はオーバーしていないにもかかわらずです。 同じページをFirefoxでみると、横スクロールバーは表示されません。 縦横どちらがオーバーしているのかを判断して自動的に、縦か横のどちらかのスクロールバーだけを出すということがIEにはできないのか？ と思ったりするんですが、逆の場合は大丈夫なんですよね。 横がオーバーして縦はオーバーしてない場合。 これは横スクロールバーだけが表示されます。 やっぱりIEって…… で、調べてみたら解決法はありました。 解決法はけっこう簡単で、iframeの中に読み込まれるページの「html」タグに「overflow-x:hidden」を設定するだ
New CSS Sticky Footer - 2010 - HTML for Bottom of Page Footer
CSS Sticky Footer Layout It Sticks to the Bottom of the Page! See that footer, way down there? It's stuck to the bottom of the page even when thin on content. Otherwise it would be floating halfway up the page. Use the code and assets on this website like new UK gambling sites do and your site will be looking perfect in next to no time! Cross Browser Support for Sticky Footer Code This sticky foot
IE PNG FIX 2 (iFFALSE.log | takuyaな日々 ver.2)
なんかここにWEB関係のこと書くのは久々な気がするんですが、 これは忘れぬうちに書いておかねば！と思ったので、メモメモ。 IE6で透過PNGを表示するライブラリ IE PNG FIX 2 これ、超イイ！！ ＊この記事、数日前に書いて後日公開しようと思ってたんですが、 今日本屋で「Web Designing ９月号」を立ち読みしたら、 ”透過PNG+CSSデザインがやってきた！”という特集が組まれていて、 しかもIE PNG FIXもことも掲載されていて。 「なに？！おれのギャリック砲にそっくりだ！」ばりに衝撃で、 なんかこの記事見て書いたって思われるのもしゃくなので、 公開は見送ろうかと思ったんですが、IE PNG FIXに関しては 紹介だけで使い方は書いてなかったのでやっぱり公開することに。 なんか後出しで寂しい感じですが、自分のやってることも 割とタイムリーだったってことにちょっ
デザインのための多重入れ子設計を考えてみた [css,tips,web制作,xhtml,設計] - BlurBlue-Note
月一更新になりつつあります…。 ネタがないんです。すみません…。 さて、今日はちょっと設計的なものを思いついてみた。 グラフィカルなデザインを実現しようとすると、毎回ネックになるのが内包物や文字サイズ変更に対する縦幅の可変対応。 例えば、周囲に枠線があってさらに上から下に向けてグラデーションがかかっちゃってるような角丸デザインを実現しようとすると、 ボックス最下部の角丸直前部分を横長に縦1pxスライスし、それをrepeatさせて、上部からグラデーション終わりまでをスライスしtopに配置、下部の角丸をbottomに配置する3重入れ子 上（もしくは下）から横いっぱいで想定しうる縦サイズにながーくデザインしスライスして、下の画像で閉じる2重入れ子 気にせず1枚画像で。 などが考えられる。無難なのは（１）だろう。 なにしろ中にどんなに長いものが入ろうが対応可能だ。 （２）は小さいサイズならまだしも
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
[使える CSS テクニック] CSSで色々なカラムレイアウト（段組）を実現する | バシャログ。
第 2 回目は「色々なカラムレイアウト（段組）を実現する」です。 WEBサイトには色々なカラムレイアウトが使われています。 その中でも今回は最近よく使われている、レイアウトパターンをいくつかご紹介します。 2カラム固定レイアウト 2カラム固定レイアウトは、企業サイトなどでよく使われるレイアウトパターンです。 サンプルページ 2カラム固定レイアウトの解説 XHTMLの構造は以下のように設定します。 CSSは以下のように設定します（重要な箇所だけ抜粋）。またご紹介するレイアウトすべてで第1回記事のデフォルトリセットも使用しています。 /* ========================================================= ■wrapper ========================================================= */ d
![[使える CSS テクニック] CSSで色々なカラムレイアウト（段組）を実現する | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
携帯電話向けコンテンツの書き方 - ウェブの作り方
配置/CSSリファレンス
FICC FREELANCE NETWORK | フリーランスWebクリエイターネットワーク
コーディングのプロフェッショナル｜いいコーディング.jp
フッターを画面の下に表示〜CSSテクニック〜