JUGEMブログで「続きを読む」のリンクを、好きな文言に取り替えて、しかも、CSSで作ったボタンにしてしまう手順をまとめました。
割と簡単です。
やることは大きく2つに分けることが出来ます。
・「独自タグ」をカスタマイズしやすいものに差し替える＝HTMLを書き換える。
・《続きを読む》のリンクがボタンっぽくなるように飾る＝CSSを書き換える。
「独自タグ」を、カスタマイズ用のものに差し替える
・HTML/CSSの編集に慣れていればこれを読めばOK。もしわからなかったり、上手く動かない場合は、次に紹介する独自タグ一覧を読みなおしてみるといい。
以下の２つの独自タグを追加しましたのでお知らせいたします。 この独自タグを使うことで、ブログの記事中に表示される「続きを読む」の文字を好きなものに変更することができます。 …
《続きを読む》を好きな文字列に置き換えるための独自タグの使い方説明…JUGEM公式リリースです
・JUGEM独自タグを簡単におさらいすること。なぜなら独自タグが正しく動作するための独特の作法があるからだ。
JUGEMのテンプレートで使用されている独自タグの一覧です。 テンプレートをカスタマイズする際にご活用ください。 …
JUGEM独自タグ一覧…たまに追加されるのでJUGEマーさんは要チェック
/*全体角丸*/ border-radius: 6px; /* CSS3草案 */ -webkit-border-radius: 6px; /* Safari,Google Chrome用 */ …
角丸に関するブラウザ毎おまじない
デザインをCSS3で実装するシリーズのナビゲーション編から、すぐに利用できるボックスシャドウと角丸のスタイルシートを紹介します。 …
CSS3でボックスシャドウと角丸を描く基本
5つの効果で作る、よく使うCSS3ボタンデザインサンプル集 CSS3によって、グラデーションや角丸などの様々なデザイン表現を、画像で書き出すことなく表現出来るようになりました。 ここではボタンデザ …
CSSでの効果の組合わせ方を学ぶ。
以上です。
◆関係ないけど、書き終えてぶらぶらしてて見つけました
昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体 …
2010年10月多摩美の。
