ホーム > フォーラム > 質問箱 > デフォルトテーマヘッダー

デフォルトテーマヘッダー
投稿者: korekara | 投稿日時: 2013/11/11 1:54 | 閲覧: 5804回
korekara

xoops若輩者の、korekaraと申します。

XOOPS Cube Legacy2.2
CentOS6.3
Apache2.2.15
PHP5.3.3
MySQL5.1.69

環境を構築し、先ずは、XOOPS Cube Legacy 2.2のデフォルトテーマ、legacy_defaultからいじってみようと思い、
↓↓↓

Full header with search. Layout with 2 Columns, left or right, and bottom center blocks.
バージョン : 2.2
レンダーシステム : Legacy_RenderSystem
形式 : XOOPS2 Legacy Style
作者 : XOOPS Cube Project Team
ライセンス : BSD

legacy_defaultフォルダの、theme.htmlはもちろん、全てのcssファイルを色々いじっても、元々の横幅いっぱいに広がる青色のヘッダー部分を変更(消去)したりできません。

layout.cssの7行目以降
↓↓↓

/*------------------------------------------------------- BODY LAYOUT */

{ margin: 0; padding: 0;}

body

	{
	background: #fff url(images/bg_page.jpg) top left repeat-x;
	color: #323D56;
	font-size: 13px;
	font-family:Trebuchet MS, Helvetia, Tahoma, Verdana, Arial, sans-serif;
	}

#layout

	{
	width: 970px;
	margin: 0px auto;
	text-align: left;
	}

/*------------------------------------------------------- HEADER */

#header

	{
	width: 100%;
	height:80px;
	background:url("images/hogehoge.jpg") no-repeat;   ←*独自のロゴ挿入
	}

#header h1

	{
	margin: 0;
	padding: 10px 0;
	}

.headerlogo

	{
	float: left;
	width: 200px;
	height: 100px;
	padding-top: 10px;
	}

.headersearch

	{
	float:right;
	height:44px;
	width:370px;
	margin: 25px 0px 0px 0px;
	background:url(images/bg_form_header.gif) no-repeat;
	text-align:center;
	}

#header部分に、xoopsのlogo.pngの代わりに、background:url("images/hogehoge.jpg") no-repeat;として、独自のロゴを入れることはできますが、その後ろの横幅いっぱいに広がる青色の部分は変更(消去)できません。

xoops若輩者で、つまづいておりますが、何卒、何卒ご教示をお願いいたします。

コメント(2)

新しいものから | 古いものから | ネスト表示 | RSS feed
Re: デフォルトテーマヘッダー 
投稿者: marine | 投稿日時: 2013/11/11 9:26
marine

色を変えたいなら、各所に指定されている background を確認してみましょう。
そして、theme.htmlの構造とcssを良く見てみると分かると思いますよ。

このテーマでは、headerには背景が指定されていませんね。
つまり、上部の背景色は、headerじゃないんですよ。

そう・・・

引用:
body
	{
	background: #fff url(images/bg_page.jpg) top left repeat-x;

ここの bg_page.jpg が犯人です。(^^)v

Re: デフォルトテーマヘッダー 
投稿者: korekara | 投稿日時: 2013/11/11 22:47 | 親コメント: #21355
korekara

marineサマ、

本当に感謝いたします。

imagesフォルダの中のそれらしきものをチェック、bg_page.jpgもチェックしていたのですが、まさかあの縦長に細い画像が犯人だったとは...

勉強になります。ありがとうございました。

    投票(0)

    新しいものから | 古いものから | RSS feed
     
    To Top