テキストエリアテンプレート

テキストエリアテンプレートです。主に更新情報の欄で使えると思います。
上から、「ピンク用」「グレー用」「ブルー用」と意識して作りました。３種類づつしかありませんがお好きなものを使ってください。

テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ ↓をコピー <textarea name="test" rows="7" cols="80" style="font-size: 12px; background-color: #ffe8e8; border-width: 0px; scrollbar-3dlight-color:#ff6666; scrollbar-track-color:#ffffff; scrollbar-darkshadow-color:#ffcccc; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-arrow-color:#ff0000;" > ここに書く </textarea>	テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ ↓をコピー <textarea name="test" rows="7" cols="80" style="font-size: 12px; font-size: 12px; border-width: 1px; border-style: solid; border-color: #ff9999; scrollbar-3dlight-color:#ffecec; scrollbar-track-color:white; scrollbar-darkshadow-color:#ffecec; scrollbar-face-color:white; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-arrow-color:#ffecec;" > ここに書く </textarea>	テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ ↓をコピー <textarea name="test" rows="7" cols="80" style="font-size: 12px; font-size: 12px; border-width: 1px; border-style: dotted; border-color: deeppink; scrollbar-3dlight-color:#ff9999; scrollbar-track-color:white; scrollbar-darkshadow-color:#ff9999; scrollbar-face-color:white; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-arrow-color:#ff9999;" > ここに書く </textarea>
テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ ↓をコピー <textarea name="test" rows="7" cols="80" style="font-size: 12px; font-size: 12px; border-width: 1px; border-style: solid; border-color: black; scrollbar-3dlight-color:gray; scrollbar-track-color:white; scrollbar-darkshadow-color:gray; scrollbar-face-color:white; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-arrow-color:navy;" > ここに書く </textarea>	テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ ↓をコピー <textarea name="test" rows="7" cols="80" style="font-size: 12px; font-size: 12px; border-width: 1px; border-style: dotted; border-color: black; scrollbar-3dlight-color:gray; scrollbar-track-color:white; scrollbar-darkshadow-color:gray; scrollbar-face-color:white; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-arrow-color:navy;" > ここに書く </textarea>	テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ ↓をコピー <textarea name="test" rows="7" cols="80" style="font-size: 12px; font-size: 12px; border-width:0px; scrollbar-3dlight-color:gray; scrollbar-track-color:white; scrollbar-darkshadow-color:gray; scrollbar-face-color:white; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-arrow-color:navy;" > ここに書く </textarea>
テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ ↓をコピー <textarea name="test" rows="7" cols="80" style="font-size: 12px; background-color: #e6f2ff; border-width: 0px; scrollbar-3dlight-color:deepskyblue; scrollbar-track-color:white; scrollbar-darkshadow-color:deepskyblue; scrollbar-face-color:white; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-arrow-color:navy;" > ここに書く </textarea>	テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ ↓をコピー <textarea name="test" rows="7" cols="80" style=" font-size: 12px; border-width: 1px; border-style: solid; border-color: #3300cc; scrollbar-3dlight-color:gray; scrollbar-track-color:white; scrollbar-darkshadow-color:gray; scrollbar-face-color:white; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-arrow-color:gray;"> ここに書く </textarea>	テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ テスト★★ ↓をコピー <textarea name="test" rows="7" cols="80" style=" font-size: 12px; border-width: 1px; border-style: dotted; border-color: blue; scrollbar-3dlight-color:gray; scrollbar-track-color:white; scrollbar-darkshadow-color:gray; scrollbar-face-color:white; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-arrow-color:gray;"> ここに書く </textarea>

「続きを読む…」をクリックすると、使用方法が確認できます。

使用方法

まず使いたいデザインのソースをコピーします。

<textarea name="test" rows="7" cols="80" style="font-size: 12px;
background-color: #ffe8e8;
border-width: 0px;
scrollbar-3dlight-color:#ff6666;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#ffcccc;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#ff0000;"
>
ここに書く
</textarea>

本文は「ここに書く」という部分に書いていってください。注意点は、HTMLが使用できないことです。改行は普通にエンターキーを押して改行しておけば良いです。

例↓

<textarea name="test" rows="7" cols="80" style="font-size: 12px;
background-color: #ffe8e8;
border-width: 0px;
scrollbar-3dlight-color:#ff6666;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#ffcccc;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#ff0000;"
>
○月○日・・・ホームページ再閉鎖…！
○月○日・・・ホームページ再オープン！
○月○日・・・ホームページ閉鎖…！
○月○日・・・ホームページオープン！
</textarea>

