ホーム > フォーラム > 質問箱 > ロゴの挿入やタイトル文字の変更

ロゴの挿入やタイトル文字の変更
投稿者: t-fujikawa | 投稿日時: 2015/2/13 0:38 | 閲覧: 5139回
t-fujikawa

初めて、XOOPSでサイトを作成しています。

早速ですが、XOOPSのサイトよりFCT_Isometric のテーマを使用作成中ですが、タイトル名
とサブタイトルの文字を明朝体に変更し、文字の大きさも変更、又ロゴが挿入できればと思い、下記の所を変更してみましたが、ロゴは挿入できるのですが、背景の色が変わってしまいました。どこを変更すればよいのか、行き詰まっています。
ご指導をお願い致します。

body {

	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/img1.gif) repeat-x;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #8F8F8F;

}

テーマのstyle.cssは下記のようになっています。

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

/

body {

	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/img1.gif) repeat-x;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #8F8F8F;

}

h2, h3, h4, h5, h6 {

	margin: 0;

}

h2 {

	text-transform: lowercase;
	letter-spacing: -1px;
	font-size: 26px;
	color: #31576F;

}

h2 em {

	font-weight: bold;

}

h3 {

	padding: 13px 0 0 20px;
	font-size: 20px;

}

p {

	line-height: 170%;
	

}

ul, ol {

	margin: 0;
	padding: 0;
	line-height: 160%;

}

#colL li,

#colR li {

	margin: 0 0 0 2em;

}

a {

	color: #6B6B6B;

}

a:hover {

	text-decoration: none;

}

a img,
img {

	border: none;

}

.image {

	float: left;
	margin: 0 20px 0 0;

}

.bg1 {

	border-top: 1px solid #FFFFFF;
	background: #FFFFFF url(images/img4.gif) repeat-x;

}

.bg2 {

	padding: 20px;
	border-top: 1px solid #CBE1EF;
	background: #FFFFFF url(images/img4.gif) repeat-x;

}

/* Header */

#header {

	width: 892px;
	height: 160px;
	margin: 0 auto;
	position: relative;

}

#header * {

	margin: 0;
	padding: 0;
	text-transform: lowercase;
	color: #FFFFFF;

}

#header h1 {

	float: left;
	font-size: 32px;
	position: absolute;
	top: 60px;
	left: 10px;

}

#header h1 a {

	text-decoration: none;

}

#header h2 {

	float: left;
	font-size: 11px;
	font-weight: normal;
	position: absolute;
	top: 99px;
	left: 10px;

}

#header ul {

	float: right;
	margin: 0;
	padding: 82px 0 0 0;
	list-style: none;

}

#header li {

	display: inline;

}

#header ul li a {

	display: block;
	float: left;
	height: 25px;
	margin: 0 0 0 8px;
	padding: 12px 20px 0 20px;
	background: #ABBA47 url(images/img2.gif) repeat-x;
	text-decoration: none;
	font-weight: bold;

}

/* Content */

#content {

	width: 892px;
	margin: 0 auto;

}

#colL {

	float: left;
	width: 186px;

}

#colR {

	float: right;
	width: 186px;

}

#colL ul {

	padding-left: 0;
	list-style: none none outside;

}

#colCL0R0 {

	float: left;
	width: 892px;

}

#colCL1R0 {

	float: left;
	width: 686px;

}

#colCL1R1 {

	float: left;
	width: 480px;
	margin: 0 0 0 20px;

}

#colCL0R1 {

	float: left;
	width: 686px;

}

/* Footer */

#footer {

	clear: both;
	width: 892px;
	margin: 0 auto;
	padding: 30px 0;
	background: url(images/img7.gif) repeat-x;

}

#footer p {

	margin: 0;
	text-align: center;
	text-transform: lowercase;

}

#theme_breadcrumbs {

	height: 8px;
	padding-top: 8px;

}

.BlockTitle {

	height: 25px;
	background: #0077A7 url(images/img3.gif) repeat-x left bottom;
	padding: 13px 0 0 20px;
	text-transform: lowercase;
	font-size: 11px;
	color: #FFFFFF;

}

#colOne .BlockContent {

	margin-bottom: 5px;

}

#colTwo .BlockContent {

	padding: .5em 1.2em;
	margin-bottom: 1em;

}

.CenterLblock,
.CenterLblockBottom {

	width: 48%;
	margin: 0 0 1.2em 5px;
	float: left;

}
.CenterRblock,
.CenterRblockBottom {

	width: 48%;
	margin: 0 5px 1.2em 0;
	float: right;

}

#CenterCColumn,

#CenterCColumnBottom {

	clear: both;

}

/* XOOPS Main Menu */

#mainmenu, #usermenu {

   margin:0;
   padding:0;
   text-align:left;

}

#mainmenu li,

#usermenu li,
{

   margin: 0;
   padding: 0;

}

#mainmenu ul,

#usermenu ul
{

   margin:0;
   padding:0;

}

