ボタン素材
■No.1 【To Be Continued風ボタン】
ジョジョでお馴染みの矢印素材です。
中の文字を自由に編集できます。
【ここを自由に変更できまする】
この素材の使い方を以下の手順で解説します。
1,CSSを記入
2,<table>タグを記入
3,リンク先とテキストを編集
>素材を一括ダウンロードする(ZIP形式)
ファイルには以下の5つのファイルが入ってます。
矢印始め
(go_1.gif)
矢印中(背景)
(go_2.gif)
矢印終わり
(go_3.gif)
(go_3a.gif)
(go_3b.gif)
(go_3c.gif)
>カスタマイズについてはこちらをご覧ください!
■1,CSSを記入
まず、HTMLの<head></head>の間に以下を記入します。
<style media="screen" type="text/css"><!-- .gogogo { color: #000000; font-size: 10px } .gogogo a:link { color: #FF0000; text-decoration: none; } .gogogo a:visited { color: #FF0000; text-decoration: none; } --></style>
2行目の"#000000"はテキストの色指定、3行目の"#FF0000"はリンクの色指定、4行目の"#FF0000"は訪問済みリンクの色指定です。
■2,<table>タグを記入
ボタンを置きたい所に以下を記入してください。
<table border="0" cellpadding="0" cellspacing="0"><tr> <td background="go_2.gif" valign="top" class="gogogo"> <a href="#"> <img src="go_1.gif" width="27" height="21" border="0" align="absmiddle" alt="クリック!"> 【ゴゴゴ】 <img src="go_3.gif" width="28" height="21" border="0" align="absmiddle" alt="クリック!"> </a></td></tr></table>
■3,リンク先とテキストを編集
HTMLソース内の<a href="#">の"#"にリンク先のURLを記入してください。
例)<a href="http://home02.isao.net/gogogo/">
HTMLソース内の
【ゴゴゴ】
のテキスト部分を編集して作業終了です。
■カスタマイズ
CSSの色指定を変えたり、画像を加工してみたり。
画像やHTMLソースの加工、編集は自由ですので、いろいろ試してください。
画像の色を変えてみたり。
【例1】
画像を加工してみたり。
【例2】
『ゴ』を増やしてみたり。
【例3】
もう何がなんだか。
【例4】
テキスト無し
ジョジョ ア ゴゴゴ
!!
★リンクも
大募集中
!!
トップページ
ヘルプ/サイトについて
素材トップ/ゴゴゴのオキテ
カベガミ素材
ボタン・アイコン素材
タイポグラフィー
HTMLテンプレート
イラストギャラリー
素材のつくり方
ジョジョネタ(旧コンテンツ)
ゴゴゴ集会(旧コンテンツ)
ゴゴゴ掲示板
ゴゴゴチャット
感想のメール待ってます!
jojoagogogo@infoseek.jp