見出しの背景を画像とし、上から色のついたグラデーションをかける方法についての検討

見出しを以下のような感じにする方法についての覚書です。

asdfasdfadfda

続きを読む

#2013, #com, #org

before の content を使って、見出しの左側に画像を挿入する

記事「リストの左側に画像や文字を貼る方法」において、リストの左側に画像などを挿入する方法について検討しており、このなかで「before」を使った方法を取り上げていますが、今回は、この方法を使って、ウィジェットの見出しの左側に画像を挿入する方法について検討してみました。

adgsgsfg

続きを読む

#2013, #com, #org

箇条書きの装飾を画像から文字へ変更する

adsgadfads-1

続きを読む

#2013

見出しの装飾を画像から文字に変更する

これまで、<h4>の見出しにつけていた、以下の装飾を画像から文字に変更してみました。

adsgagadfad

続きを読む

#2013

カテゴリーに関する見出しに色をつけました

カテゴリーに関する見出しに色をつけました。これで使いやすくなるかどうかはよくわかりません。しばらく、様子見です。

asdgadgad

fsgsdgsdf

追加した CSS は以下のとおりです。

/** カテゴリー毎の色分け **/
/* WordPress.com の使い方 cat-item-147907740 */
#text-86 .cat-item-147907740 h5 {
	background-color: white;
}

aside[id*="categories"] > ul > li.cat-item-147907740 {
	background-color: white;
}

aside[id*="categories"] > ul > li.cat-item-147907740 > a {
	color: #777777;
}

/* テーマの選定 cat-item-147927969 */
#text-86 .cat-item-147927969 h5 {
	background-color: #cfdfe9;
}

aside[id*="categories"] > ul > li.cat-item-147927969 {
	background-color: #cfdfe9;
}

aside[id*="categories"] > ul > li.cat-item-147927969 > a {
	color: #b97722;
}

/* 記事の投稿方法 cat-item-147908191 */
#text-86 .cat-item-147908191 h5 {
	background-color: #5b8fa4;
}

#text-86 .cat-item-147908191 h5 > a {
	color: #eeeeee;
}

aside[id*="categories"] > ul > li.cat-item-147908191 {
	background-color: #5b8fa4;
}

/* ウェブサイトの構築 cat-item-147908240 */
#text-86 .cat-item-147908240 h5 {
	background-color: #2d8536;
}

#text-86 .cat-item-147908240 h5 > a {
	color: #eeeeee;
}

aside[id*="categories"] > ul > li.cat-item-147908240 {
	background-color: #2d8536;
}

/* CSSカスタマイズ cat-item-154420083 */
#text-86 .cat-item-154420083 h5 {
	background-color: #d38110;
}

#text-86 .cat-item-154420083 h5 > a {
	color: #eeeeee;
}

aside[id*="categories"] > ul > li.cat-item-154420083 {
	background-color: #d38110;
}

/* WordPress.com 周辺 cat-item-154420122 */
#text-86 .cat-item-154420122 h5 {
	background-color: #aaaaaa;
}

#text-86 .cat-item-154420122 h5 > a {
	color: #eeeeee;
}

aside[id*="categories"] > ul > li.cat-item-154420122 {
	background-color: #aaaaaa;
}

aside[id*="categories"] > ul > li.cat-item-154420122 > a {
	color: #eeeeee;
}

/** ------------

#2013, #nodisplay

WordPress.com のテーマ「Ari」の見出しを装飾するためのCSS

arimidashi01

rect3015

arimidashi02

続きを読む

#2012

WordPress.com のテーマ「Origin」の記事タイトルを装飾するためのCSS

origin07

rect3015

origine01

続きを読む

#2012