■NO.1 【コミックス裏風トップページ】
>>サンプルページを開きます。(480 x 320px)
ページやサイトの入り口に使うことを意識したテンプレートです。HTMLタグをある程度理解している方向けの素材なので、初心者の方でわからないことがあればBBSやメールで質問ください。
下図の数字にそってテンプレートを解説していきます。テンプレートはページ最下部からダウンロードできます。
【目次】
1、バーコード
2、価格
3、あらすじ
4、JOJO柄
ダウンロード
使用しているスタイルシートの簡単な説明
body=上の余白を30px、左の余白を15pxに。
text10px=サイズ10pxのテキスト。
text12px =サイズ12pxのテキスト。
textborder=テキストを境界線で囲います。
drop=あらすじの1文字目のテキストに使用。
a:link=リンク色。
a:visited=来訪済みリンク色。
black a:link=範囲内のリンク色を黒に。
black a:visited=範囲内の来訪済みリンク色を黒に。
1、バーコード
バーコードを模したリンクボタンです。
ページへリンクその1
↓
【
ここを編集します】
バーコード画像の下のテキストを編集すればボタンのできあがり。
バーコードの代わりにバナー風の画像を使えばオシャレに変身(?)
カスタマイズ例はこちら。
>>目次へ
2、価格
定価
本体390円+スタンド
ページ名またはサイト名
↓ ↓ ↓
定価
本体390円+税
ジョジョ風・コミックス
『textborder』の指定内(本体390円+スタンド)は全角6文字程度入ります。
>>目次へ
3、あらすじ
四
行(全角80文字程度)にまとめると馴染む
!!
ジャンプ(リンク)先の内容を、ストーンオーシャンのあらすじを参考にまとめると大吉の方向に
!!
あらすじは全角80文字程度の文章が実に馴染みます。必ず4行にまとめましょう。『drop』の指定内に1文字目を入れてください。
【ワンポイント
ッ!
】
『感嘆符(!)』は斜体にするとジョジョっぽくなります。
<i>! </i>だと『
!
』<i>!! </i>だと『
!!
』 になります。感嘆符の後ろに全角スペースを入れると、続く文章に干渉しません。(あらすじ二行目参照)
>>目次へ
4、JOJO柄
ファイル名を入れ替えるだけでJOJO柄を変えられるようにしたため、HTMLがちと複雑になってます。テンプレートでは『kabe_04.gif』を四つ置き換えると全体の柄が変わります。
自分でカスタマイズしたい方はソース内の
<!--ここから複雑-->〜<!--ここまで複雑-->を
ごっそり削除してください。
この部分をカスタマイズすると、ジョジョ以外のいろんなジャンプマンガを再現できます。
>>目次へ
ダウンロード
>>テンプレートをダウンロード(zip形式)
ファイル内容
code1.gif=バーコードの画像その1
code2.gif=バーコードの画像その2
hi.gif=右下のペンダコの画像
jo.gif=中央の『JO』画像
kabe_04.gif=赤いJOJO柄
no1.html=これが本体のHTMLだ
spacer.gif=スペース埋め用(ブラウザ互換のため)
ジョジョ ア ゴゴゴ
!!
★リンクも
大募集中
!!
トップページ
ヘルプ/サイトについて
素材トップ/ゴゴゴのオキテ
カベガミ素材
ボタン・アイコン素材
タイポグラフィー
HTMLテンプレート
イラストギャラリー
素材のつくり方
ジョジョネタ(旧コンテンツ)
ゴゴゴ集会(旧コンテンツ)
ゴゴゴ掲示板
ゴゴゴチャット
感想のメール待ってます!
jojoagogogo@infoseek.jp