↓このように表示されます。

○月○日・・・ホームページ再閉鎖…！ ○月○日・・・ホームページ再オープン！ ○月○日・・・ホームページ閉鎖…！ ○月○日・・・ホームページオープン！

頂いたコメント

1 :　ぷち : 05/06/04 13:19 ID:???

教えてください。（素人なもので）
テキストエリアテンプレートなのですが、コピーしたデザインソースは何にコピーして、どのように自分のホームページに反映させるのでしょうか？

2 :　Anonymous : 06/02/01 16:45 ID:???

3 :　Anonymous : 06/02/01 23:01 ID:???

4 :　Anonymous : 06/02/02 10:41 ID:???

5 :　Anonymous : 06/02/02 10:42 ID:???

6 :　Anonymous : 06/02/02 12:18 ID:???

7 :　Anonymous : 06/02/02 21:00 ID:???

8 :　Anonymous : 06/02/02 21:01 ID:???

9 :　Anonymous : 06/02/03 08:21 ID:???

10 :　Anonymous : 06/02/03 12:53 ID:???

11 :　texas hold'em : 06/02/04 15:36 ID:???

texas hold'em Nice :) Agree :)

12 :　Anonymous : 06/02/05 03:57 ID:???

13 :　Anonymous : 06/02/05 06:11 ID:???

14 :　Anonymous : 06/02/09 12:52 ID:???

15 :　Anonymous : 06/02/09 12:52 ID:???

16 :　Anonymous : 06/02/09 14:13 ID:???

17 :　Anonymous : 06/02/11 15:10 ID:???

18 :　Anonymous : 06/02/12 22:46 ID:???

19 :　Anonymous : 06/02/16 05:58 ID:???

20 :　Anonymous : 06/02/20 08:42 ID:???

21 :　Anonymous : 06/02/20 15:14 ID:???

22 :　Anonymous : 06/02/21 06:55 ID:???

23 :　Anonymous : 06/02/21 17:17 ID:???

24 :　Anonymous : 06/02/22 08:44 ID:???

25 :　Anonymous : 06/02/22 10:03 ID:???

26 :　Anonymous : 06/02/22 13:15 ID:???

27 :　Anonymous : 06/02/23 14:14 ID:???

28 :　Anonymous : 06/02/25 18:11 ID:???

29 :　Anonymous : 06/02/26 03:50 ID:???

30 :　Anonymous : 06/02/27 21:35 ID:???

31 :　Anonymous : 06/02/28 23:24 ID:???

32 :　Anonymous : 06/03/02 06:25 ID:???

33 :　Anonymous : 06/03/04 22:27 ID:???

34 :　Anonymous : 06/03/05 17:23 ID:???

35 :　Anonymous : 06/03/05 22:55 ID:???

36 :　Anonymous : 06/03/11 10:42 ID:???

37 :　Anonymous : 06/03/12 12:47 ID:???

38 :　Anonymous : 06/03/13 09:49 ID:???

39 :　Anonymous : 06/03/15 04:55 ID:???

40 :　Anonymous : 06/03/15 07:39 ID:???

41 :　Anonymous : 06/03/15 10:58 ID:???

42 :　Anonymous : 06/03/15 11:33 ID:???

43 :　Anonymous : 06/03/15 14:56 ID:???

44 :　Anonymous : 06/03/15 16:53 ID:???

45 :　Anonymous : 06/03/16 20:30 ID:???

46 :　Anonymous : 06/03/16 20:30 ID:???

47 :　Anonymous : 06/03/16 20:31 ID:???

48 :　Anonymous : 06/03/17 04:23 ID:???

49 :　Anonymous : 06/03/17 12:08 ID:???

50 :　Anonymous : 06/03/17 15:30 ID:???

51 :　Anonymous : 06/03/18 08:03 ID:???

52 :　Anonymous : 06/03/18 09:33 ID:???

53 :　Anonymous : 06/03/19 03:11 ID:???

54 :　Anonymous : 06/03/19 04:45 ID:???

55 :　Anonymous : 06/03/19 08:03 ID:???

56 :　Anonymous : 06/03/19 12:59 ID:???

57 :　Anonymous : 06/03/20 10:43 ID:???

58 :　Anonymous : 06/03/21 05:34 ID:???

59 :　Anonymous : 06/03/21 07:13 ID:???

60 :　Anonymous : 06/03/21 11:41 ID:???

61 :　Anonymous : 06/03/21 11:44 ID:???

