「見出しのソース(CSS)」の編集履歴（バックアップ）一覧はこちら

「見出しのソース(CSS)」(2014/06/03 (火) 17:32:07) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

こんにちは。今日は、このブログで使っている見出しのソースを公開します。
この見出しは、
http://midashi-maker.v-colors.com/
で作成しました。
@Wikiで使う場合は、
CSSカスタマイズで、
CSS用のソースを使用しましょう。
CSSのことは、自分で調べてください。(すまん…)

HTML
<p class="menuRibbon">menuRibbon</p>
<p class="menuRibbonLight">menuRibbonLight</p>
<p class="menuTab">menuTab</p>
<p class="menuTabLight">menuTabLight</p>
<p class="menuTabDouble">menuTabDouble</p>
<p class="menuTabDoubleLight">menuTabDoubleLight</p>
<p class="menuLine">menuLine</p>
<p class="menuLineLight">menuLineLight</p>
<p class="menuLineLightW">menuLineLightW</p>
<p class="menuLineDouble">menuLineDouble</p>
<p class="menuLineDoubleLight">menuLineDoubleLight</p>
<p class="menuLineDoubleLightW">menuLineDoubleLightW</p>

CSS
.menuRibbon {
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#029EBC;
	color:#bbfcf9;
	line-height:140%;
	font-weight:bold;
}

.menuRibbonLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#2edcd6;
	color:#017589;
	line-height:140%;
	font-weight:bold;
}

.menuTab {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 0 5px;
	border-color: #2edcd6;
	border-style:solid;
	background:#029EBC;
	color:#bbfcf9;
	line-height:140%;
	font-weight:bold;
}

.menuTabLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 0 5px;
	border-color:#029EBC;
	border-style:solid;
	background:#2edcd6;
	color:#017589;
	line-height:140%;
	font-weight:bold;
}

.menuTabDouble {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 5px;
	border-color: #2edcd6;
	border-style:solid;
	background:#029EBC;
	color:#bbfcf9;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuTabDoubleLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 5px;
	border-color:#029EBC;
	border-style:solid;
	background:#2edcd6;
	color:#017589;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuLine {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0;
	border-color: #2edcd6;
	border-style:solid;
	background:#029EBC;
	color:#bbfcf9;
	line-height:140%;
	font-weight:bold;
}

.menuLineLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#029EBC;
	border-style:solid;
	background:#2edcd6;
	color:#017589;
	line-height:140%;
	font-weight:bold;
}

.menuLineDouble {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color: #2edcd6;
	border-style:solid;
	background:#029EBC;
	color:#bbfcf9;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuLineDoubleLightW {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color:#029EBC;
	border-style:solid;
	background:#fff;
	color:#017589;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuLineDoubleLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color:#029EBC;
	border-style:solid;
	background:#2edcd6;
	color:#017589;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

.menuLineLightW {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#029EBC;
	border-style:solid;
	background:#fff;
	color:#017589;
	line-height:140%;
	font-weight:bold;
}

現在このブログで使っているものは、
menuRibbon(見出し1)
menuTab(見出し2)
menuline(見出し3)
です。
気分で変える可能性があります。