NWAAテストブログ

グローバルメニューCSS

Tue, 10 May 2016 02:13:09 +0900

/* グローバルナビゲーションメニュー */.nav-wrap {  position: absolute;  margin: 0;  padding: 0;}.skin-blogSubA, .skin-blogSubB {  position: relative;}[amb-layout="columnB"] .skin-blogSubA .nav-wrap,[amb-layout="columnC"] .skin-blogSubA .nav-wrap,[amb-layout="columnE"] .skin-blogSubA .nav-wrap,[amb-layout="columnB"] .skin-blogSubB .nav-wrap {  left: auto;  right: 0;}[amb-layout="columnA"] .skin-blogSubA .nav-wrap,[amb-layout="columnD"] .skin-blogSubA .nav-wrap,[amb-layout="columnC"] .skin-blogSubB .nav-wrap {  left: 0;  right: auto;}[amb-layout="columnE"] .skin-blogSubB .nav-wrap {  left: auto;  right: -360px;}.nav-body {  margin: 0;  padding: 0;}.nav-body:after {  display: block;  clear: both;  content: " ";  height: 0;  visibility: hidden;}.nav-body>br {  display: none;}.nav-body li {  display: block;  float: left;  margin: 0;  padding: 0;  text-align: center;}.nav-body li a {  display: block;  text-decoration: none;}.skin-blogBodyInner {  padding-top: 90px; /* メニューバーの表示場所確保 */}.nav-wrap {  top: -90px; /* メニューバーの上下位置調整 */}.nav-body {  width: 1120px; /* メニューバー横幅 */  background: #FFFFFF; /* メニューバー全体の背景色 */}.nav-body li a {  width: 224px; /* ボタンの横幅 */  line-height: 50px; /* ボタンの高さ */  color: #fff; /* 文字の色 */  background: #505050; /* ボタンの色 */}

グローバルナビのつけ方

Tue, 10 May 2016 02:07:44 +0900

■フリースペースに下記を貼り付ける－－－－－－

【ボタンの文字1】
【ボタンの文字2】
【ボタンの文字3】
【ボタンの文字4】
【ボタンの文字5】

【カレンダーと予約フォームを連動させたHTMLの記入法】

Tue, 10 May 2016 00:34:23 +0900

○にリンクを付けて予約フォームに飛ばせる
－－－－－－－－－－－－－－－－－－－－－－－－－－－

■ カレンダータイトル

	開始時間	開始時間	開始時間	例 4:15～	例 5:15～	例 6：30～
月/日 (火)	満席御礼		○		○
月/日 (水)		残１		○		○

開始

時間

開始

時間

開始

時間

例

4:15～

例

5:15～

例

6：30～

月/日

(火)

満席
御礼

○

月/日

(水)

残１

○

※注意書き等の文章
※注意書き等の文章

通常の文章開始

【枠で囲んだリンクのつけ方】

Tue, 10 May 2016 00:32:22 +0900

★タイトル／ ●タイトル／ ■タイトル
▲タイトル