Ave!?Maria★アメリカンコッカースパニエルMariaとママのmarionの日記♪2013年9月 家族が増えました♪♪ 

スポンサーサイト

   ↑  --/--/-- (--)  カテゴリー: スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

(記事編集) http://avemarimari.blog18.fc2.com/?overture" target="_new

--/--/-- | Comment (-) | HOME | ↑ ページ先頭へ |

HTML MEMO

   ↑  2009/11/01 (日)  カテゴリー: ブログ記事
marionが使っているHTMLのメモです
右枠内の必要箇所をコピー&貼付けして、色の付いた文字・記号をカスタマイズすると使えます

文字の設定     

『バナー工房』

このサイトで『HTMLタグ』 を作る
スクロールする文字も作れます

画像の表示
<img src="表示する画像のアドレス.jpg" border="" alt="★★★" width="■■" height="●●" />

 ・border 外枠の太さ(枠無しにする場合は”0”)
 ・alt     画像の説明(オンマウスで表示される)
 ・width   画像の横幅
 ・height  画像の高さ

オンマウスで画像を変える
<!--切り替え画像//-->
<IMG src="表示しておく画像のアドレス.jpg" width="■■" height="●●" border="" onMouseOver="this.src='オンマウスで表示する画像のアドレス.jpg'" onMouseOut="this.src='表示しておく画像のアドレス.jpg'">
<!--切り替え画像ここまで//-->

オンマウスで画像を拡大する
<!--拡大画像//-->
<IMG src="表示しておく画像のアドレス.jpg" height="表示しておくサイズ" width="表示しておくサイズ" name="任意の名前
onMouseOver="document.任意の名前.height=拡大するサイズ;document.任意の名前.width=拡大するサイズ" onMouseOut="document.任意の名前.height=表示しておくサイズ;document.任意の名前.width=表示しておくサイズ">
<!--拡大画像ここまで//-->

自動で画像を入れ替え
『バナー工房』
このサイトで『GIFアニメ』 を作る
(画像をブログで表示するサイズに縮小してから
 作成したほうがイイです)
でリンクする
リンクを同一ウインドウに表示

<INPUT TYPE=button value="ボタン" onclick="JavaScript:location.
href='リンク先アドレス.html'" STYLE="cursor: hand">

 (STYLE="cursor: hand"  カーソルが上に乗ると手に変わる)


リンク先を別ウインドウに表示

<INPUT TYPE=button value="ボタン" onclick="JavaScript:window.open
('リンク先アドレス.html','_blank',
'width=■■,height=●●,scrollbars=1');" STYLE="cursor: hand">

   ・
width      開くウインドウの横幅
    ・height     開くウインドウの高さ
    ・scrollbars   開くウインドウのスクロールバー
                 (1=あり、0=なし)

のカスタマイズ1
(カラーやサイズを変えれます)

<INPUT TYPE="BUTTON" VALUE="ボタン"
style="border-style:solid; border-width:1px; border-color:#ff9b06; background:#fffcf7; font-size:10pt; color:#000000" STYLE="cursor: hand">


のカスタマイズ2
(カラーやサイズを変えれます)

<INPUT TYPE="BUTTON" VALUE="ボタン" STYLE="BORDER-STYLE:solid;BORDER-WIDTH:1px;BORDER-COLOR:white;COLOR:white;BACKGROUND:#008080" STYLE="cursor: hand">


影付き画像

テンプレートの設定、影画像のアップロード後

<span class="shadow">
<img src="画像URL"  /></span><br clear="all" />



トップ新着一覧
サムネイル画像の指定タグ

 class="fukugan"

隠す文字の入力


<!--隠す文字//-->



分からないこと・Ave!?Maria内にあるパーツ等「コレどうやるの?」
っていう問い合わせは右サイドのmarionへメールからご連絡ください♪


関連記事
スポンサーサイト

(記事編集) http://avemarimari.blog18.fc2.com/blog-entry-6.html

2009/11/01 | Comment (-) | HOME | ↑ ページ先頭へ |
この次の記事 : PHOTO ALBUM
この前の記事 : PROFILE

Comment

※ この記事の コメントは受け付けしていません。
      ご訪問ありがとうございました。
※ この記事の コメントは受け付けしていません。
      ご訪問ありがとうございました。
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。