気ままにアクアリウム

*

14.サムネイルの角を丸くする。

      2014/06/02 6:35 pm    0

サムネイルの角を丸くする方法

(1)スタイルシート(style.css)に追記する。

メイン記事のサムネイルの角を丸くする。

  •  下記の位置に追記する。
.sumbox {
	float: left;
	height: 150px;
	width: 150px;
}
.post .entry .entry-content {
	float: right;
	width: 380px;
	padding-left: 20px;
}

.sumbox {
	float: left;
	height: 150px;
	width: 150px;
}
.sumbox img {
    border-radius: 20px;
}
.post .entry .entry-content {
	float: right;
	width: 380px;
	padding-left: 20px;
}

関連記事、New Entryのサムネイルの角を丸くする。

  • 下記の位置に追記する。
#topnews div dl {
	clear: both;
}
#container #wrap #wrap-in #side #topnews div dl dd a:hover {
	color: #900;
	text-decoration: underline;
}

#topnews div dl {
	clear: both;
}
#topnews img {
    border-radius: 20px;
}
#container #wrap #wrap-in #side #topnews div dl dd a:hover {
	color: #900;
	text-decoration: underline;
}

※20pxはお好みの値にしてください。

以上です!

 - Stinger3 , , ,

Shares