XOOPSのデザインの質問です。

中央に白バックのコンテンツがあって、その両端や上下がすべてベージュになっています。
このテンプレートのベージュの部分を変えたいのですが、どこをさわればいいのでしょうか。
よろしくお願いいたします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2009/05/21 12:14:21
  • 終了:2009/05/28 12:15:02

回答(1件)

id:Jamaican No.1

Jamaican回答回数8ベストアンサー獲得回数02009/05/21 16:08:50

ポイント60pt

XOOPSはThemes(テーマ)でデザインを決めています。

テーマをアップされてそれをご利用ですよね。

ご利用テーマフォルダにあるスタイルシートで変更してみてください。

Themes>Themes名>style.css

http://xoopsbeginner.blog81.fc2.com/blog-entry-34.html

id:clinejp

すいません。

その該当部分が、わからなくて困っています。

少々長いですが、下記になります。

ご参照いただければ幸いです。---------------------------------------------------

-----------------------------------------------------------------

@charset "euc-jp";

body {

color: #000000;

margin: 0px;

padding: 0px;

background-color: white;

background-image: url(images/backg.gif);

font-size: small;

line-height: 130%;

text-align:left;

}

#maincont{

width: 880px;/* ←ページ全体の幅を変えるときはこの数値を修正して下さい */

margin-left:auto;

margin-right:auto;

}

#leftcolumn {

width: 180px;/* ←左メニューの幅を変えるときはこの数値を修正して下さい */

border-right: 1px solid #cccccc;

background-image: url(images/menub_02.jpg);

background-repeat: repeat-y;

background-position: right;

padding-right: 10px;

padding-top: 10px;

padding-bottom: 10px;

}

#rightcolumn {

width: 180px;/* ←右メニューの幅を変えるときはこの数値を修正して下さい */

background-image: url(images/menub_02.jpg);

background-repeat: repeat-y;

background-position: right;

padding-right: 10px;

padding-top: 10px;

padding-bottom: 10px;

}

table {

width: 100%;

margin: 0px;

padding: 0px;

}

table td {

margin: 0px;

padding: 0px;

vertical-align: top;

}

a {

color: #444444;

text-decoration: none;

}

a:hover {

color: #000000;

text-decoration: underline;

}

h1 {

font-size: 125%;

}

h2 {

font-size: 112%;

}

h3, h4, h5 {

font-size: 100%;

}

ul { margin: 2px; padding: 2px; list-style: decimal outside; text-align: left;}

li {

list-style: square inside;

color: #777777;

margin-top: 3px;

margin-bottom: 3px;

}

input.formButton {}

.item {border: 1px solid #cccccc;}

.itemHead {padding: 3px; background-color: #666666; color: #FFFFFF;}

.itemInfo {text-align: right; padding: 3px; background-color: #efefef}

.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}

.itemPoster {font-size: 90%; font-style:italic;}

.itemPostDate {font-size: 90%; font-style:italic;}

.itemStats {font-size: 90%; font-style:italic;}

.itemBody {padding-left: 5px;}

.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}

.itemText:first-letter {font-size: 133%; font-weight: bold;}

.itemFoot {text-align: right; padding: 3px; background-color: #efefef}

.itemAdminLink {font-size: 90%;}

.itemPermaLink {font-size: 90%;}

.clear {

clear: both;

}

.contmain1{

background-image: url(images/ta_01.gif);

background-repeat: no-repeat;

background-position: left bottom;

height: 6px;

font-size: 6px;

}

.contmain2{

height: 6px;

width: 6px;

font-size: 6px;

}

.contmain3{

background-image: url(images/ta_03.gif);

background-repeat: repeat-y;

}

.contmain4{

background-image: url(images/ta_04.gif);

background-repeat: repeat-y;

background-position: right center;

padding-right: 3px;

padding-left: 3px;

}

.contmain5{

background-image: url(images/ta_05.gif);

background-repeat: no-repeat;

background-position: left top;

height: 6px;

font-size: 6px;

}

.contmain6{

height: 6px;

width: 6px;

font-size: 6px;

}

.space{

height: 10px;

}


#headerlogo {

padding-top: 3px;

padding-left: 10px;

float: left;

}

.headertext{

color: #666666;

padding-top: 2px;

padding-bottom: 1px;

}

#headerright {

float: right;

}

#headermenu {

margin-right: 5px;

text-align: right;

}