#mainmenu a {

   display: block;
	border: 1px #ABBA47 solid; 
	border-left: 5px #ABBA47 solid; 
	text-decoration: none;
	margin: 1px 0;
   background-color: #fff;
   color: #ABBA47;

}

#mainmenu a.menuTop {

   padding: 7px;

}

#mainmenu a.menuMain {

   padding: 7px;

}

#mainmenu a.menuSub {

   padding: 3px 3px 3px 13px;
	border: 1px #ABBA47 solid; 
	margin: 1px 0;

}

#mainmenu a:hover {

   color: #fff;
   background-color: #ABBA47;
  	border: 1px #ABBA47 solid; 
	border-left: 5px #0077A7 solid; 

}

#usermenu a {

   display: block;
   border-bottom: #aaa solid 1px;
	margin:0 5px;
   padding: 5px;
	text-decoration: none;

}

#usermenu a.menuTop {}

#usermenu a.highlight {

   border-bottom: #c66 solid 1px;

}

#usermenu a:hover {

   /*background-color: #fff;*/
   border-bottom: #334 solid 1px;

}

/* XOOPS table */
table {

   width: 100%;
   margin: 0;
   padding: 0;

}
td {

   padding: 8px;
   vertical-align: top;

}

html td {

   font-size: 0.9em;

} /* IE6 */

.outer {
/* border: 1px #bda solid;*/
}
.head {

   background-color: #f0f0f0;
   padding: 5px;
   font-weight: bold;

}
tr.even td,
.even {

   background-color: #f9f9f9;
   padding: 5px;

}
tr.odd td,
.odd {

   background-color: #fbfbfb;
   padding: 5px;

}
.foot {

   padding: 5px;

}

/* XOOPS item */
.item {}
.itemHead {

   padding: 10px;
	background-color: #f3f3f3;
	border: 
   color: #000000;
   height: 100%;
	border-bottom: 1px #f0f0f0 solid; 

}
.itemInfo {

   text-align: right;
   padding: 3px;
   background-color: #f9f9f9;
   color: #333333;
   font-size: 85%;

}
.itemTitle a {

   font-weight: bold;
   font-variant: small-caps;
   color: #000000;
   background-color: transparent;

}
.itemPoster {
}
.itemPostDate {
}
.itemStats {
}
.itemBody {

   padding: 1em;
	line-height: 170%;

}
.itemText {

   margin-top: 5px;
   margin-bottom: 5px;

}
.itemText:first-letter {}
.itemFoot {

   text-align: right;
   padding: 3px;
   background-color: #f8f9fa;
   font-size: 85%;

}
.itemAdminLink {

   font-size: 90%;

}
.itemPermaLink {

   font-size: 90%;

}

/* XOOPS Error Msg */
div.errorMsg {

   background-color: #FFCCCC;
   text-align: center;
   border-top: 1px solid #DDDDFF;
   border-left: 1px solid #DDDDFF;
   border-right: 1px solid #AAAAff;
   border-bottom: 1px solid #AAAAff;
   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 #AAAAff;
   border-bottom: 1px solid #AAAAff;
   font-weight: bold;
   padding: 10px;

}
div.resultMsg {

   background-color : #CCCCfc;
   color: #333333;
   text-align: center;
   border-top: 1px solid silver;
   border-left: 1px solid silver;
   font-weight: bold;
   border-right: 1px solid #822666;
   border-bottom: 1px solid #822666;
   padding: 10px;

}

/* XOOPS Code & Quote */
div.xoopsCode {

   background: #FAFAFF;
   border: 1px inset #000080;
   font-family: "Courier New",Courier,monospace;
   padding: 0px 6px 6px 6px;

}
div.xoopsQuote {

   background-color:#FAFAFF;
   border: #336699 solid 1px;
   padding: 3px;

}

/* XOOPS com */
.comTitle {

   font-weight: bold;
   margin-bottom: 2px;

}
.comText {

   padding: 2px;

}
.comUserStat {

   font-size: 85%;
   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: 80%;

}
.comUserRank {

   margin: 2px;

}
.comUserRankText {

   font-size: 80%;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;

}

#theme_breadcrumbs {

	position: relative;
	top: -1.3em;

}

#BacktoCTop {

	font-size: 100%;
	margin: 1.2em;
	clear: both;

}

#BacktoTop {

	text-align: right;
	font-size: 100%;
	padding-right: 5px;

}

#Copyright,

#Copyright p {

	font-size: 10px;
	text-align: right;
	margin: 0 auto;
	padding: 2em 1em;
	width: 900px;

}

#Copyright,

#Copyright p,

#Copyright p span,

#Copyright a {

	text-decoration: none;
	background-color: transparent;
	color: #eeeeee;

}

/* Classes */
.fcRed {color: red}
.fcBlue {color: blue}
.fcPink {color: hotpink}
.fcGreen {color: green}
.fcOrange {color: orange}

コメント(0)

新しいものから | 古いものから | ネスト表示 | RSS feed

投票(0)

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