スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

このエントリで得ることなど何も無い 

ういすきー飲んでグラグラフラフラのJuilletです。こんばんは。

今夜はHTMLとかCSSだののお話。



あ、絵ぇ張ったり、大きさ変えたり程度だから
過度の期待は禁物だ!約束だ!いいな!

あと、あくまでも私のやり方だから、
もっと良いやりかたがあるかもしれん。
参考とか目安程度にな(´_ゝ`)

 
 
 
1.絵を表示してみる。

例えば、

20060316002903.jpg

こんな写真があったとします。
クリックで拡大できますね。
でも面倒です。多分。


実際に写真を貼り付けたときはこんな形になると思います。

<a href="***" target="_blank">
<img src="***">
</a><br clear="all">

これらの小文字の群れの

<a href="***" target="_blank">
<img src="***">
</a><br clear="all">

この赤い部分を消してみよう。
すると写真だけ(クリックの設定が消える)になると思います。
なんなかったら教えてください。また調べます。

あ、サムネイル(小さい画像)の大きさ自体を変える場合は、
左のメニューから「環境設定の変更」を選び、
そのページにある「ブログの設定」を選びます。
やや下のほうにサムネイルの設定があります。



2.背景を設定してみる。

まず、背景に使う絵をアップします。

bg.gif

今回はコレを使います。



次に、左にあるメニューの「テンプレートの設定」から
修正」に入ります。下のほうに「HTMLの編集」と「スタイルシートの
編集
」ができる枠が出てくるので、スタイルシート側を使います。


*ここから各テンプレートごとに違ってきます。
(記号なんかの書き方が、作者の好みで変わってくるので。)


とりあえず枠の中から、

body

と書かれている部分を探します。
そこへ背景のアドレスを書き込む訳ですが
説明がややこしくてよくわからないので、

/* 背景画像 */

body {

background:url(ココにアドレス);

}


こうしておきますね。( )の中にアドレスです。
赤い文字の部分を(無かったら)追加してあげてください。
(アドレスの表示は、「ファイルアップロード」から直接、
画像をクリックしてくださいな。)

今回は「画像を並べて表示」の方法ですが、

background:url(***) no-repeat ;


黄色い部分を追加すると並べずに1枚だけになります。また、

center(中央)
top(上端) bottom(下端)
left(右端) right(左端)


これらをno-repeat
の後に書くことによって、位置の(大まかな)変更もできます。

background:url(***) no-repeat bottom left ;
(絵を繰り返さずに、右下へ表示します。)




3.タイトル画像の表示

2と同じ手順で、絵をアップします。
さらに同じ手順でスタイルシートの設定から

#header {

width : 770px;
height : 250px;
background-image: url(ココにアドレス);

}


という部分を探します。
この場合、幅770、高さ250(ピクセル)の画像ですね。

これは770x250のスペースに絵を置こうということなので、
数字を変えれば、より大きな絵が使えたりします。
*間違えたりするとレイアウトが崩れたりします。
(私は同じテンプレートを2つ用意して、片方で実験しました。)


 * * * 

と、こんな感じで良いんでしょうかね。隊長(´∀`)
説明不足な場所があったら、どうぞ教えてくだされ。

 

コメント

やっぱりブログ書いて寝るとなると外は明るくなるね(゜▽゜;)

また夜に遊びましょ(>_<)ノシ

すごいw朝の4時にログアウトしてからアップしてくれたのねw
さすがです!
ジュイさんの教えどおりに挑戦してみます!
教えどおりにやってるのに・・
ん?
INTが足りませんwww

私もINT足りませんwwww
説明下手なんです(´д`)

あぽーぱいでINT+3して、Jさんのコメント通りにやったらブログのプロフィール綺麗に貼れました。

プロフィールつくるHPでコピーしてきたやつをそのまま貼ったら、タグ?がたくさん改行されててそれを消したのがいけなかったみたい。

色々勉強になるます。アジガトウ(>_<)

コメントの投稿















← 非表示にする場合チェックしてください

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。