.headermenulink {

margin-right: 3px;

height: 23px;

padding-bottom: 5px;

}

.headermenulinkimg {

padding-top: 3px;

padding-left: 5px;

padding-right: 5px;

vertical-align: middle;

}

#headerlogin {

margin-top: 10px;

margin-right: 5px;

text-align: right;

}

#headerbar {

background-image: url(images/hbar.jpg);

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #CCCCCC;

}

#gnavi {

padding-left: 5px;

float: left;

}

.main-navi a{

color:#fff;

width:110px;

height: 18px;

background-image: url(images/gnav1.jpg);

padding-top: 12px;

background-repeat: no-repeat;

font-weight: bold;

text-align: center;

display: block;

float: left;

background-position: 3px;

font-size: 10px;

}

.main-navi a:hover{

color:#CC6600;

background-image: url(images/gnav2.jpg);

background-repeat: no-repeat;

}

#googlesearch{

text-align:right;

padding-right: 5px;

padding-top: 3px;

width: 250px;

float: right;

}

th {

color: #FFFFFF;

padding : 4px;

vertical-align : middle;

background-image: url(images/th.gif);

}

.column2 {

width: 9px;

background-image: url(images/menub_01.jpg);

background-repeat: repeat-y;

background-position: left;

}

#leftcolumn .blockTitle {

padding-top: 10px;

padding-bottom: 3px;

color: #FF6600;

font-weight: bold;

background-image: url(images/leftmenu-title_01.jpg);

text-align: center;

background-position: left top;

}

#leftcolumn .blockTitleleft {

width: 6px;

background-image: url(images/leftmenu-title_02.jpg);

background-position: right top;

}

#leftcolumn .blockContent {

border-top-width: 1px;

border-top-style: dotted;

border-top-color: #CCCCCC;

padding: 3px;

background-image: url(images/leftmenu-title_03.jpg);

}

#leftcolumn .blockContentleft {

border-top-width: 1px;

border-top-style: dotted;

border-top-color: #CCCCCC;

width: 6px;

background-image: url(images/leftmenu-title_04.jpg);

background-position: right top;

}

.blockBottom {

height:15px;

background-image: url(images/leftmenu-title_05.jpg);

background-repeat: no-repeat;

}

.blockBottomleft {

width: 6px;

background-image: url(images/leftmenu-title_06.jpg);

background-repeat: no-repeat;

background-position: right top;

}

#centercolumn {

padding-top: 10px;

padding-right: 11px;

padding-bottom: 10px;

padding-left: 11px;

border-right: 1px solid #cccccc;

}

.cont-title {

color: #777;

font-weight: bold;

background-image: url(images/center-title.jpg);

height: 23px;

padding-top: 6px;

padding-left: 18px;

background-repeat: no-repeat;

}

.blockTitle2 {

background-image: url(images/center-title_02.jpg);

background-repeat: no-repeat;

background-position: right top;

padding-top: 6px;

padding-left: 18px;

height: 23px;

}

.centerCcolumn {

clear:both;

padding-bottom: 3px;

}

.centerCcolumn div.blockTitle {

clear:both;

color: #777;

font-weight: bold;

background-image: url(images/center-title_01.jpg);

background-repeat: no-repeat;

background-position: left top;

}

.centerCcolumn div.blockContent {

margin-bottom: 10px;

padding-top: 7px;

padding-bottom: 7px;

}

.centerLcolumn {

float: left;

overflow:hidden;

width: 48%;

padding-right: 3px;

}

.centerLcolumn div.blockTitle {

color: #777;

font-weight: bold;

background-image: url(images/centerl-title_01.jpg);

background-repeat: no-repeat;

background-position: left top;

}

.centerLcolumn div.blockContent {

margin-bottom: 10px;

padding-top: 7px;

padding-bottom: 7px;

}

.centerRcolumn {

float: right;

overflow:hidden;

width: 49%;

padding-left: 3px;

}

.centerRcolumn div.blockTitle {

color: #777;

font-weight: bold;

background-image: url(images/centerr-title_01.jpg);

background-repeat: no-repeat;

background-position: left top;

}

.centerRcolumn div.blockContent {

margin-bottom: 10px;

padding-top: 7px;

padding-bottom: 7px;

}

div#content {text-align: left;}

#rightcolumn .blockTitle {

padding-top: 10px;

padding-bottom: 3px;

