空を背景に使ったテンプレート

澄んだ空と大きな雲を背景に使ったシンプルな 2カラムです。

サムネイル 空


ちょっと前にアップした海のテンプレートとほぼ同じで、背景画像を空にしたバージョンです。

simple_01a_sky [プレビュー]
 
 

コメント

初めまして(^-^)

最近FC2に引越ししまして、テンテン様のテンプレを使わせていただいてますe-420
質問なんですが、
画像の周りにつく枠を無くす事は出来ますか？？
宜しくお願い致しますm(__)m

  • 2006-04-23
  • ユカリ
  • URL
  • 編集

ユカリ様

画像の周りの枠は、スタイルシートで設定していますので、スタイルシートの48行目ぐらいにある、

img {
border: 1px solid #666666;
}

a img {
border: 1px solid #666666;
text-decoration: none;
}

の部分を

img {
}

a img {
text-decoration: none;
}

こんな感じに変更すると枠が消えます。

  • 2006-04-23
  • テンテン@管理人
  • URL
  • 編集

出来ました〜(･∀･)

早々に回答ありがとうございましたe-420
早速やってみた所無事に出来ましたe-460

それにしてもご自分でテンプレ製作出来るなんて羨ましいですe-330
私はあの英字を見るだけで頭痛がしますe-350
これからも頑張って下さいe-267

  • 2006-04-25
  • ユカリ
  • URL
  • 編集

タグのことなのですが・・・

改行した時に、上の文字と下の文字が重ならないタグってありますか？教えて頂けないでしょうか？

  • 2006-06-02
  • 恥ずかしいのでHNふせます
  • URL
  • 編集

恥ずかしいのでHNふせます様

ちょっと意味がわからないので、もう少し具体的に書いてください。

一部の文字だけサイズを大きくした場合のことでしょうか?
できればURLを書いて頂けるとわかりやすいです。

テンプレお借りしてる者です（・∀・）

初めまして☆
質問があってカキコさせて頂きましたe-68
ブログタイトル＆説明文の色
と記事の文字サイズを変えるには
どの部分を変えればいいんでしょうか？
自分で見てみたんですけどわからなくて…e-330
お返事よろしくお願いしますe-466

  • 2006-06-05
  • 明日海
  • URL
  • 編集

タイトルの文字サイズ、色の変更方法

明日海様

「スタイルシートの編集」の91行目あたりにある

h1 {
margin: 10px 5px 5px 5px;
padding: 0px 0px 0px 0px;
line-height: 100%;
text-align: left;
}

h1 a, h1 a:link, h1 a:visited {
color: #FFFFFF;
text-decoration: none;
}

h1 a:active, h1 a:hover {
color: #CC0000;
text-decoration: none;
}

.description {
margin: 0px 250px 50px 5px;
padding: 0px 0px 0px 0px;
font-size: 80%;
color: #FFFFFF;
text-align: left;
}

の部分が該当箇所になります。

例えば、ブログタイトルの文字サイズを小さくしたい場合は、

h1 {
margin: 10px 5px 5px 5px;
padding: 0px 0px 0px 0px;
line-height: 100%;
text-align: left;
}

この部分を

h1 {
margin: 10px 5px 5px 5px;
padding: 0px 0px 0px 0px;
line-height: 100%;
text-align: left;
font-size: 80%;
}

のように変更します。%の前の数字は好みによって変更できます。

次に文字の色を変更する場合は、

h1 a, h1 a:link, h1 a:visited {
color: #FFFFFF;
text-decoration: none;
}

この部分を

h1 a, h1 a:link, h1 a:visited {
color: red;
text-decoration: none;
}

のように変更します。

使用できる色は、
http://www.htmq.com/color/index.shtml
こちらを参考にすると良いと思います。

ちなみに、マウスポインタが文字の上に乗った時の色を変更する場合は、下にある

h1 a:active, h1 a:hover {
color: #CC0000;
text-decoration: none;
}

この部分を同じように変更してください。

説明文の文字サイズ、色の変更は、一番下の

.description {
margin: 0px 250px 50px 5px;
padding: 0px 0px 0px 0px;
font-size: 80%;
color: #FFFFFF;
text-align: left;
}

の太字部分を同じように変更してください。

ちょっと長くなってしまったので、記事の文字サイズを変更する方法は次のコメント欄に書きます。

本文の文字サイズの変更方法

上のコメントの続きです。

本文の文字サイズを変更する場合は、「スタイルシートの編集」の159行目あたりにある

.entry_body {
margin: 20px 0px 0px 0px;
padding: 0px 10px;
}

この部分を

.entry_body {
margin: 20px 0px 0px 0px;
padding: 0px 10px;
font-size: 80%;
}

のように変更します。色を変更したい場合は、さらに、

