画像を使わずに、CSSのみでリストアイコンを表現したサンプル 10 - NxWorld
いずれもli要素と組み合わせて使えそうなリストアイコンのサンプルで、画像は使用せずに全てCSSのみで実装してみたものです。 最近ならwebフォントやSVGで使い勝手良いものが実装できたり、あとは使用できるブラウザは限られてきたりしますが、問題ないブラウザであればサイズやカラー変更といったこともCSSのみで簡単に変更できます。 はじめに 最後のサンプルのみol要素使ってますが、その他に関しては全てHTMLは下記のように単純なul, li要素を使ってます。 <ul> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li> <li>Lorem ipsum dolor sit amet,
Bloggerで「もっと読む」を自動化する - auto read more for blogger
Python中心に、日々発生する疑問点や解決策を記録していきます。 内容が間違っていたらゴメンね。 （ このブログは目次を用意しています。記事をお探しの際は、ご利用ください。 ） 今回は番外編です。Bloggerの 「もっと読む」 「続きを読む」、つまり 「追記機能」 について書きます。 Bloggerで標準で提供されている追記機能について Blogger の追記機能は、記事内で「追記の区切り設定」ボタンを押すか、投稿テキスト内に次のように more を記述することにより設定する。 <!-- more --> Blogger ヘルプ - 「追記機能」の概要を作成する この方法は自由度が高く便利なのだが、ホームページ（メインページ）を表示させた時に、記事ごとに要約の長さがバラバラになることになる（下イメージ）。 ※ 画面イメージの追記機能はカスタマイズしてある。「もっと読む」ではなく「続きを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
