infomation
更新履歴
お勧め・人気記事
-
IE6にも対応、個人的『天地中央(上下中央)寄せ』決定版
なんか何もやる気しなくて、ずっと放置してたら二ヶ月経ってました。何を言ってるのか分(ry
今回は久しぶりにHTML周りの話を。だいぶ前に天地中央寄せ(上下中央寄せ)が騒がれて、
そのとき出てた方法は、自分の記憶が正しければ主に- position 50%を使ったもの
- display:table-cell を使ったもの
- display:inline-block を使ったもの
の三つがあったと思います。
(もうひとつ、 DIVを垂直方向に中央寄せするCSSサンプル:phpspot開発日記 というのも
マイナーですが、あります。Clearの使い方が絶妙で結構好きです。
今回紹介する方法の次善手ではないかと思ってます。)ただ、1はウィンドウを小さくすると切れる。
2,3は未対応ブラウザがある、さらに2は分かり辛い(あくまで個人的に)
と、何かしら欠点があったわけです。(最終的にはinline-blockの方法に落ち着くと思いますが)で、今回は1の方法で欠点を克服し、且それなりに綺麗なソースになるやり方を紹介します。
ただ四ヶ月前にメモした物なので、もしかしたらもう同じのが公開されているかもしれませんがw#というかもう2年以上前の話なんですね、賞味期限切れ極まってる
タグ: css -
WordPressの個別ページで本文と続きの文の間に何かを置く方法
相変わらずタイトルがヘタですね、、、
SorairoTools.comさんの記事を見て、「あれ、そういや書き留めてないかも」と思ったので、
一応書き留めておきます。メモです。- wp-includesフォルダ内のpost-template.phpを開く
- $content[1]を検索して探す
(すると空色さんのやつの丁度直上がヒットするかと思います) - そこの行を、たとえばこのブログのように
$output .= '<div class="more"> '.$content[1] .'</div>';のように変える
結果はこのブログのソースなんかを見れば分かるかと思います。
タグ: Customize, memo, WordPress
アドセンスとか挟むには便利じゃないかと思います。 -
Livedoor Readerの英語版を使い易くしてみる
本当に久しぶりの投稿ですね、
ログ見てみるとこんなに空いたのは初めてみたいです。moewe – Livedoor Reader の背景色をいじったを見て自分もちょっと弄ってみました
コンセプトはローカルアプリ風上の画像で見えてるはてブの件数表示は
ldr_with_hatena_bookmark_count_images.user.jsを少し弄って出してますDLはここから→fastladder-css.css
※Syleraで使うように作ったんでもしかしたら火狐以外ではうまく使えないかも
タグ: css, UserStyleSeet -
15分で覚えられるCSSの初歩の初歩
-
高さの違うカラムをtableっぽく揃える技
今回からCSSとかWebデザ関係も記事にしてこうかと思います
だんだんと取り上げるジャンルが増えていって何のブログか
分からなくなってきてるのは気にしないでください><CSSではテーブルみたくいつもカラムの高さを同じ高さにする(っぽく見せる)
のは意外と難しく、親要素に背景画像を入れてそれっぽく見せるか
Javascriptを使って揃えさせるしかありませんでした。が、その画像が無くともJSが無くとも揃えられる技がでてきて
タグ: css
ブームになってるっぽいので遅れながらも紹介しようかと思います


