M-SinglePageテーマのlogoの画像サイズ変更方法
Siegfried > M-SinglePageテーマのlogoの画像サイズ変更方法 @ 2015/5/23 8:58 |
---|
皆様、よろしくお願いします。
M-SinglePageテーマを使っているのですが、(http://judge.basercms.net/04/) トップの丈夫にあるlogoの画像ファイル(logo.png)を自作の画像(560px*220px)に置き換えたのですが、 サイズが元のbaserCMS画像のサイズまで圧縮されてしまいます。 headerファイルを見たのですが、 BcBaser->logo() ?>としか記載されておらず幅・縦サイズの変更方法が分かりません。 大変恐縮ですがサイズの変更方法をご教授願います。 ■ BaserCMSのバージョン:3.0.7 ■ レンタルサーバー名:lolipop ■ スマートURLの利用: [OFF] ■ 設置フォルダ: [サブフォルダ] ■ 利用しているデータベース:MySQL ■ PHPスキル(自己評価):E |
hanhunhun > Re: M-SinglePageテーマのlogoの画像サイズ変更方法 @ 2015/6/8 10:41 |
---|
Siegfriedさん
はじめまして。 $this->BcBaser->logo()の関数はオプションに幅と高さの値を配列で指定できる様になってるみたいですので header.php内を
上記のように指定してあげると反映するみたいです。 ご参考までにどうぞ ■ BaserCMSのバージョン:3.0.9 |
happy_csm > Re: M-SinglePageテーマのlogoの画像サイズ変更方法(位置) @ 2015/6/12 17:35 |
---|
M-SinglePageのテーマを改良して↓のページを作成している者です。参考になれば幸いです。
http://syuku.co.jp 上記↑のページのロゴを一時的に変更してみました。 変更は下記 変更ファイル [ style.css ] フォルダ場所 /app/webroot/theme/フォルダ名(変更なければM-Single)/css/ style.css内の↓※赤色が今回の質問の回答ヵ所(余計かも知れませんが当方使用のコメントもそのままにしてます) header { padding-bottom: 11px; /*元11px*/ width: 100%; height: 440px; /* 画像の位置が変わる、元topロゴ高さ元290px*/ } header h1 { margin: 0 auto; width: 1100px; /* 元は無かった場所追加場所 */ padding: 80px 0px; /*元80px (祝ロゴと関係)*/ line-height: 70px; /* 元70px */ text-align: left; /* 元は無かった場所追加場所 */ } header h1 img { vertical-align: bottom; width: auto; max-height: 290px;/* 元70px */ } 以上↑************************************************* 参考画像(画像赤四角枠/app/webroot/theme/syuku←変更してます(初期は→m-single)/css/) 実装画像 他にも簡単な方法があると思います。 参考になれば幸いです。 M-SinglePageテーマのlogo(ロゴ)の画像サイズと位置の変更方法でした。 |