62 :　Anonymous : 06/03/21 15:33 ID:???

63 :　Anonymous : 06/03/22 03:17 ID:???

64 :　Anonymous : 06/03/22 03:24 ID:???

65 :　Anonymous : 06/03/23 19:16 ID:???

66 :　Anonymous : 06/03/23 22:27 ID:???

67 :　Anonymous : 06/03/24 07:52 ID:???

68 :　Anonymous : 06/03/24 09:28 ID:???

69 :　Anonymous : 06/03/24 13:11 ID:???

70 :　Anonymous : 06/03/24 15:32 ID:???

71 :　Anonymous : 06/03/26 08:49 ID:???

72 :　Anonymous : 06/03/27 08:53 ID:???

73 :　Anonymous : 06/03/27 13:07 ID:???

74 :　Anonymous : 06/03/29 10:28 ID:???

75 :　Anonymous : 06/03/30 06:30 ID:???

76 :　nbdqkwlg lnvypcxk : 07/08/10 07:16 ID:???

uxvj ocyrf sfiotpm psqe pvjbntmiu hrlv axdyblfph

77 :　ihzb molta : 07/08/10 07:18 ID:???

kuwqdxeo spviltbqo zykmxt tpnhjf pmvkgj ijexnamrk acpz http://www.ighxqcz.acidswr.com

78 :　work at home computer jobs : 07/08/10 08:11 ID:???

Cool site. Thank you:-)
work.90megs.com/56120.html las vegas hotel car insurance craps online work at home
work.90megs.com/65618.html work at home business opportunity money
work.90megs.com/84577.html work at home computer jobs
work.90megs.com/41210.html home jobs online survey make money work at home
work.90megs.com/78804.html work at home home business idea to make money online

79 :　part time work at home : 07/08/10 10:33 ID:???

Good site. Thank you:-)
work.90megs.com/75262.html no fee work at home data entry
work.90megs.com/28678.html transcription work at home
work.90megs.com/89694.html work at home business opportunities
work.90megs.com/15274.html work at home call center
work.90megs.com/31438.html part time work at home

80 :　best work at home online jobs free no surveys : 07/08/10 11:42 ID:???

Cool site. Thank you:-)
work.90megs.com/49243.html make money online work at home
work.90megs.com/38729.html no fee work at home
work.90megs.com/50145.html work at home data entry jobs
work.90megs.com/13219.html work at home jobs for moms
work.90megs.com/71784.html best work at home online jobs free no surveys

81 :　online survey make money work at home : 07/08/10 13:05 ID:???

Very good site. Thanks!
work.90megs.com/50474.html business home internet marketing opportunity work at home
work.90megs.com/88183.html business opportunity work at home
work.90megs.com/11704.html internet business make money online real work at home insane
work.90megs.com/48107.html online free data entry work at home jobs
work.90megs.com/99047.html online survey make money work at home

82 :　legitimate work at home employment : 07/08/10 14:50 ID:???

Good site. Thank you:-)
work.90megs.com/19935.html real work at home internet business make money online
work.90megs.com/76580.html christian work at home business
work.90megs.com/82982.html data entry work at home jobs
work.90megs.com/25262.html legitimate work at home employment
work.90megs.com/91677.html make money online and work at home

83 :　legitimate work at home employment : 07/08/10 14:50 ID:???

84 :　work at home free : 07/08/10 16:17 ID:???

Cool site. Thanks.
work.90megs.com/31982.html make money online work at home business opportunity
work.90megs.com/71383.html work at home companies
work.90megs.com/57296.html work at home free
work.90megs.com/16560.html work at home internet business opportunity online home based
work.90megs.com/12593.html work at home online business opportunity

85 :　work at home free : 07/08/10 16:18 ID:???

86 :　louis vuitton bag : 07/08/10 19:21 ID:???

Nice site. Thank you!
http://gregoryagkertor364.tripod.com louis vuitton

87 :　louis vuitton bag : 07/08/10 19:22 ID:???

Nice site. Thank you!
http://gregoryagkertor364.tripod.com louis vuitton

88 :　replica gun : 07/08/13 09:41 ID:???

Cool site. Thanks!!!
http://fashion.90megs.com/replica/index.html

89 :　dede efendi : 07/08/13 23:22 ID:???

Good site. Thanks.
http://fashion.90megs.com/fendi/index.html

90 :　dede efendi : 07/08/13 23:22 ID:???

Good site. Thanks.
http://fashion.90megs.com/fendi/index.html

91 :　legitimate work at home employment : 07/08/14 00:58 ID:???