color: #FF6600;

font-weight: bold;

background-image: url(images/rightmenu-title_01.jpg);

text-align: center;

background-position: left top;

}

#rightcolumn .blockTitleleft {

width: 6px;

background-image: url(images/rightmenu-title_02.jpg);

background-position: right top;

}

#rightcolumn .blockContent {

border-top-width: 1px;

border-top-style: dotted;

border-top-color: #CCCCCC;

padding: 3px;

background-image: url(images/rightmenu-title_03.jpg);

}

#rightcolumn .blockContentleft {

border-top-width: 1px;

border-top-style: dotted;

border-top-color: #CCCCCC;

width: 6px;

background-image: url(images/rightmenu-title_04.jpg);

background-position: right top;

}

#banner{

text-align: center;

margin-top: 20px;

}

#pagetop {

text-align:right;

vertical-align: middle;

border-top-width: 1px;

border-top-style: solid;

border-top-color: #DDDDDD;

font-size: 10px;

padding-top: 1px;

padding-right: 4px;

padding-bottom: 1px;

padding-left: 1px;

}

.footmenu{

padding-top: 5px;

text-align: center;

border-top-width: 1px;

border-top-style: solid;

border-top-color: #CCCCCC;

background-image: url(images/even.gif);

background-repeat: repeat-x;

}

.footer {

text-align:center;

padding-top: 3px;

padding-bottom: 7px;

background-image: url(images/hbar.jpg);

background-repeat: repeat-x;

font-size: 10px;

}

#mainmenu a {

display: block;

background-image: url(images/menulink1.gif);

background-repeat: no-repeat;

padding-top: 4px;

padding-right: 9px;

padding-bottom: 4px;

padding-left: 9px;

margin-top: 0px;

margin-right: 3px;

margin-bottom: 0px;

margin-left: 3px;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #EEEEEE;

}

#mainmenu a:hover {

background-image: url(images/menulink2.gif);

background-repeat: no-repeat;

}

#mainmenu a.menuTop {padding-left: 10px;}

#mainmenu a.menuMain {padding-left: 10px;}

#mainmenu a.menuSub {

padding-left: 10px;

margin-left: 15px;

display: block;

}

#usermenu a {

display: block;

background-image: url(images/menulink1.gif);

background-repeat: no-repeat;

padding-top: 4px;

padding-right: 9px;

padding-bottom: 4px;

padding-left: 9px;

margin-top: 0px;

margin-right: 3px;

margin-bottom: 0px;

margin-left: 3px;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #EEEEEE;

}

#usermenu a:hover {

background-image: url(images/menulink2.gif);

background-repeat: no-repeat;

}

#usermenu a.menuTop {}

#usermenu a.highlight {background-color: #fcc;}



.outer {border: 1px dotted #CCCCCC;}

.head {

padding: 5px;

background-image: url(images/foot.gif);

background-repeat: repeat-x;

background-color: #EBEBEB;

}

.even {

padding: 5px;

background-image: url(images/even.gif);

background-repeat: repeat-x;

}

.odd {

padding: 5px;

background-image: url(images/even.gif);

background-repeat: repeat-x;

}

.foot {

padding: 5px;

background-image: url(images/foot.gif);

background-repeat: repeat-x;

background-color: #EBEBEB;

}

tr.even td {

padding: 5px;

background-image: url(images/even.gif);

background-repeat: repeat-x;

}

tr.odd td {

padding: 5px;

background-image: url(images/even.gif);

background-repeat: repeat-x;

}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}

div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}

div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode {

background: #FFFFFF;

border: 1px inset #000080;

padding: 0px 6px 6px 6px;

width: 400px;

overflow: auto;

}

div.xoopsQuote {

background: #FFFFFF;

border: 1px inset #000080;

padding: 2px;

width: 400px;

overflow: auto;

}


.comTitle {font-weight: bold; margin-bottom: 2px;}

.comText {padding: 2px;}

.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}

.comUserStatCaption {font-weight: normal;}

.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}

.comUserRank {margin: 2px;}

.comUserRankText {font-size: 10px;font-weight:bold;}

.comUserRankImg {border: 0;}

.comUserName {}

.comUserImg {margin: 2px;}

.comDate {font-weight: normal; font-style: italic; font-size: smaller}

.comDateCaption {font-weight: bold; font-style: normal;}

2009/05/21 16:28:52

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません