EddyKStyleテーマ

ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãƒã‚¤ãƒ³ãƒˆã€‘

  • ログイン時ã®ã¿NCã®æ¨™æº–メニューを表示
  • ヘッダー領域ã«é…ç½®ã—ãŸãƒ—ラグイン(ã“ã“ã§ã¯ã€ŒãŠçŸ¥ã‚‰ã›ã€ã¨ã€Œãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€€è¡¨ç¤ºã‚¿ã‚¤ãƒ—:タブ(nav-tabs)表示ã€ï¼‰ã®èƒŒæ™¯è‰²ã‚’横幅一æ¯ã«ã²ãã“ã¨ãŒå¯èƒ½ã«
  • フッター領域ã«é…ç½®ã—ãŸãƒ—ラグイン(ã“ã“ã§ã¯ã€ŒãŠçŸ¥ã‚‰ã›ã€ï¼‰ã¨NC標準ã®ãƒ•ãƒƒã‚¿ãƒ¼ã‚’åˆã‚ã›ãŸèƒŒæ™¯è‰²ã‚’横幅一æ¯ã«ã²ãã“ã¨ãŒå¯èƒ½ã«
  • 縦長ページã§ã®ç¸¦ã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«æ™‚ã€å³ä¸‹ã«ãƒšãƒ¼ã‚¸ãƒˆãƒƒãƒ—ボタン表示を追加(ブラウザã®å¹…ã‚’å°ã•ãã™ã‚Œã°ç¢ºèªã§ãã¾ã™ï¼‰

注æ„:ヘッダーã«é…ç½®ã—ã¦ã„るメニューã¯è¡¨ç¤ºã‚¿ã‚¤ãƒ—:タブ(nav-tabs)表示を想定ã«ä½œæˆã—ã¦ã„ã¾ã™ã€‚

 

 

 ç¾åœ¨ãƒ€ã‚¦ãƒ³ãƒ­ãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ã«ã¦é…布ã—ã¦ã„ã‚‹ã‚‚ã®ã¯ã€ã“ã®ã‚µã‚¤ãƒˆã¨åŒã˜å†…容(ヘッダー・フッターã®æ–‡å­—色ã€èƒŒæ™¯è‰²ã€ãƒ•ãƒƒã‚¿ãƒ¼ã®é«˜ã•ï¼‰ã¨ãªã£ã¦ã„ã¾ã™ã€‚

ヘッダー部ã«ã‚るリンク文字(メニューã®æ–‡å­—ã‚‚å«ã‚€ï¼‰ã®è‰²ã‚‚白色ã«ã—ã¦ã„ã¾ã™ã€‚

ãã®ãŸã‚ã€ã‚»ãƒƒãƒ†ã‚£ãƒ³ã‚°ãƒ¢ãƒ¼ãƒ‰ã«ã—ãŸéš›ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®æ–‡å­—ã€ç·¨é›†ãƒœã‚¿ãƒ³ãŒæ¶ˆãˆãŸã‚ˆã†ã«è¦‹ãˆã¾ã™ãŒã€ç·¨é›†ãƒœã‚¿ãƒ³ã®ä½ç½®ã‚’押下ã™ã‚Œã°é€šå¸¸é€šã‚Šç·¨é›†ãŒå¯èƒ½ã§ã™ã€‚

 

ヘッダー部・フッター部ã®æ–‡å­—色ã€èƒŒæ™¯è‰²ã€ãŠã‚ˆã³ãƒ•ãƒƒã‚¿ãƒ¼ã®é«˜ã•ã¯ã€å¤‰æ›´ãŒå¯èƒ½ã§ã™ã€‚å„自ã®ã‚µã‚¤ãƒˆã«ã‚ã£ãŸè‰²ã€é«˜ã•ã‚’設定ã—ã¦ãã ã•ã„。

 変更箇所ã¯ä»¥ä¸‹ã®å†…容ã§ã™ã€‚

 

 EddyKStyle/webroot/css/page_eddyk.css ã®ä¸­ã®

 #eddyk_header {
  margin-bottom: 20px;
  background-color: #3131aa;   <==== ヘッダーã®èƒŒæ™¯è‰²
 }

 #eddyk_header a {
  text-decoration: none;
  color: #fff;            <==== ヘッダーã®ãƒªãƒ³ã‚¯æ–‡å­—ã®è‰²ï¼ˆç¾åœ¨ã¯ç™½è‰²ï¼‰
 }

 #eddyk_footer {
  margin-top: -136px;       <==== フッターã®é«˜ã•ã«åˆã‚ã›æŒ‡å®šï¼ˆé«˜ã•ã‚’マイナスã§æŒ‡å®šï¼‰
  background-color: #3131aa;   <==== フッターã®èƒŒæ™¯è‰²
  color: #fff;            <==== フッターã®æ–‡å­—色(ç¾åœ¨ã¯ç™½è‰²ï¼‰
 }