color: red;

を追加します。色は上のコメント欄にあるURLを参考にして変更してください。

「追記」部分も「本文」と同じ文字サイズにする場合は、171行目の

.entry_more {
margin: 20px 0px 0px 0px;
padding: 0px 10px;
}

も同じように変更してください。


もし、わかりにくいところがありましたらもう一度質問してください。

ありがとうございます!!

お返事ありがとうございますe-257
長いのにとても分かりやすく書いて頂いてe-420
おかげさまで満足のいく出来に仕上がりました!
ありがとうございます。+°☆
また何かあったら聞いてしまうかもしれないのですが
どうかその時はまたお願いします（o＾□＾o）

  • 2006-06-05
  • 明日海
  • URL
  • 編集

はじめまして！！このテンプレートお借りしています☆
質問なのですが、毎回書く記事もセンターに設定してありますか？？　センター設定していないのにセンターにいってしまい、字がずれてしまったりするのですが、初心者なのでまったくわかりません・・・
教えてください！！
できたら、自分で記事の場所を設定できるようにしたいのですが・・・
前のテンプレを使っていたときの記事は、このテンプレに変えても記事がセンターには、いっていません・・・
それも不思議で・・・？？？i-229
すみませんが、よろしくおねがいしますi-179

すみません！お借りしているテンプレは海のほうでした！！

ゆーこーさんへ

ゆーこーさんのブログをひと通り拝見したのですが、<center>というタグはゆーこーさんがご自分で打っているのでしょうか!?

たぶん、センタリングされているページは<center>タグの閉じ忘れだと思います。

例えば、
http://islanddream.blog83.fc2.com/blog-entry-38.html

の場合、

<center>宮城海岸のペイント通り

というように、<center>タグを使っていますが、</center>という閉じタグが見当たりません。
ということで、センタリングを解除したい場所に</center>という閉じタグを挿入することによって解決できるのではないでしょうか!?

  • 2007-01-10
  • テンテン@管理人
  • URL
  • 編集

お返事ありがとうございます！！
そうだったんですか〜！！
すみません・・・丁寧にご説明いただきありがとうございましたi-179
やってみます！

はじめまして。このデザインをお借りしています。
早速質問なのですが記事の周りの深い青と淡い青の色の枠をなくしたいのですがどうやったら良いでしょうか？よろしくお願いします。

  • 2007-05-21
  • ｋｋｋ
  • URL
  • 編集

エントリー部分の枠線の消し方

kkkさま

単純に枠線を消すだけの場合は、スタイルシートの編集の122行目付近にある
.entry_top {
の中にある
background: url("http://blog48.fc2.com/k/kanso/file/dolphin_top.gif") no-repeat 0px 0px;
を削除。続いてそのすぐ下にある
.entry_middle {
の中にある
background: url("http://blog48.fc2.com/k/kanso/file/dolphin_middle.gif") repeat-y 0px 0px;
を削除。さらに、198行目付近の
.entry_bottom {
の中にある
background: url("http://blog48.fc2.com/k/kanso/file/dolphin_bottom.gif") no-repeat 0px 0px;
をそれぞれ削除してください。


場所がわかりにくい場合は、

/** ▼ エントリー ▼ **/

を探すと、そのすぐ下あたりに該当箇所があります。

  • 2007-05-21
  • テンテン@管理人
  • URL
  • 編集

説明ありがとうございました！枠を消す事ができました。

  • 2007-05-21
  • ｋｋｋ
  • URL
  • 編集

初めましてこんばんわ。

質問なんですが

記事を透明にせず何か色をつけるにはどのようにすればいいのでしょうか？例えば記事の下地だけを白に変えた場合のコードを教えて頂きたいです。

失礼します。

  • 2008-05-15
  • takeru
  • URL
  • 編集

エントリー部分の背景を変更する方法

スタイルシート編集の122行目あたりにある
.entry_top {
margin: 0px;
padding: 0px;
font-size: 1px;
height: 20px;
background: url("http://blog48.fc2.com/k/kanso/file/dolphin_top.gif") no-repeat 0px 0px;
}

を

.entry_top {
margin: 0px;
padding: 0px;
font-size: 1px;
height: 20px;
background: #FFFFFF url("http://blog48.fc2.com/k/kanso/file/dolphin_top.gif") no-repeat 0px 0px;
}

にします。同様に130行目あたりにある.entry_middleと198行目あたりにある.entry_bottomのbackgroundにも「#FFFFFF」を追加してください。
#FFFFFFは白色です。

  • 2008-05-15
  • テンテン@管理人
  • URL
  • 編集

コメントの投稿


管理者にだけ表示を許可する

トラックバック

http://kanso.blog48.fc2.com/tb.php/9-baf91fde

 

▲トップに戻る