今日は各ベージの一番下にある横長のお問い合わせ表示エリアの体裁を変更する方法です。いつものように、style.cssに追記していきます。

変更した部分

色しか変えてませんので、他にも変えたい部分がある場合はもう少し手を加える必要がありますが、色だけはとにかく自分のサイトのイメージに合うように変えたいってご要望もあるかと思いますので、ご参考まで。
 

/* 横長お問い合わせ表示エリアの設定 */
#content .mainFoot {
        background:none;                  /* 背景を削除 */
        border:1px solid #671114;         /* 外枠の色変更 noneでもOK */
        border-top:2px solid #671114;     /* 外枠上辺の色変更 */
        border-right:2px solid #671114;   /* 外枠右辺の色変更 */
        border-bottom:2px solid #671114;  /* 外枠下辺の色変更 */
        border-left:2px solid #671114;    /* 外枠左辺の色変更 */
        padding:1px;
        margin-top:0px;
        width:98%;
}
#content .mainFoot .mainFootInner {
        padding:15px;
        border:1px solid #e5e5e5;
        background-color:rgba(0,0,255,0); /*背景を透明に*/
}
#content .mainFootContact {
        width:auto;
}
#content .mainFootBt {
        border: 1px #671114 solid; /*「お問い合わせは~」の枠の色変更 */
}
 
 
 

 
 

要点

この表示アエリアを形成しているのは、mainFoot、mainFootInner、mainFootContact、mainFootTxt、mainFootCatch、mainFootTel、mainFootTime、mainFootBtの各クラスのパラメータなので、いろいろいじってみると自分好みに変更できると思います。もともとは、BizVektorのplain.cssに由来していますので、デフォルトの状態をplain.cssからコピーして持ってきて、そこからいじっていくと手っ取り早いと思います。







Author Profile

midzuki
自習室マイタスの運営本部、ハシヅメアーキテック代表者。本業は建設業。自習室マイタスの内装デザインおよび施工はすべて本人が行っている。
何事も断らない性格から、とある学習塾の塾長を任されたり、講師を兼任したり、工事のついでにオフィス機器の導入や慣熟指導、研修会講師など、自分でお役に立てることならできうる限り対応してきた。オフィスの新築・改装の際にワンストップで事務所機能をすべて揃えられると喜んでいただいている。ちなみに塾講師としての専門分野は現国で、現国で満点を取らせる男。

【その他の特徴】
◆一級施工管理技士
◆二級建築士
◆ネットワークに繋がるデバイスならだいたいなんとかできる。
◆基本的に自前主義で自分できることなら何でも自分でやる。
◆とにかく機械が好きで、友人のリサイクル工場で一日楽しめる。
◆ご要望が多いので現国の短期集中セミナーやるかも。
◆趣味は料理とギターで、Facebookから自炊録の移行を計画中。
◆最近、頭髪のことを気にしている。
◆こちら側のどこからでも切れないタイプの人種。
◆極度の育メン