タグ:HTML ( 11 ) タグの人気記事

リンクの貼り方3

リンクの貼り方については、何度か書いたのですが、新しい記事を投稿すると段々下の方に
下がって行って、使いたい時に見当たらないとのお叱りを戴いたので、風の向くまま!Ⅱ
お知らせの下にも書いて置きました。但し、HTML不使用にすると他の文章で困るのもので
<>を全角にしてあります。お使いの時には、これを半角に変更してお使い下さい。
この場所は、下に下がりませんので何時でもご利用頂けると思います。
[PR]
by pcog1212 | 2006-03-30 20:11 | ブログ | Comments(0)

HTMLの練習 文字を動かそう

★`Д´★サァ!張り切って行くぞオォ!ε=ε=ε=ε=ε=(o゜ー゜)oブーン→

ソースはこんな感じです↓。
<MARQUEE DIRECTION=RIGHT><FONT COLOR=GREEN SIZE=3>★`Д´★張り切って行くぞオォァ!ε=ε=ε=ε=ε=(o゜ー゜)oブーン→</FONT></MARQUEE>

⇔行ったりきたり♡

ソースです
<MARQUEE BEHAVIOR=ALTERNATE><FONT COLOR=BLUE SIZE=>⇔行ったりきたり♡</FONT></MARQUEE>


使うときには<>を半角に変更してください。
これらの記事満載の「ラナちゃんワールド」はこちら
[PR]
by pcog1212 | 2006-03-28 12:35 | ブログ | Comments(0)

エキサイトブログ、タイトル画像の入れ替え

 まず、エキサイトブログ提供スキンを編集してタイトル画像を入れ替えて見た。
ログインして「設定」を押し、左のメニュー欄にある「スキン変更」を押す。
現在使用中のスキンの下に、別のスキン選択の欄があるので、タイトルと本文背景が
気に入ったものを選ぶ。(今回はお花見にした)
各タイトルの下に、「プレビュー」「編集」「適用」があるので、プレビューを押すと、その
スキンにした状態がプレビュー出来る。
 ここで、タイトル画像の上で右クリックし背景画像を表示をクリックすると画像が表示
されるので、その上で右クリックしてプロパティを出す。ここで画像の幅と高さが判る
(750×280)ので、入れ替えたい画像をそのサイズにして用意する。
用意した画像は、スキン変更/スキン編集/HTML編集の中のマイイメージアカウント
にイメージ登録をクリックして登録して置くと、イメージをアップロードした後に、クリック
して表示されるイメージURLを利用する事が出来る。
先程の画面に戻って、「編集」を押す。スキン編集の画面になり注意事項が表示されて
いる下に「スキン編集を始めます!」のボタンがあるので押す。
 お花見スキンの場合は「桜」「夜桜」・・・と四種類のモードから選択し編集を押す。
(今回は、本文の背景とタイトルの位置関係から「夜桜」とした)
「HTML基本スキンを編集します」とのタイトルがある。このページの下に CSS編集と
言う枠があるが、タイトル画像の入れ替えは、ここで編集する。
--------------------------------------------------------------
BLOCKQUOTE { margin: 16px; padding: 10px; border: solid 1px #ffb8d5 }
#top { background: url(http://md.exblog.jp/skn/img/a/01/03/4/h_header_img.jpg) no

-repeat; text-align: center; margin-right: auto; margin-left: auto; width: 750px;

height: 280px }
--------------------------------------------------------------
 上の、background: url( )の中を、先に登録した画像のイメージURLと入れ替える。
最後の auto; width: 750px; height: 280px } はイメージのサイズなので、これも
登録したものの数値と入れ替える。
 これで「プレビュー」して見て、良ければ「保存」を押して終了する。
スキン変更でマイスキンをクリックすると作成したスキンが追加されているので、適用を押す
とスキンが入れ替わる。
[PR]
by pcog1212 | 2006-03-17 22:38 | ブログ | Comments(0)

他のブログやHPをリンクする方法

Exciteブログの場合は、メモ帳に書きます。
「設定」-「メニュー管理」-「メモ帳編集」を開き、左側のメモ帳内容に、
例えば次の様に書き込みます。
-----------------------------------------------------------------------
パソコンに関するメモ帳1
 <a href ="http://blog.zaq.ne.jp/rice11/">パソコン爺の備忘録</a>
蔵衛門、デジカメde!!同時プリント
アドビフォトショップ、筆まめなど
ソフト対象の説明をUPしてます。
------------------------------------------------------------------------
f0070279_22282238.jpg

