Follow Us.RSS

サイトタイトルのカラーの変更方法

  • 新規投稿
  • ログイン

その他サイトタイトルのカラーの変更方法

いつもお世話になっております。

添付の部分(サイトタイトル)のカラーを変更したいのですが、どの部分を変更すればよいでしょうか?

教えて下さい。


  • つのだ
  • Windows 7/Chrome30.0
  • 2013年11月19日(火) 16時16分17秒

その他Re:サイトタイトルのカラーの変更方法

ご質問ありがとうございます。

ナビゲーション部分のスタイルは「ナビメーカー」の環境設定「ナビゲーションレイアウト」を変更します。

お使いのサイトテンプレートのサイトタイトルを変更するには、「Vicuna 互換ヘッダ方式」の「追加スタイルシート」のサイトタイトルにあたる部分(下画像の色付き部分)を書き換えて「保存」し、その後、「ナビゲーション作成」の「ナビゲーション書き出し」を実行します。

*「追加スタイルシート」テキストボックス内でダブルクリックするとRGB指定を挿入できます。

*色指定の方法については下記が参考になります。

以上参考になりましたら幸いです。


CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari6.1
  • 2013年11月19日(火) 17時32分2秒

その他Re:サイトタイトルのカラーの変更方法

テンプレートを変更したら、以前よりもナビの文字が黒っぽいので、不動産テンプレート時のようにもう少し文字を白っぽく表示させたいのですが、どうすれば良いでしょうか?


  • つのだ
  • Windows 7/Chrome34.0
  • 2014年4月15日(火) 20時12分22秒

その他Re[2]:サイトタイトルのカラーの変更方法

ナビメーカーのナビゲーションレイアウトを開き、Vicuna 互換ヘッダ方式の「追加CSS」を下記に書き換えて保存し、ナビゲーション書き出しを実行してください。

div#header {
margin: 0 auto;
padding: 0;
width: 960px;
height: 160px;
position: relative;
text-align: left;
}
div#header p.siteName {
margin: 0;
padding: 0;
width: 960px;
height: 128px;
background: #333 none;
}
div#header p.siteName a {
display: block;
margin: 0;
padding: 38px 16px 0 16px;
width: 928px;
height: 90px;
color: #fff;
font-size: 18px;
font-weight: bold;
font-weight: 900;
font-weight: extra-bold;
text-decoration: none;
text-shadow: #000 0 2px 2px;
background: transparent url("../image/style-stationery/header.png");
}
* html div#header p.siteName a {
background: transparent none;
width /**/: 960px;
height /**/: 128px;
}
* html div#header p.siteName a:hover {
background: transparent url("../image/style-stationery/header.png");
}
div#header p.description {
margin: 0;
padding: 0;
position: absolute;
top: 67px;
left: 16px;
color: #fff;
font-size: 13px;
text-shadow: #000 0 1px 1px;
}
div#header ul#globalNavi {
margin: 0;
padding: 0;
width: 960px;
height: 32px;
background: #000 url("../image/style-stationery/nav.png") left top;
list-style-type: none;
}
div#header ul#globalNavi li {
display: inline;
margin: 0;
padding: 0;
height: 32px;
float: left;
}
div#header ul#globalNavi li, div#header ul#globalNavi li a {
color: #ccc;
font-weight: bold;
font-size: 12px;
line-height: 12px;
text-shadow: #000 0 1px 1px;
}
div#header ul#globalNavi li a {
float: left;
margin: 0;
padding: 10px 16px 0 16px;
height: 22px;
}
* html div#header ul#globalNavi li a {
height /**/: 32px;
}
div#header ul#globalNavi li a:hover,
/*CURRENT_A*/ {
background: transparent url("../image/style-stationery/nav.png") -30px bottom;
color: #fff;
}
div#header ul#globalNavi li#header-top a:hover,
body#document_top div#header ul#globalNavi li#header-top a {
background: transparent url("../image/style-stationery/nav.png") left bottom;
}

CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari7.0
  • 2014年4月15日(火) 22時29分33秒

その他Re:サイトタイトルのカラーの変更方法

あら~貼り付けたら。。。

ページタイトルの文字が、少し右よりになって、少しだけ入っていたヘッダー背景色が無くなってクリアになってしまったんですけど。。。(泣)


  • つのだ
  • Windows 7/Chrome34.0
  • 2014年4月15日(火) 21時30分17秒

その他Re[2]:サイトタイトルのカラーの変更方法

すみません。。。

弊社で管理している同じスタイルを採用している別のサイトからコピペしたのですが、そのサイト独自の指定が混じっていました。

先ほどの書き込みの記述を修正しましたので、お手数ですがもう一度コピーして差し替えていただけましたらと思いますm(_ _)m。


CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari7.0
  • 2014年4月15日(火) 21時43分19秒

その他Re:サイトタイトルのカラーの変更方法

すいません~
サブタイトルが、右よりのままで~(汗)


  • つのだ
  • Windows 7/Chrome34.0
  • 2014年4月15日(火) 21時49分2秒

その他Re[2]:サイトタイトルのカラーの変更方法

度々すみません。。。(´-`;
上書き込みを修正しましたので、お手数ですがもう一度コピーしていただけましたらと思いますm(_ _)m。


CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari7.0
  • 2014年4月15日(火) 22時31分6秒

その他Re:サイトタイトルのカラーの変更方法

無事に2カラム化が終わりました。
ありがとうございます。

かなり、イメージに近い仕上がりで満足しています。


  • つのだ
  • Windows 7/Chrome34.0
  • 2014年4月16日(水) 11時34分24秒

その他Re[2]:サイトタイトルのカラーの変更方法

ご報告ありがとうございます。
2カラム化作業おつかれさまでした。
また何かありましたらお気軽にご相談ください。
お待ちしておりますm(_ _)m。


CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari7.0
  • 2014年4月16日(水) 13時16分11秒

タイトルは内容を簡潔にまとめたものにしてください。
「質問です」などのタイトルで投稿することはできません。

アイコン


この E-Mail は表示されません。



添付ファイル

(< 1000000 byte)

サイズ
(<800) × (<800) ピクセル


ユーザー環境
MacOS X/AppleWebKit537.36


  • 新規投稿
  • ログイン
戻る

© CMONOS Co. Ltd.


PC 向けページに移動する