■ユーザーズフォーラム リニューアルのお知らせ
新規投稿は新ユーザーズフォーラムにお願いします。

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内を
<h1><?php $this->BcBaser->logo(array('width'=>'100px', 'height'=>'10px')) ?></h1>


上記のように指定してあげると反映するみたいです。

ご参考までにどうぞ

■ BaserCMSのバージョン:3.0.9
■ レンタルサーバー名:ローカル
■ 設置フォルダ: C/MAMP/htdocs
■ 利用しているデータベース:MySQL
■ PHPスキル(自己評価):多分できない

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(ロゴ)の画像サイズと位置の変更方法でした。
ログイン
ユーザー名:
パスワード:


  新規登録 / パスワード紛失

検索

facebook
フォーラムで悩みが解決した場合など、よかったら「いいね!」をポチっとクリックしてください!質問の回答者や開発者の励みになります

フォーラムガイド


関連リンク

オンライン状況
8 人のユーザが現在オンラインです。 (7 人のユーザが フォーラム を参照しています。)

登録ユーザ: 0
ゲスト: 8