これで、プレビューを押すと右側に表示されるので確認して「保存」を押します。
この方法で他のブログやHPがリンク出来ます。
図はクリックすると見易くなります。
[PR]
by pcog1212 | 2006-03-15 22:31 | ブログ | Comments(0)

リンクについて

リンクの貼り方
 本文中に、トラックバックとは逆に、文字をクリックすると他の特定の場所へジャンプ
する様にリンクを貼るには、<a href =" ">つづきはこちら</a> の" "の中に相手
の記事のURL を貼り付ける。
 相手の記事の下のTrackbackをクリックすると、その記事のURLが表示されるので、
それをコピーしてその中から /TB を削除すると良い。
(例)
<a href ="http://cazu88.exblog.jp/1801859">つづきはこちら
</a>
 エキサイトブログ同士であれば、ログインした状態で相手のブログの右上又は左上に
ある【リンク】を押すだけで、右又は左のエキサイトブログの欄にリンク表示される。
[PR]
by pcog1212 | 2006-02-26 13:20 | ブログ | Comments(4)

クリックして大きい画像を表示

ブログにUPした画像をクリックすると別窓に大きく表示する方法を試して見ました。
元画像は、1024ピクセルで、縮小画像は160ピクセルにしてあります。
六甲アイランド 日本郵船バースのガントリー・クレーン(キリンさん)



縮小画像を作らずに、同じ画像で縮小表示したもの。この方法だと縮小のサイズを
任意に指定する事が出来ます。下にタグを示して置きましたので参考にして下さい。
[PR]
by pcog1212 | 2006-02-20 19:05 | ブログ | Comments(0)

クリックして大きい画像を表示する方法(改訂)

六甲アイランド 日本郵船バースのガントリー・クレーン(キリンさん)
<a href ="http://pds.exblog.jp/pds/1/200602/20/79/f0070279_1945292.jpg" target="_blank">
<center><img src="http://pds.exblog.jp/pds/1/200602/20/79/f0070279_1945292.jpg" width="320" height="214" border="0" >
</center></a>

1.一旦、1024の画像をアップロードして送信し、画像の上で右クリックしてプロパティを
 出して画像のURL をコピーし、編集にして内容欄に貼り付けて送信して置きます。
2.じいじの備忘録の「クリックして大きい画像を表示する方法」を開き、<a href から
 始まり </a>で終わる上記のタグをコピーします。
3.マイブログメインに戻り編集で、内容欄に貼り付けて、<a href="http・・・・" と
<img src="http・・・・" の中味を(1)で貼り付けた URL に変更します。
4.その上で、最初にアップロードした時に入った記号
 例えば、[#IMAGE|a0030958_1655488.jpg|200602/20/58/|mid|480|360#
 を削除します。
5.縮小画像のサイズは、width="320" height="214" の数値で決まるので好みの
 サイズにして下さい。
 以上で完成です。送信ボタンを押して下さい。
[PR]
by pcog1212 | 2006-02-20 19:00 | ブログ | Comments(0)

別の場所にある画像を表示する方法

下記の形式で、<img src=" " の中に画像のURLを入れれば良い。
<center>
<img src="http://blog.zaq.ne.jp/res/rice11/images/pa/pic/1117165877.jpg" class="IMAGE_MID" width="480" height="300" border="0" alt=""/>
</center>
width="480" height="300" は、表示画像の幅と高さを指定している。
border="0" は枠線を無しにし、alt=""は代換文字無しの指定。
<center> </center>で囲まれた画像を中央に配置する指定。
[PR]
by pcog1212 | 2006-02-20 14:00 | ブログ | Comments(0)

文字のサイズと色付け

記事の文字列に着色したりサイズを変更したい時は、
下記の様に <font color="red"> や <font size="3">のタグを使う。

<font size="3" color="red">ブログのヒント「じいじの備忘録」を設けました。</font>
[PR]
by pcog1212 | 2006-02-14 23:23 | ブログ | Comments(0)

HTMLの色指定

" fillcolor="#ffff00"は、yellow の色指定値です。ここに yellow と記入しても
構いません。
 この関係は、次の様になります。
#0000ff blue
#008000 green
#ffff00 yellow
#ff0000 red
#000000 black
#808080 gray
#ffffff white
 この色指定で使えるのは、
blue, green, yellow, red, navy, aqua, lime, fuchsia, silver,
maroon, olive, teal, purple と black, gray , whiteの16色です。
色を付けると見難いので、次ぎにリストアップして置きます。
blue,green,yellow,red,navy,aqua,lime,fuchsia,silver,
maroon,olive,teal,purple と black,gray,white になります。
[PR]
by pcog1212 | 2006-02-14 23:21 | ブログ | Comments(0)