TEST_02 CSS拝見！

　テストブログ　TEST_02

ともだちは神になり人類は滅亡する計画。この言葉の意味が分りました。　　～　各ブロックを確認しやすいように色分け　＆　文字色クッキリ　～

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2024/04/19 20:47

/*-------------------------------------------------------
ヘッダー
-------------------------------------------------------*/
/*タイトルブロック*/
#TopBlock {
　　　　　width: 910px;
　　　　　height: 90px;
　　　　　background-color:#f0f0f0; /* ヘッダーの背景色です*/
　　　　　text-align: left;
　　　　　margin: 0px;
/*--------- タイトルバックに画像を使う場合はここを修正してください
　　　　　background-image:url('http://file.sala.ya-gasuri.com/psala441291.jpg');
-----------*/
　　　　　background-repeat:no-repeat;
background-position:http://file.sala.ya-gasuri.com/psala441291.jpg;
}

こーしてみましょー

/*-------------------------------------------------------
ヘッダー
-------------------------------------------------------*/
/*タイトルブロック*/
#TopBlock {
　　　　　width: 910px;
　　　　　height: 90px;
　　　　　background-color:#f0f0f0; /* ヘッダーの背景色です*/
　　　　　text-align: left;
　　　　　margin: 0px;
/*--------- タイトルバックに画像を使う場合はここを修正してください
-----------*/
　　　　　background-image:url('http://～～　ヘッダー画像URL～～.jpg');
　　　　　background-repeat:no-repeat;
　　　　　background-position:　;

}

赤文字部分が変更箇所。
青文字の部分（http://file.sala.ya-gasuri.com/psala441291.jpg）は不要。
ここに有っても意味無い、有るべき記述じゃない。

background-position:は、背景画像の表示位置を指定するもの。
たぶん、これ無くても平気。ってか、このテストブログでは削除しちゃってる。

[0回]

2010/03/28 21:22 未選択 Trackback() Comment(4)

この記事にコメントしちゃう

反映されない・・・

-------------------------------------------------------*/
/*タイトルブロック*/
#TopBlock {
width: 910px;
height: 90px;
background-color:#f0f0f0; /* ヘッダーの背景色です*/
text-align: left;
margin: 0px;
/*--------- タイトルバックに画像を使う場合はここを修正してください
-----------*/
background-repeat:no-repeat;
background-position:http://file.sala.ya-gasuri.com/header_f.jpg;
}background-repeat:no-repeat;
　　　　　background-position:　;

に直しましたが・・・。

ところでCSS拝見というのは、ソースを見たということですか?

あと左側の入力欄は「使えない」という認識でOKでしょうか?

さら| URL無し| 2010/03/28(Sun)21:44:36| 編集

間違ってますよー

よーく見てくださーい

background-image:url('http://file.sala.ya-gasuri.com/header_f.jpg');
が正解ですよー
バックグランド―イメージ：ユーアールエル（’http～～

>ところでCSS拝見というのは、ソースを見たということですか?
そうです。
http://sala.ya-gasuri.com/css/　にアクセスすれば丸見えです。

>あと左側の入力欄は「使えない」という認識でOKでしょうか?
たぶん、タグの場所によりけりかなぁ。
CSSの構造によって、代入が効く場所・効かない場所
有るのかも知れません。

このコメント返信機能はタグ使えないのかな？
これ効いてる？
プレビューではタグ効いてるけど。。。

管理人返信　【2010/03/28 22:04】

できましたー

