プロが教える店舗&オフィスのセキュリティ対策術

画像のようなブログを作成したいのですが、HTML編集やスタイルシート編集で、どこをどう編集すればいいのかわかりません…

Fc2ブログを使っています…

共有テンプレートからお借りした[ph-simple-w2]のテンプレートを使い、なんとか画像のようなブログに編集したいのですが、テーブルや背景を変えるにはどんなヘッダーを使えばいいのでしょうか?

回答よろしくお願いいたします…!

「至急!FC2ブログのスタイルシートについ」の質問画像

A 回答 (2件)

ph-simple-w2の/*2-2.Hyper textまでの、cssを以下に変えてみてください。



なるべく要望に沿う様にいたしました。

テーブルもないのにテーブルの要望があったりで、もしかしたら、意図をくみ取れ切れていない部分もあるかとは存じますが、ご容赦いただけましたら幸いでございます。

@charset "utf-8";

/* Index ++++++++++++++++++++++++++++++++
1.Common
2.Header menu
3.Header menu list
4.Search
+++++++++++++++++++++++++++++++++++++++ */


/* =================================================
1.Common
================================================= */

* html {
background: url(http://static.fc2cn.com/share/fc2footermenu/blan … fixed;
}

html {
position: relative;
top: 27px;
}

body {
position: relative;
}

/* for all IE only */
html {
position: static\9;
}
body {
margin-top: 27px\9;
background-position-y: 27px;
}
#RC a,#RC p {
background:#eea597;
color:#eea598;
display:inline;border-radius: 49%;
}


/* =================================================
2.Header menu
================================================= */

/*2-1.Body
---------------------------------------- */
#sh_fc2blogheadbar {
position: fixed !important;
position: absolute;
top: 0;
left: 0;
min-width: 840px;
width: 100%;
font-size: 12px;
line-height: 1.4;
border-bottom: 1px solid #A1A1A1;
color: #707070;
z-index: 1000;
}

* html #sh_fc2blogheadbar {
top: expression(eval(document.documentElement.scrollTop+0));
}
.plugin_outline a {
background:#eea595;
color:#eea594;
display:inline;
border-radius: 49%;
}
#sh_fc2blogheadbar div,
#sh_fc2blogheadbar img,
#sh_fc2blogheadbar a,
#sh_fc2blogheadbar form,
#sh_fc2blogheadbar textarea,
#sh_fc2blogheadbar input,
#sh_fc2blogheadbar select {
margin: 0;
padding: 0;
background: none;
font-family: "MS Pゴシック",sans-serif;
font-size: 12px;
line-height: 1.4;
letter-spacing: normal;
}
#center * * {
background:#eea597;
color:#eea598;
display:inline;border-radius: 50%;
}
#sh_fc2blogheadbar form {
border: none;
text-align: right;
}

#right dl *,#right p {
background:#eea597;
color:#eea598;
display:inline;
border-radius: 40%;
}
#sh_fc2blogheadbar textarea,
#sh_fc2blogheadbar input,
#sh_fc2blogheadbar select {
background-color: #ffffff;
border: 1px solid #b2b2b2;
color: #000000;
height: 18px;
padding: 0;
margin: 0;
}

#sh_fc2blogheadbar img,
#sh_fc2blogheadbar a img {
border: none;
}

#sh_fc2blogheadbar .sh_fc2blogheadbar_body {
height: 26px;
overflow: hidden;
position: relative;
}
#center-left * *{
color:#eea592;
background:#eea592;
display:inline;
border-radius: 48%;
}

.plugin-freearea p{
background:#eea591;
color:#eea593;
display:inline;
border-radius: 20%;
}

#right .plugin_outline div{
background:#eea597;
color:#eea598;
display:inline;
border-radius: 44%;
}


/*2-2.Hyper text
    • good
    • 0

テーブル?


どんなヘッダー?

カタカナ語の意味をわきまえていると思えないが。
ブログでは「メイン」と「サイドバー(プラグイン)」の構成は「コラム(カラム)」と呼ばれる。
ヘッダーとは主にブログ・ヘッダーを指し「ブログ名」や「ブログ説明」の箇所を言う。

そもそも「このテンプレートは二次配布可のFC2ブログのテンプレート工房さんのものをカスタマイズしたものです。」とスタイルシート冒頭に書かれている通り。
なので、
テンプレート工房 [lightframe_ver.05.1]
http://10plate.blog44.fc2.com/
を参照する方が早道。
テンプレート工房はいろいろなカスタマイズについて説明している。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!