忍者ブログ
壱岐君、退陣ゃ テストブログ TEST_02
ともだちは神になり人類は滅亡する計画。この言葉の意味が分りました。  ~ 各ブロックを確認しやすいように色分け & 文字色クッキリ ~
×

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

<!--▽ブログタイトル・説明文▽-->
<div id="TopTitle">
<a href="<!--$g_url-->"><span class="TopTitleFont"><!--$g_title--></span></a>
</div>
<div id="TopExplanation">
<!--$g_explanation-->
</div>
<!--△ブログタイトル・説明文△-->


 ↑こうなってるのを ↓にする


<!--▽ブログタイトル・説明文▽-->
<div id="TopTitle">
<a href="<!--$g_url-->"><Img Src="http://file.sala.ya-gasuri.com/psala441291.jpg" Border=0></a>
</div>
<div id="TopExplanation">
<!--$g_explanation-->
</div>
<!--△ブログタイトル・説明文△-->




つまり、

<span class="TopTitleFont"><!--$g_title--></span>

  ↑の部分を ↓に置き換える

<Img Src="http://file.sala.ya-gasuri.com/psala441291.jpg" Border=0>

拍手[0回]

/*--------- タイトルバックに画像を使う場合はここを修正してください
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;
}



CSS(スタイルシート)では、/* */ で挟まれてる部分は無視されます(無効になる)ので、

/*--------- タイトルバックに画像を使う場合はここを修正してください
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;
}


 赤文字の部分を削除しないと画像は表示されません。


それと、スミマセン
background-align: right  ← コレ要りません。

有っても効きません。
入れてみただけで、消すの忘れてました。

あ~~

普通にTableタグ使うと

文章が中寄せになる

FONTサイズも変になる

要修正





修正完了
  ↓


CSS部分の最初の方にある


td {
     text-align: center;
}

table{
     border-collapse: collapse;
}



  ↑ここの部分を


td {
     text-align: left;
}

table{
      font-size: 12px;
     border-collapse: collapse;
}



赤文字部分が修正・追加したところ



失敗!

12pxで文字サイズを決めうちすると、他の部分に影響が出るので、


td {
     text-align: left;
}

table{
      font-size: 100%;
     border-collapse: collapse;
}



100%に設定。

拍手[0回]

ヘッダーに画像入れて、
 http://blog.cnobi.jp/v1/blog/user/450b4029b9feee29689b7080bc4cd371/1269657981

リンクのhover色変更(とりあえず全部同じ色に統一)、

ページ移動用の番号リンクを下部に移動


テンプレは、直接左側の記述部分を弄った方が早い。


下段・CSS部の内容(IE系だとこのリンクは正常に開けないので右クリ保存で)

/*--------- タイトルバックに画像を使う場合はここを修正してください
-----------*/

background-image:url('http://blog.cnobi.jp/v1/blog/user/450b4029b9feee29689b7080bc4cd371/1269657981');
background-align: right;
background-repeat:no-repeat;




上段・HTML部の内容(IE系だとこのリンクは正常に開けないので右クリ保存で)

リンクも同じ色だとやっぱ不自由だな。要調整。

修正
リンクに下線つけたCSSダウンロード(txt)

拍手[0回]

前のページ      次のページ
[9] [10] [11] [12] [13] [14] [15] [16
カスタマイズ実験場
上部に記載するプラグインの説明文:
下部に記載するプラグインの説明文:
カレンダー
上部に記載するプラグインの説明文:
04 2024/05 06
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 31
下部に記載するプラグインの説明文:
プロフィール
HN:
gonsuke
性別:
非公開
下部に記載するプラグインの説明文:
ブログ内検索
最新コメント
カテゴリー
最新トラックバック
フリーエリア カテ1
カテゴリー1のフリーアリア
下部に記載するプラグインの説明文:
フリーエリア カテ2
カテゴリー2のフリーエリア
フリーエリア ページランクテスト
フリーエリア カテ3
プラグインHTMLの編集:プラグインのHTMLを直接編集する事ができます。 カテゴリー3のフリーエリア
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
フリーエリア カテ4
上部に記載するプラグインの説明文:
プラグインHTMLの編集:プラグインのHTMLを直接編集する事ができます。
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行 カテゴリー4のフリーエリア プラグインHTMLの編集:プラグインのHTMLを直接編集する事ができます。
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
改行
下部に記載するプラグインの説明文:
ブログ内検索 カテ4
上部に記載するプラグインの説明文:
下部に記載するプラグインの説明文:
バーコード
P R
  
PR
Copyright ©   TEST_02   All Rights Reserved
Design by MMIT simple_plain Powered by NINJA TOOLS
忍者ブログ [PR]