Return to HOME
マウスポインタ
Cursor
|
かべがみ
Background
|
ショップ・レイアウト
Shop Layout
ショップの文字
Shop Text
|
NeoHTML
(ボードのフォント)
|
カラー表
Color Chart
ショップの
紹介文
に、下のコードを貼り付けるだけ。
その他の色は
カラー表
を参考にして、#以下の数値(1〜9、A〜F)を変えてみてください。
INDEX
ショップ全体の文字の色
|
ショップのアイテムの枠の色
ヨコに動く文字[
大
][
小
]
|
左右に動く文字
[
大
][
小
]
|
タテに動く文字
ショップ全体の文字の色を変える。
Neopets
Neopets
Neopets
Neopets
Neopets
Neopets
Neopets
Neopets
Neopets
Neopets
Neopets
Neopets
<style type=text/css>body,td,p{color:"#CC0033";}.sf{color:"#000000";}</style>
<style type=text/css>body,td,p{color:"#008000";}.sf{color:"#000000";}</style>
<style type=text/css>body,td,p{color:"#3399CC";}.sf{color:"#000000";}</style>
<style type=text/css>body,td,p{color:"#CC99CC";}.sf{color:"#000000";}</style>
<style type=text/css>body,td,p{color:"#FF6600";}.sf{color:"#000000";}</style>
<style type=text/css>body,td,p{color:"#008080";}.sf{color:"#000000";}</style>
<style type=text/css>body,td,p{color:"#FF6699";}.sf{color:"#000000";}</style>
<style type=text/css>body,td,p{color:"#808080";}.sf{color:"#000000";}</style>
<style type=text/css>body,td,p{color:"#FFCC33";}.sf{color:"#000000";}</style>
<style type=text/css>body,td,p{color:"#003399";}.sf{color:"#000000";}</style>
<style type=text/css>body,td,p{color:"#FF9999";}.sf{color:"#000000";}</style>
<style type=text/css>body,td,p{color:"#FFFFFF";}.sf{color:"#000000";}</style>
[補足]
ショップの紹介文の文章の色だけを変えたいときは
、
<font color="#000000">
ココに入れたい文章
</font>
これも、#以下の数値を変えて好きな色にかえてみてください。
ショップのアイテムの枠の色を変える。
↑ 白の場合
<body link="#CC0033" vlink="#CC0033" alink="#990000">
<body link="#33CC00" vlink="#33CC00" alink="#339900">
<body link="#33CCFF" vlink="#33CCFF" alink="#3399FF">
<body link="#CC99CC" vlink="#CC99CC" alink="#996699">
<body link="#FF6600" vlink="#FF6600" alink="#CC6600">
<body link="#99FFCC" vlink="#99FFCC" alink="#00FFCC">
<body link="#FF6699" vlink="#FF6699" alink="#CC3399">
<body link="#999999" vlink="#999999" alink="#333333">
<body link="#FFCC33" vlink="#FFCC33" alink="#FF9900">
<body link="#3399CC" vlink="#3399CC" alink="#006699">
<body link="#FF9999" vlink="#FF9999" alink="#FF6699">
<body link="#FFFFFF" vlink="#FFFFFF" alink="#99CC99">
TOPにもどる
ヨコに動く文字(大)
Welcome to my shop! いらっしゃいませ!
*コード内の、
ここにテキストを入れてください。
の部分を、好きな文章に書き換えてください。
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#FF0000" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#00800" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#0099FF" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#CC99CC" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#FF6600" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#008080" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#FF6699" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#333333" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#00CC00" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#003399" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#FF9999" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#FFFFFF" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
ヨコに動く文字(小)
Welcome to my shop! いらっしゃいませ!
*コード内の、
ここにテキストを入れてください。
の部分を、好きな文章に書き換えてください。
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#FF0000"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#00800"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#0099FF"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#CC99CC"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#FF6600"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#008080"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#FF6699"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#333333"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#00CC00"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#003399"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#FF9999"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee direction="left" behavior="scroll" scrollamount="6" scrolldelay="80" width="100%"><font color="#FFFFFF"> ここにテキストを入れてください。</font></marquee></p>
TOPにもどる
左右に動く文字(大)
Welcome to my shop!
*コード内の、
ここにテキストを入れてください。
の部分を、好きな文章(なるべく
短め
)に書き換えてください。
<p><marquee behavior="alternate"><font color="#FF0000" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee behavior="alternate"><font color="#008000" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee behavior="alternate"><font color="#0099FF" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee behavior="alternate"><font color="#CC99CC" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee behavior="alternate"><font color="#FF6600" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee behavior="alternate"><font color="#008080" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee behavior="alternate"><font color="#FF6699" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee behavior="alternate"><font color="#333333" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee behavior="alternate"><font color="#00CC00" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee behavior="alternate"><font color="#003399" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee behavior="alternate"><font color="#FF9999" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
<p><marquee behavior="alternate"><font color="#FFFFFF" size="5"><b> ここにテキストを入れてください。</b></font></marquee></p>
左右に動く文字(小)
Welcome to my shop! いらっしゃいませ!
*コード内の、
ここにテキストを入れてください。
の部分を、好きな文章に書き換えてください。
<p><marquee behavior="alternate"><font color="#FF0000"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee behavior="alternate"><font color="#00800"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee behavior="alternate"><font color="#0099FF"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee behavior="alternate"><font color="#CC99CC"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee behavior="alternate"><font color="#FF6600"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee behavior="alternate"><font color="#008080"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee behavior="alternate"><font color="#FF6699"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee behavior="alternate"><font color="#333333"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee behavior="alternate"><font color="#00CC00"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee behavior="alternate"><font color="#003399"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee behavior="alternate"><font color="#FF9999"> ここにテキストを入れてください。</font></marquee></p>
<p><marquee behavior="alternate"><font color="#FFFFFF"> ここにテキストを入れてください。</font></marquee></p>
TOPにもどる
タテに動く文字
(ショップ・ブログ用)
WELCOME TO MY SHOP!
いらっしゃいませ!いらっしゃいませ!ゆっくり見ていってくださいね〜♪
* ネオペット、
ショップ・ブログ
のコード内にある、
ここにテキストが表示されます。
という
部分を消して、そこに下のソースを貼り付けてください。
さらに貼り付けたソース内の、
ここにテキストを入れてください。
の部分を、好きな文章
に書き換えてください。
<marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="30" width="100%"> ここにテキストを入れてください。</font></marquee>
TOPにもどる
(c) 1999-2005 NeoPets.com,Inc. All Rights Reserved. Used With Permission.
Copyright (c) 2003-2005 Let's learn English with Neopets, all rights reserved.