見出しのソース(CSS)


※上記の広告は60日以上更新のないWIKIに表示されています。更新することで広告が下部へ移動します。

こんにちは。今日は、このブログで使っている見出しのソースを公開します。
この見出しは、
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)
です。
気分で変える可能性があります。