■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