お世話になります

シリウスデフォルトテンプレートで設定するグローバルメニューはデザインは
とても綺麗なんですけど、他のウェブサイトと比較してもやや高さありで
スマートに感じられないので狭めたいのですが変える方法が解りません

また、貴殿サイトみたいにグローバルの見出しメニューをカラー枠で
囲むにはどうすればよいのか？
色々調べたんですけどそれもわからない状態です。

現在ウェブ構築について色々と学習はしている段階です
しかし、理解しようにも理解できないことが多い
まだまだ初心者レベルに質問ですみませんがよろしくご教授願います。

シリウスサポートへの質問内容でした

スポンサーリンク

当サイトへの質問有難うございます

グローバルメニューの縦数値を小さくする...ですね

簡単に言えば、テンプレートフォルダ内のing画像

通常表示されるグローバル見出し
menu_item

ホバーの際現れる見出し
menu_item_hover

上記の二つ画像高さ数値狭めて編集すれば完了します

スタイルシート空でもＣＳＳ指定で表示サイズ変更はできますが
画像カスタマイズのほうが簡単です

見出しのまわリにカラー枠ですね

スタイルシート開いてグローバルメニュー項目へ

2段目の項目の赤記述が追加行です
枠せんのカラー変更はカラーコードを書き換えれば完了します

#topmenu span a {
overflow: hidden;
width: 20%;
_width:19.6%;
<% topMenuWidth %>
text-align: center;
color: #FFF;
font-weight: bold;
text-decoration: none;
float: left;
height: 45px;
_height:47px;
background-image: url(img/menu_item.jpg);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
padding-bottom:3px;
display: block;

overflow: hidden;
display: inline;
margin-left: -1px;
height: 30px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom:solid 1px #0ACCFF;
border-left: 1px solid #0ACCFF;
border-top: 1px solid #0ACCFF;
}

5px; は　角丸の度合いです
数値変更で角の鋭利度合いが変化します

..では、お励みください...

グローバルメニューの縦サイズを狭められませんか？
シリウスカスタマイズサポートフォーラム一覧
シリウスカスタマイズサポートフォーラム
シリウスカスタマイズ