TOP

サイト上部のイメージカラー変更、それほどでもないかな?

サイトをプレビューすると一番上に縦幅4pxほどの横線、ラインが流れていますね
わずかのラインですので、それほど気にすることでもない、もしくはパソコンの
ラインじゃなかったの?とか、気が付かなかったという方もおられるでしょうね

 

 

ま、私も全然気してませんでしたが、あれこれ当サイトを弄り回していると
なぜか、気にする度合いが高まり色合いを変えてみました

 

変えたところで別段、大きなイメージは変わりませんが、たまには変えてみると
それはそれなりに自分で満足はできます

 

どうってことないささやかなことですが、作りてとしてはリフレッシュ的感覚が
得られるでしょうか

 

 

ま、手順は以下に解説しておきますので、何かしらのお役に立ててください

 

スタイルシートを開きます

 

基本スタイルの項目で以下コードを書き換えします
border-top: 4px solid #C500BC;
カラーコードは、サイトカラーが表されているのでコードは同じではありません

 

ここです
==================================================
基本スタイル
==================================================
*/
body {
background-color: #F8F8F1;
border-top: 4px solid #C500BC;
color: #666;
font-family: 'メイリオ', Helvetica, 'Hiragino Kaku Gothic Pro', sans-serif;
font-size: 15px;
line-height: 180%;
text-align: center;
letter-spacing: -0.001em;/* iOS4でのテキストの隙間への対応 */
-webkit-text-size-adjust: 100%;/* 文字サイズの自動調整機能のキャンセル */
}

 

 

些細なカスタマイズ報告でした

 

 

ヘッダー枠、画像及び他内部CSSカスタマイズまとめ
トップページ

関連ページ

PC画面では、ヘッダー画像を非表示にする方法
シリウスのデフォルトレスポンシブサイトに標準表示されるヘッダー画像の位置が好みに合わないと感じられたら非表示にすることもできます 表示法カスタマイズまとめ
ヘッダーテキスト(タイトル)の高さ位置、および横幅調整
ヘッダー画像の縦サイズをデフォルト以外で取り入れるとタイトルも自動で位置調整されますが、それが適合位置とはなりえません。そんな時は手動で指定替えしましょう
ヘッダー画像を階層別に組み分け表示する手順
シリウスレスポンシブテンプレートでは、トップページで設定したヘッダー画像が下層でも表示される仕組みのようですが、3つまでの組み分け表示が可能です
ヘッダーテキストの固定化
シリウスで標準のヘッダー内、タイトルをスクロールを無視して固定するソース