すみません、横文字アレルギーなのでまるっきり英文読んでないのばればれですね(汗

なるほど、CSS見れるんですね。
それでこちらのCSSを拝見しようと
http://gonsuke.o-oi.net/css/
にアクセスしてみましたが開けませんでした。なぜ?
トップバナーの横に文字が入れられるの、気になります。

さら| URL無し| 2010/03/28(Sun)22:56:04| 編集

あー　ほんとだ

IE系ブラウザだとhttp://gonsuke.o-oi.net/css/
表示出来ませんね。
OperaもFirefoxもそのまま表示出来るのに。
safariだとメモ帳が立ち上がって表示される。

トップバナーの横に文字、あれは普通にフォントタグ入れてるだけです。
テンプレ編集・上段のHTMLのほう、バナーのタグの横に、
全角スペースのあとに続けて
<font size="5" color="#000000"><b>テストブログ　TEST_02</b></font>

管理人返信　【2010/03/28 23:22】

できましたー

右にも左にも入れられるようですね♪

http://sala.ya-gasuri.com/css/
のほうはメモ帳でも開けるのに、なんでだろう?
comとかnetとかの違いでしょうかね。

さら| URL無し| 2010/03/29(Mon)00:24:35| 編集

本日もありがとうございました。

またよろしくお願いします。
おやすみなさい。

さら| URL無し| 2010/03/29(Mon)01:10:58| 編集

はいどーも

寝よっと

管理人返信　【2010/03/29 01:20】

この記事へのトラックバック

この記事にトラックバックする：

≪ Firefoxでの見え方修正 *HOME* おこんばんわ ≫

[26] [25] [24] [23] [22] [21] [20] [19] [18] [17] [16]

楽天くじ

フリーエリアにリンクタグをベタ貼り

楽天ラッキーくじ
Infoseekラッキーくじ
楽天不動産ラッキーくじ
楽天オークションラッキーくじ
楽天オークションラッキーくじ2
楽天トラベルラッキーくじ
楽天証券ラッキーくじ
楽天womanラッキーくじ
楽天の保険ラッキーくじ
楽天エンタメナビラッキーくじ
JAL楽パックラッキーくじ
加盟店ラッキーくじ

フリーエリアにリンクタグをベタ貼り

楽天くじ

『リンク』プラグイン使用

『リンク』プラグイン使用

カスタマイズ実験場

上部に記載するプラグインの説明文：

管理

下部に記載するプラグインの説明文：

カレンダー

上部に記載するプラグインの説明文：

2024/04

S	M	T	W	T	F	S
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

下部に記載するプラグインの説明文：

プロフィール

ＨＮ：

gonsuke

性別：

非公開

下部に記載するプラグインの説明文：

ブログ内検索

最新記事

(02/28)

(09/04)

(03/27)

(05/04)

(04/30)

(04/13)

(04/13)

(04/05)

(04/04)

(04/02)

説明

(04/01)

(04/01)

(04/01)

(04/01)

(03/31)

(03/31)

(03/31)

(03/30)

左右カラム（プラグイン）部、タイトル背景色

(03/30)

(03/30)

(03/30)

(03/29)

(03/29)

(03/29)

(03/29)

最新トラックバック

アーカイブ

下部に記載するプラグインの説明文：

フリーエリア　カテ１

カテゴリー１のフリーアリア

下部に記載するプラグインの説明文：

フリーエリア　カテ２

カテゴリー２のフリーエリア

フリーエリア　ページランクテスト

フリーエリア　カテ３

プラグインHTMLの編集:プラグインのHTMLを直接編集する事ができます。カテゴリー３のフリーエリア
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行

フリーエリア　カテ４

上部に記載するプラグインの説明文：

プラグインHTMLの編集:プラグインのHTMLを直接編集する事ができます。
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行カテゴリー４のフリーエリアプラグインHTMLの編集:プラグインのHTMLを直接編集する事ができます。
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行

下部に記載するプラグインの説明文：

RSS

RSS 0.91

RSS 1.0

RSS 2.0

ブログ内検索　カテ４

上部に記載するプラグインの説明文：

下部に記載するプラグインの説明文：

バーコード

P R

名　前
タイトル
文字色
メール
U R L
コメント
Pass
	ｺｯｿﾘ（チェックを入れると管理人だけに表示できます）