以前アメブロ(xhtml版)のカスタマイズは紹介していますが、今回はアメブロ(html5版)のカスタマイズを紹介します。以前のアメブロと違いhtml5版で気になるのはヘッダー広告が目立ちすぎてる事なんかじゃないかと思いま …
REED MORE →
はてなブックマークブログパーツの人気記事にランキング画像を付けて表示
ランキング画像の付け方は以前紹介したWordPressの人気ランキングなどにスタイルシートでランキング画像表示と記事の内容がダブってしまう部分がありますが、今回は、はてなブックマークの紹介も含めてランキング画像の付け方を …
REED MORE →
可変スタイルとMedia Queriesの組み合わせは便利だけど難しい
可変スタイルとMedia Queriesを組み合わせてスタイルシートを作成すればスマートフォンやタブレットのブラウザサイズに合わせてスタイル幅を可変させレイアウト変更することがスタイルシートのみで出来ます。かなり便利なん …
REED MORE →
WordPressの人気ランキングなどにスタイルシートでランキング画像表示
WordPressのプラグインやphpプログラムでは自動でランキングの入れ替えを行なってくれる方法が沢山あると思います。このランキング形式にランキング画像をスタイルシートで表示する方法を紹介します。スタイルシートを使った …
REED MORE →
デフォルトスタイルを一旦リセットするリセットスタイルシート
各タグにはデフォルトで行の高さ、マージンと見出しのフォントサイズなどがあらかじめ決められていて、これがホームページデザインしていく上で邪魔な場合があります。そこでこれを一旦リセットさせるスタイルシートの書き方がリセットス …
REED MORE →
ウェブページサムネイル画像作成サービス-HeartRails Capture
リンクページを作成した場合に昔は相手先のバナーなどをダウンロードしてリンク先のイメージを分かりやすく表示していましたが、バナーよりもウェブページのサムネイル画像が表示されているとより相手先のイメージがわかりやすくなります …
REED MORE →
Evernoteサイトメモリー(クリップ)を設置する
Evernote(エバーノート)はに登録すると、サーバ上に気になるサイトやお気に入りの記事のテキスト・画像・PDFファイルなどのデジタルデータを保存することができるようになります。Evernote(エバーノート)にサイト …
REED MORE →
ロールオーバー系のCSS横並びメニュー
通常ナビゲーションメニュー(横並びのメニュー)などはマウスをメニューの上に重ねると背景画像などが変わり選択していることが見た目でも分かりやすく作成してあります。マウスを重ねると背景画像が変わる表示の仕方をロールーバーと言 …
REED MORE →
WordPressの記事をアメブロで記事を書くボタン設置
記事をブックマークできるソーシャルブックマークボタンの設置はよく見かけますが、アメブロで記事を書くボタンを設置しているところは現時点ではあまり見かけません。現時点で設置している有名なサイトは、All AboutとYouT …
REED MORE →
オンマウスで商品画像を切り替える
通常サイズの画像とその下にサムネイル画像をセットで表示していて、サムネイル画像にマウスが触れると通常サイズで画像が表示するようにしてみます。 この方法を使うことで、ショッピングサイトなどで、よく見かける一つの商品を色んな …
REED MORE →